/* The Business Remodel blog: cards by topic, article pages, author box, suggested reads (Oct 9).
   Loaded after workshop-landing.css (header, footer, buttons, tokens). Follows BRAND_DESIGN_RULES.md. */
.wl-blog .bl-hero{padding:4.5rem 0 3.5rem;text-align:center}
.wl-blog .bl-hero-in{max-width:860px}
.wl-blog .bl-hero .wl-lead{max-width:44ch;margin:1.5rem auto 1.75rem}
.wl-blog .bl-hero h1 em{display:inline}
.wl-blog .bl-byline{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1rem;margin:0;font:400 1.0625rem/1.5 Lato,Arial,sans-serif;color:var(--slate)}
.wl-blog .bl-byline img{width:3.5rem;height:3.5rem;border-radius:50%;object-fit:cover;object-position:50% 20%;box-shadow:0 0 0 3px #fff,0 4px 10px rgba(28,64,120,.2)}
.wl-blog .bl-byline strong,.wl-blog .bl-byline strong a{color:var(--navy);font-family:Montserrat,Arial,sans-serif;font-weight:700;text-decoration:none}
.wl-blog .bl-li{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.4rem 1rem;border:2px solid var(--navy);color:var(--navy);font:700 1rem/1.3 Montserrat,Arial,sans-serif;text-decoration:none}
.wl-blog .bl-li:hover,.wl-blog .bl-li:focus-visible{background:var(--navy);color:#fff}
.wl-blog .bl-li[hidden]{display:none}
/* Topic chips */
.wl-blog .bl-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin:0 0 3rem}
.wl-blog .bl-chip{display:inline-flex;align-items:center;gap:.6rem;min-height:2.9rem;padding:.55rem 1.15rem;background:#fff;color:var(--navy);border:2px solid var(--navy);font:700 1rem/1.3 Montserrat,Arial,sans-serif;cursor:pointer;transition:background-color .15s ease,color .15s ease}
.wl-blog .bl-chip span{font:700 1rem/1 Montserrat,Arial,sans-serif;padding:.25rem .5rem;background:var(--mist);color:var(--navy)}
.wl-blog .bl-chip:hover{background:var(--mist)}
.wl-blog .bl-chip[aria-pressed=true]{background:var(--navy);color:#fff}
.wl-blog .bl-chip[aria-pressed=true] span{background:rgba(255,255,255,.18);color:#fff}
/* Cards */
.wl-blog .bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;align-items:stretch}
.wl-blog .bl-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.wl-blog .bl-card{display:flex;flex-direction:column;background:#fff;border-top:5px solid var(--teal);box-shadow:0 2px 4px rgba(28,64,120,.08),0 12px 28px rgba(28,64,120,.14),0 28px 52px -8px rgba(28,64,120,.18)}
.wl-blog .bl-card[data-topic=job-costing]{border-top-color:var(--navy)}
.wl-blog .bl-card[data-topic=pricing]{border-top-color:var(--orange)}
.wl-blog .bl-card[hidden]{display:none}
.wl-blog .bl-card-img{display:block;overflow:hidden;background:var(--mist)}
.wl-blog .bl-card-img img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.wl-blog .bl-card:hover .bl-card-img img{transform:scale(1.04)}
.wl-blog .bl-card-body{display:flex;flex-direction:column;flex:1;padding:1.75rem 1.75rem 2rem}
.wl-blog .bl-topic{margin:0 0 .6rem;font:700 1rem/1.4 Montserrat,Arial,sans-serif;color:var(--teal-ink)}
.wl-blog .bl-title{margin:0 0 .9rem;font:500 clamp(1.4rem,1.9vw,1.65rem)/1.28 'Playfair Display',Georgia,serif;letter-spacing:-.01em}
.wl-blog .bl-title a{color:var(--navy);text-decoration:none}
.wl-blog .bl-title a:hover{text-decoration:underline;text-underline-offset:.2em}
.wl-blog .bl-excerpt{margin:0 0 1.1rem;font-size:1.0625rem;line-height:1.6}
.wl-blog .bl-meta{margin:auto 0 1rem;font:400 1rem/1.5 Lato,Arial,sans-serif;color:var(--slate)}
.wl-blog .bl-more{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;font:700 1rem/1.4 Montserrat,Arial,sans-serif;color:var(--navy);text-decoration:none;border-bottom:2px solid var(--orange);padding-bottom:.15rem}
.wl-blog .bl-more:hover{color:var(--teal-ink)}
.wl-blog .bl-suggest .wl-wrap>h2{text-align:center;margin-bottom:2.5rem}
@media(prefers-reduced-motion:no-preference){.wl-blog .bl-card{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease}.wl-blog .bl-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px rgba(28,64,120,.1),0 18px 36px rgba(28,64,120,.18),0 36px 64px -8px rgba(28,64,120,.22)}}
/* Author box. Same column as the article text, not a narrower centered card. */
.wl-blog .bl-about{padding:2.5rem 0 4rem}
.wl-blog .bl-about-wrap{max-width:1160px;display:grid;grid-template-columns:minmax(0,760px) minmax(0,280px);gap:4.5rem;justify-content:space-between;text-align:left}
.wl-blog .bl-author{grid-column:1;width:100%;max-width:68ch}
.wl-blog .bl-author{display:flex;align-items:center;gap:2rem;padding:2rem 2.25rem;background:#fff;border-left:5px solid var(--orange);text-align:left;box-shadow:0 2px 4px rgba(28,64,120,.08),0 12px 28px rgba(28,64,120,.12)}
.wl-blog .bl-author img{flex:none;width:7.5rem;height:7.5rem;border-radius:50%;object-fit:cover;object-position:50% 20%;box-shadow:0 0 0 4px var(--mist)}
.wl-blog .bl-author .bl-label{margin:0 0 .25rem;font:700 1rem/1.4 Montserrat,Arial,sans-serif;color:var(--teal-ink)}
.wl-blog .bl-author h2{margin:0;font:500 1.9rem/1.2 'Playfair Display',Georgia,serif;color:var(--navy)}
.wl-blog .bl-author .bl-role{margin:.2rem 0 .75rem;font:600 1.0625rem/1.4 Montserrat,Arial,sans-serif;color:var(--navy)}
.wl-blog .bl-author p{font-size:1.0625rem;line-height:1.6;margin-bottom:.9rem}
.wl-blog .bl-author-links{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin:0}
.wl-blog .bl-text-link{font:700 1rem/1.4 Montserrat,Arial,sans-serif;color:var(--navy);text-underline-offset:.25em}
.wl-blog .bl-about-cta{margin:2rem 0 0}
/* Post hero + layout */
.wl-blog .bl-post-hero{padding:3.25rem 0 2rem}
.wl-blog .bl-post-hero .wl-wrap{max-width:900px}
.wl-blog .breadcrumbs{margin:0 0 1.5rem;font:400 1rem/1.5 Lato,Arial,sans-serif;color:var(--slate)}
.wl-blog .breadcrumbs a{color:var(--navy)}
.wl-blog .bl-post-hero h1{font-size:clamp(2.1rem,3.8vw,3.25rem);line-height:1.15;margin:0 0 1.5rem}
.wl-blog .bl-post-hero .bl-byline{justify-content:flex-start}
.wl-blog .bl-dot{color:var(--slate)}
.wl-blog .bl-post-wrap{max-width:1160px}
.wl-blog .bl-feature{margin:0 0 3rem;box-shadow:0 18px 40px rgba(28,64,120,.2)}
.wl-blog .bl-feature img{display:block;width:100%;height:auto;max-height:460px;object-fit:cover;object-position:50% 35%}
.wl-blog .article-grid{display:grid;grid-template-columns:minmax(0,760px) minmax(0,280px);gap:4.5rem;justify-content:space-between;align-items:start;padding-bottom:0}
.wl-blog .article-copy{min-width:0;max-width:68ch}
.wl-blog .article-copy>p,.wl-blog .article-copy li{max-width:68ch}
.wl-blog .article-copy>p{text-wrap:pretty}
.wl-blog .article-copy a{color:var(--navy);text-underline-offset:.2em;overflow-wrap:anywhere}
.wl-blog .article-copy img,.wl-blog .bl-feature img,.wl-blog .article-video{max-width:100%}
.wl-blog .article-copy h2{margin:3rem 0 1.25rem;max-width:68ch;font-size:clamp(1.75rem,2.6vw,2.25rem);text-wrap:balance;hyphens:manual;overflow-wrap:break-word}
.wl-blog .article-copy h3{margin:2rem 0 1.125rem;max-width:68ch;font:700 1.25rem/1.4 Montserrat,Arial,sans-serif;color:var(--navy);text-wrap:balance;hyphens:manual;overflow-wrap:break-word}
.wl-blog .article-copy h4{margin:1.75rem 0 1.125rem;max-width:68ch;font:700 1.2rem/1.4 Montserrat,Arial,sans-serif;color:var(--navy);text-wrap:balance;hyphens:manual;overflow-wrap:break-word}
.wl-blog .article-copy img{display:block;height:auto;margin:1.5rem 0}
.wl-blog .article-copy ul,.wl-blog .article-copy ol{margin:0 0 1.25rem;padding-left:1.4rem}
.wl-blog .article-copy li{margin:0 0 .55rem}
.wl-blog .answer{margin:0 0 2.25rem;padding:1.75rem 2rem;background:#fff;border-left:5px solid var(--teal);box-shadow:0 2px 4px rgba(28,64,120,.08),0 10px 22px rgba(28,64,120,.1)}
.wl-blog .answer .eyebrow{margin:0 0 .5rem;font:700 1rem/1.4 Montserrat,Arial,sans-serif;color:var(--teal-ink)}
.wl-blog .answer p:last-child{margin-bottom:0}
.wl-blog .toc{position:sticky;top:1.5rem;padding:1.5rem;background:#fff;border-top:5px solid var(--navy);box-shadow:0 2px 4px rgba(28,64,120,.08),0 10px 22px rgba(28,64,120,.1);font-size:1rem}
.wl-blog .toc>p{margin:0 0 .75rem;font:700 1rem/1.4 Montserrat,Arial,sans-serif;color:var(--navy)}
.wl-blog .toc ol{margin:0;padding-left:1.1rem}
.wl-blog .toc li{margin-bottom:.7rem;line-height:1.45;text-wrap:balance;hyphens:manual}
.wl-blog .toc a{display:block;color:var(--slate);text-underline-offset:.2em;text-wrap:balance;hyphens:manual;overflow-wrap:break-word}
.wl-blog .table-scroll{overflow-x:auto;margin:1.75rem 0;border:1px solid var(--line);background:#fff}
.wl-blog table{border-collapse:collapse;width:100%;font-size:1rem;line-height:1.55;text-align:left}
.wl-blog caption{padding:1rem 1.1rem;background:var(--mist);font:700 1rem/1.4 Montserrat,Arial,sans-serif;color:var(--navy);text-align:left}
.wl-blog th,.wl-blog td{padding:.9rem 1.1rem;vertical-align:top;border-top:1px solid var(--line)}
.wl-blog thead th{background:var(--navy);color:#fff;border-top:0}
.wl-blog tbody th{font-weight:700;color:var(--navy)}
.wl-blog .article-copy details{margin:0 0 1rem;background:#fff;border-left:4px solid var(--teal);box-shadow:0 2px 4px rgba(28,64,120,.08),0 8px 18px rgba(28,64,120,.08)}
.wl-blog .article-copy summary{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.1rem 1.4rem;list-style:none;cursor:pointer;font:700 1.0625rem/1.5 Montserrat,Arial,sans-serif;color:var(--navy)}
.wl-blog .article-copy summary::-webkit-details-marker{display:none}
.wl-blog .article-copy summary::after{content:"+";flex:none;font:400 1.75rem/1 Lato,Arial,sans-serif;color:var(--teal-ink)}
.wl-blog .article-copy details[open] summary::after{content:"\2212"}
.wl-blog .article-copy details p{margin:0;padding:0 1.4rem 1.25rem}
.wl-blog .research-note{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:1rem;color:var(--slate)}
.wl-blog .article-cta{box-sizing:border-box;width:100%;max-width:68ch;margin-top:3rem;padding:2.25rem 2.5rem;background:var(--navy);color:#fff;border-top:5px solid var(--orange);box-shadow:0 4px 8px rgba(28,64,120,.12),0 18px 36px rgba(28,64,120,.2)}
.wl-blog .article-cta h2{margin:0 0 .9rem;color:#fff;font-size:clamp(1.6rem,2.4vw,2rem)}
.wl-blog .article-cta p{color:#E6EDF2}
.wl-blog .article-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:3.5rem;padding:.8rem 1.75rem;background:var(--orange);border:2px solid var(--orange);color:#fff;font:700 1.125rem/1.3 Montserrat,Arial,sans-serif;text-decoration:none}
.wl-blog .article-cta a:hover{background:#fff;border-color:#fff;color:var(--navy)}
@media(max-width:1000px){.wl-blog .bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.wl-blog .article-grid,.wl-blog .bl-about-wrap{grid-template-columns:minmax(0,1fr);gap:2rem}.wl-blog .toc{display:none}.wl-blog .bl-author,.wl-blog .article-cta,.wl-blog .article-copy :is(h2,h3,h4){max-width:100%}}
@media(max-width:700px){.wl-blog .bl-grid,.wl-blog .bl-grid-2{grid-template-columns:minmax(0,1fr)}.wl-blog .bl-hero{padding:3rem 0 2.5rem}.wl-blog .bl-author{flex-direction:column;align-items:flex-start;padding:1.5rem}.wl-blog .article-cta{padding:1.75rem 1.5rem}.wl-blog .article-cta a{width:100%}.wl-blog .bl-post-hero .bl-byline{flex-direction:column;align-items:flex-start}.wl-page.wl-blog .wl-header-cta{display:none}.wl-page.wl-blog .wl-header-row{justify-content:center}}
.wl-blog .bl-title{text-align:left}
.wl-page.wl-blog .bl-hero h1::after{margin-inline:auto}
/* Older articles carried over from Polly's site (Oct 5): topic colours */
.wl-blog .bl-card[data-topic=ai]{border-top-color:var(--navy)}
.wl-blog .bl-card[data-topic=team]{border-top-color:var(--teal)}
.wl-blog .bl-card[data-topic=owner-mindset]{border-top-color:var(--orange)}
.wl-blog .bl-card[data-topic=time]{border-top-color:var(--navy)}