/* hero */
    .breadcrumb-trail{font-size:.82rem;color:var(--muted);padding:1.75rem 0 0}
    .breadcrumb-trail ol{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding: 0;}
    .breadcrumb-trail li+li::before{content:"›";margin-right:.5rem}
    .breadcrumb-trail a{text-decoration:none}.breadcrumb-trail a:hover{color:var(--accent)}
    .case-study-intro{padding:2.5rem 0 3rem}
    .case-study-intro h1{font-size:clamp(2.2rem,5.2vw,4rem);max-width:20ch;margin:.9rem 0 1.25rem}
    .case-study-intro h1 em{font-style:italic;color:var(--accent)}
    .article-introduction{font-size:1.2rem;color:var(--ink-2);max-width:62ch}
    .article-byline{display:flex;align-items:center;gap:.9rem;margin-top:1.75rem;font-size:.9rem;color:var(--muted);flex-wrap:wrap}
    .profile-monogram{width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--serif);font-weight:600;flex:none}
    .article-byline strong{color:var(--ink)}
    .byline-separator{opacity:.4}

    /* TL;DR — answer-first block for AEO/GEO */
    .key-takeaways{margin-top:2.25rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.75rem 2rem;max-width:880px;position:relative}
    .key-takeaways::before{content:"";position:absolute;left:0;top:1.5rem;bottom:1.5rem;width:3px;background:var(--accent);border-radius:3px}
    .key-takeaways h2{font-size:1.15rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.6rem}
    .key-takeaways h2 span{font-family:var(--sans);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);padding:.2rem .6rem;border-radius:999px}
    .key-takeaways p{color:var(--ink-2)}
    .key-takeaways ul{margin:.9rem 0 0 1.1rem;color:var(--ink-2);font-size:.97rem}
    .key-takeaways li{margin:.3rem 0}.key-takeaways li::marker{color:var(--accent)}

    /* device showcase */
    .website-preview{position:relative;margin-top:3rem;padding-bottom:2rem}
    .desktop-preview{background:#fff;border-radius:14px;box-shadow:0 30px 80px -20px rgb(0 0 0 / .35);overflow:hidden;border:1px solid var(--line)}
    .preview-toolbar{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;background:rgb(237 169 33 / .10);border-bottom:1px solid var(--line)}
    .preview-toolbar i{width:11px;height:11px;border-radius:50%;background:#eda921;display:block}
    .preview-address{display:flex;align-items:center;gap:.65rem;min-width:0;margin-left:1rem;flex:1;max-width:420px;background:#fff;border-radius:6px;padding:.25rem .8rem;font-size:.78rem;color:var(--muted);border:1px solid var(--line)}
    .preview-google-logo{width:52px;height:auto;flex-shrink:0}
    .preview-address span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .mobile-preview{position:absolute;right:4%;bottom:-1rem;width:min(24%,230px);border-radius:30px;border:9px solid var(--ink);overflow:hidden;box-shadow:0 30px 60px -15px rgb(0 0 0 / .45);background:var(--ink)}
    .preview-screen{overflow:hidden;cursor:grab;touch-action:pan-x;user-select:none}
    .preview-screen:active{cursor:grabbing}
    .preview-screen-desktop{aspect-ratio:8 / 5}
    .preview-screen-phone{aspect-ratio:390 / 844}
    .preview-screen img{width:100%;height:auto}
    .website-preview figcaption{font-size:.85rem;color:var(--muted);margin-top:2.25rem}

    /* kpi band */
    .results-strip{background:var(--forest);color:#fff;padding:3.5rem 0;margin-top:2rem}
    .result-stats{display:grid;grid-template-columns:repeat(4,1fr)}
    .result-stat{padding:0 1.75rem;border-left:1px solid rgb(255 255 255 / .12)}
    .result-stat:first-child{border-left:0;padding-left:0}
    .result-stat strong{display:block;font-family:var(--serif);font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:600;color:#eda921;line-height:1.1}
    .result-stat span{font-size:.9rem;color:#fff}
    .result-stat small{display:block;font-size:.75rem;color:rgb(255 255 255 / .7);margin-top:.25rem}

    /* article layout */
    .article-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:4rem;padding:4.5rem 0}
    .article-navigation{position:sticky;top:96px;align-self:start;font-size:.9rem;max-height:calc(100vh - 120px);overflow:auto}
    .article-navigation p{font-weight:600;margin-bottom:.75rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
    .article-navigation ol{list-style:none;border-left:1px solid var(--line); padding: 0;}
    .article-navigation a{display:block;padding:.32rem 0 .32rem 1rem;text-decoration:none;color:var(--muted);margin-left:-1px;border-left:2px solid transparent}
    .article-navigation a:hover,.article-navigation a.is-current{color:var(--ink);border-left-color:var(--accent)}
    article{max-width:780px;min-width:0}
    article > section{padding-bottom:3.5rem;margin-bottom:3.5rem;border-bottom:1px solid var(--line);scroll-margin-top:90px}
    article > section:last-of-type{border-bottom:0}
    article h2{font-size:clamp(1.7rem,3.2vw,2.35rem);margin:.6rem 0 1.1rem}
    article h3{font-size:1.3rem;margin:2rem 0 .6rem}
    article p{color:var(--ink-2)} article p+p{margin-top:1.1rem}
    article ul.article-list{margin:1rem 0 0 1.2rem;color:var(--ink-2)} article ul.article-list li{margin:.45rem 0}
    article ul.article-list li::marker{color:var(--accent)}
    .section-answer{font-size:1.06rem;color:var(--ink)!important;background:var(--paper-2);border-radius:var(--r);padding:1rem 1.25rem;margin-bottom:1.5rem}
    .section-answer b{font-family:var(--serif);color:var(--accent);margin-right:.35rem}

    .client-facts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:2rem;background:#fff}
    .client-facts div{padding:1.1rem 1.25rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
    .client-facts div:nth-child(3n){border-right:0}
    .client-facts div:nth-last-child(-n+3){border-bottom:0}
    .client-facts dt{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
    .client-facts dd{font-weight:600;font-size:.98rem}
    .client-facts a{color:var(--accent)}

    .audience-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.75rem}
    .audience-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.5rem}
    .audience-card h3{margin:0 0 .5rem;font-size:1.15rem}
    .audience-card p,.audience-card li{font-size:.95rem}
    .audience-card .audience-label{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);padding:.2rem .6rem;border-radius:999px;margin-bottom:.75rem}
    .audience-card ul{margin:.6rem 0 0 1.1rem;color:var(--ink-2)}

    .strategy-note{background:var(--accent-soft);border-left:3px solid var(--accent);padding:1.25rem 1.5rem;border-radius:0 var(--r) var(--r) 0;margin:2rem 0}
    .strategy-note p{color:var(--ink)!important}
    .strategy-note strong{font-family:var(--serif)}

    .strategy-timeline{list-style:none;counter-reset:s;margin-top:1.5rem}
    .strategy-timeline li{counter-increment:s;position:relative;padding:0 0 1.75rem 3.5rem;border-left:1px solid var(--line);margin-left:1.1rem}
    .strategy-timeline li:last-child{border-left-color:transparent;padding-bottom:0}
    .strategy-timeline li::before{content:counter(s,decimal-leading-zero);position:absolute;left:-1.1rem;top:-.1rem;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:.75rem;font-weight:600}
    .strategy-timeline h3{margin:0 0 .35rem;font-size:1.15rem}
    .strategy-timeline p{font-size:.97rem}
    .service-link{display:inline-block;margin-top:.5rem;font-size:.82rem;font-weight:600;color:var(--accent)!important;text-decoration:none!important}
    .service-link:hover{text-decoration:underline!important}

    .website-capture{margin:2rem 0;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
    .website-capture figcaption{padding:.9rem 1.2rem;font-size:.85rem;color:var(--muted);border-top:1px solid var(--line)}

    /* Keep the original table palette independent of the page branding. */
    .table-scroll{
      --paper:#f7f4ee; --paper-2:#efe9df; --ink:#1b1d1a; --ink-2:#3d3f3a; --muted:#6b6a63;
      --line:#ddd5c7; --accent:#c8641c; --accent-soft:#f6e4d4; --forest:#1d241f; --good:#2f7d4f; --bad:#b4442f;
      color:var(--ink);
    }
    .table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:#fff;margin-top:1.5rem}
    table{width:100%;border-collapse:collapse;min-width:560px;font-size:.95rem}
    caption{caption-side:bottom;text-align:left;padding:.9rem 1.2rem;font-size:.82rem;color:var(--muted);border-top:1px solid var(--line)}
    th,td{padding:.9rem 1.2rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
    thead th{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:var(--paper-2)}
    tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}
    tbody th{font-weight:500}
    .search-intent{font-size:.72rem;padding:.15rem .55rem;border-radius:999px;background:var(--paper-2);color:var(--ink-2);white-space:nowrap}
    .previous-rank{color:var(--bad)} .current-rank{color:var(--good);font-weight:600}
    .ranking-gain{font-weight:600;color:var(--good);white-space:nowrap}

    /* ===== EVIDENCE BOARD (fixed: images never cropped) ===== */
    .proof-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:2rem}
    .proof-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 0 rgb(0 0 0 / .03), 0 12px 30px -18px rgb(0 0 0 / .25);transition:box-shadow .25s, transform .25s}
    .proof-card:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgb(0 0 0 / .03), 0 20px 40px -18px rgb(0 0 0 / .3)}
    .proof-card.proof-card-full{grid-column:1 / -1}
    .proof-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--line);background:#fff}
    .report-source{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:var(--ink-2)}
    .report-source i{width:9px;height:9px;border-radius:50%;display:block}
    .source-search-console i{background:#eda921}.source-ahrefs i{background:#eda921}.source-business-profile i{background:#eda921}.source-search-results i{background:#eda921}
    .reporting-period{font-size:.72rem;color:var(--muted);white-space:nowrap}
    .proof-image-button{padding:1rem;background:rgb(237 169 33 / .10);flex:1;display:flex;align-items:center;justify-content:center;cursor:zoom-in;border:0;width:100%}
    .proof-image-button img{width:100%;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 4px 18px -6px rgb(0 0 0 / .18);background:#fff}
    .proof-description{padding:1rem 1.2rem 1.2rem;border-top:1px solid var(--line)}
    .proof-headline{font-family:var(--serif);font-size:1.25rem;font-weight:600;line-height:1.3}
    .proof-headline em{font-style:normal;color:var(--good)}
    .proof-description p{font-size:.9rem;color:var(--muted);margin-top:.3rem!important}
    .proof-card-portrait .proof-image-button img{max-width:620px}
    .proof-card.proof-card-full:not(.proof-card-portrait) .proof-image-button img{max-width:900px}

    dialog.screenshot-dialog{border:0;padding:0;background:transparent;max-width:min(96vw,1400px);max-height:94vh;margin:auto}
    dialog.screenshot-dialog::backdrop{background:rgb(0 0 0 / .85);backdrop-filter:blur(4px)}
    dialog.screenshot-dialog img{max-width:100%;max-height:86vh;width:auto;border-radius:10px;margin:auto}
    dialog.screenshot-dialog p{color:#fff;text-align:center;font-size:.9rem;margin-top:.75rem}
    dialog.screenshot-dialog button{position:fixed;top:1rem;right:1rem;width:44px;height:44px;border-radius:50%;border:0;background:#fff;font-size:1.4rem;cursor:pointer}

    /* compare table */
    .approach-comparison td:first-child{font-weight:600;color:var(--ink)}

    /* glossary */
    .term-definitions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}
    .term-definitions div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.25rem}
    .term-definitions dt{font-family:var(--serif);font-weight:600;font-size:1.05rem}
    .term-definitions dd{font-size:.92rem;color:var(--ink-2);margin-top:.25rem}

    blockquote{font-family:var(--serif);font-size:1.45rem;line-height:1.45;color:var(--ink);padding:1.5rem 0 1.5rem 1.75rem;border-left:3px solid var(--accent);margin:2rem 0}
    blockquote cite{display:block;font-family:var(--sans);font-style:normal;font-size:.9rem;color:var(--muted);margin-top:.9rem}

    details{border-bottom:1px solid var(--line);padding:1.1rem 0}
    summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:1rem}
    summary::-webkit-details-marker{display:none}
    summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--accent);flex-shrink:0}
    details[open] summary::after{content:"−"}
    details p{margin-top:.75rem;font-size:.97rem}

    .service-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.5rem}
    .service-directory a{display:block;background:#fff;border:1px solid var(--line);border-radius:10px;padding:1rem 1.1rem;text-decoration:none;transition:border-color .2s, transform .2s}
    .service-directory a:hover{border-color:var(--accent);transform:translateY(-2px)}
    .service-directory strong{display:block;font-size:.95rem}
    .service-directory span{display:block;font-size:.8rem;color:var(--muted);margin-top:.15rem;line-height:1.45}

    .writer-profile{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:2rem}
    .writer-profile .profile-monogram{width:72px;height:72px;font-size:1.5rem}
    .writer-profile h3{margin:0 0 .25rem}
    .writer-profile .writer-role{font-size:.9rem;color:var(--accent);font-weight:600;margin-bottom:.75rem}
    .writer-profile p{font-size:.95rem}
    .writer-credentials{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;list-style:none}
    .writer-credentials li{font-size:.78rem;padding:.3rem .75rem;border:1px solid var(--line);border-radius:999px;color:var(--ink-2)}
    .source-methodology{font-size:.85rem;color:var(--muted);margin-top:1.25rem}

    .reference-card{background:var(--paper-2);border-radius:var(--r);padding:1.25rem 1.5rem;margin-top:1.5rem;font-size:.88rem}
    .reference-card code{display:block;margin-top:.5rem;font-family:ui-monospace,Menlo,monospace;font-size:.8rem;color:var(--ink-2);white-space:pre-wrap;word-break:break-word}
    .copy-reference{margin-top:.75rem;font-size:.8rem;border:1px solid var(--line);background:#fff;border-radius:999px;padding:.35rem .9rem;cursor:pointer}

    .audit-banner{background:var(--forest);color:#fff;border-radius:20px;padding:clamp(2.5rem,6vw,4.5rem);display:grid;grid-template-columns:1.4fr 1fr;gap:2.5rem;align-items:center;margin-bottom:4rem}
    .audit-banner h2{font-size:clamp(1.8rem,3.5vw,2.6rem);color:#fff}
    .audit-banner p{color:#fff;margin-top:1rem}
    .audit-banner ul{list-style:none;font-size:.95rem;color:#fff}
    .audit-banner li{padding:.4rem 0 .4rem 1.6rem;position:relative}
    .audit-banner li::before{content:"✓";position:absolute;left:0;color:#eda921}
    .audit-banner .audit-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.75rem}
    .audit-banner .action-button-primary{background:#eda921;color:var(--ink)!important}.audit-banner .action-button-primary:hover{background:#fff}
    .audit-banner .action-button-outline{color:#fff !important}

    .related-studies{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.25rem;margin-bottom:3rem}
    .related-studies a{display:block;padding:1.25rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;transition:border-color .2s}
    .related-studies a:hover{border-color:var(--accent)}
    .related-studies strong{display:block;font-family:var(--serif);font-size:1.05rem}
    .related-studies span{font-size:.85rem;color:var(--muted)}

    .results-disclaimer { font-size: .78rem; color: #000; max-width: 100%; margin-bottom: 2rem; margin-bottom: 50px !important; }

    .scroll-reveal{opacity:0;transform:translateY(16px);transition:opacity .7s,transform .7s}
    .scroll-reveal.is-revealed{opacity:1;transform:none}
    @media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.scroll-reveal{opacity:1;transform:none}}

    @media (max-width:960px){
      .article-layout{grid-template-columns:1fr;gap:0}.article-navigation{display:none}
      .result-stats{grid-template-columns:1fr 1fr;gap:2rem 0}.result-stat:nth-child(3){border-left:0;padding-left:0}
      .audit-banner{grid-template-columns:1fr}.related-studies{grid-template-columns:1fr}
      .service-directory{grid-template-columns:1fr 1fr}
    }
    @media (max-width:640px){
      body{font-size:16px}
      .audience-columns,.proof-gallery,.term-definitions,.service-directory{grid-template-columns:1fr}
      .client-facts{grid-template-columns:1fr 1fr}.client-facts div{border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
      .mobile-preview{width:30%;border-width:6px;border-radius:20px}
      .writer-profile{grid-template-columns:1fr}
      .key-takeaways{padding:1.4rem 1.4rem}
      .proof-toolbar{flex-wrap:wrap}
    }
  
/* Publisher link and audit heading */
.article-byline .publisher-link{text-decoration:none}
.audit-banner .section-kicker{color:#eda921}

/* Black text keeps gold highlights readable on white surfaces. */
.key-takeaways h2 span,.audience-card .audience-label{color:#000}
article p a,article li a,.key-takeaways a,.client-facts a,.service-link{color:#000!important;text-decoration-color:#eda921}
.service-link{ text-decoration:underline!important }
.table-scroll td a{color:var(--accent)!important;text-decoration-color:currentColor}