/* Website-provider guide v27: source-linked tools and readable figures. */
.website-guide .article-hero{padding:30px 0 50px;background:#efeee8;border-bottom:1px solid #dedcd3}
.website-guide .breadcrumb{font-size:12px;margin:0 0 34px}
.website-guide .guide-hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center}
.website-guide .eyebrow{font-size:12px;color:#606a70}
.website-guide .article-hero h1{font-size:clamp(34px,3.6vw,50px);line-height:1.3;letter-spacing:-1.5px;margin:20px 0}
.website-guide .guide-hero-subtitle{color:#606a70;font-size:18px;line-height:1.7;margin:0 0 18px}
.website-guide .hero-description{font-size:15px;line-height:1.9;margin:0;max-width:560px}
.website-guide .article-meta{font-size:11px;gap:12px;margin:22px 0}
.website-guide .guide-hero-photo{margin:0;border:1px solid #dedcd3;background:#e9eef6}
.website-guide .guide-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.website-guide .guide-hero-photo figcaption{font-size:11px;color:#606a70;padding:12px 16px}
.website-guide .guide-tools-section{padding-top:42px;padding-bottom:12px;scroll-margin-top:100px}
.website-guide .guide-tools-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}
.website-guide .guide-tools-heading h2{font-size:26px;margin:0;letter-spacing:-.5px}
.website-guide .guide-tools-heading>p{font-size:13px;color:#606a70;margin:0}
.website-guide .guide-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #dedcd3}
.website-guide .guide-tool-entry{padding:24px;min-width:0;background:#f7f6f2}
.website-guide .guide-tool-entry+.guide-tool-entry{border-left:1px solid #dedcd3}
.website-guide .guide-tool-kicker{font-size:11px;color:#606a70;margin:0 0 12px}
.website-guide .guide-tool-entry h3{font-size:21px;margin:0 0 18px;line-height:1.5}
.website-guide .guide-tool-open{display:flex;align-items:center;gap:12px;width:max-content;color:#234b9f;font-size:14px;font-weight:600}
.website-guide .guide-tool-open svg{width:18px;height:18px}
.website-guide .guide-tool-open>span{display:none}
.website-guide .guide-tool-address{font-size:11px;color:#69788e;margin:12px 0 20px;overflow-wrap:anywhere}
.website-guide .guide-tool-entry-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:11px;color:#69788e;border-top:1px solid #dedcd3;padding-top:14px}
.website-guide .guide-tool-entry-foot a{color:#234b9f}
.website-guide .article-layout{grid-template-columns:240px minmax(0,1fr);gap:64px;max-width:1200px}
.website-guide .article-toc{top:108px;align-self:start;max-height:calc(100vh - 136px);overflow:auto}
.website-guide .article-toc nav a{font-size:12px;line-height:1.8;padding:9px 0}
.website-guide .prose{min-width:0;max-width:none;font-size:16px;line-height:1.95}
.website-guide .prose>section{margin-bottom:48px;padding-bottom:40px;border-bottom:1px solid #dedcd3;scroll-margin-top:105px}
.website-guide .prose h2{font-size:28px;line-height:1.45;margin:0 0 22px;letter-spacing:-.7px}
.website-guide .prose h3{font-size:20px;line-height:1.5;margin:28px 0 15px}
.website-guide .prose p{margin-top:0;margin-bottom:18px}
.website-guide .prose a:not(.button){color:#193b80;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#b6caee}
.website-guide .prose a:hover{color:#234b9f}
.website-guide .prose .guide-section-index{color:#234b9f;font-size:11px;letter-spacing:.5px;margin:0 0 12px}
.website-guide .guide-verdict{background:#f2f6fd;border-left:3px solid #234b9f;padding:22px 24px;margin:24px 0 0}
.website-guide .guide-verdict>strong{font-size:15px;color:#202b32;display:block;margin-bottom:8px}
.website-guide .guide-verdict p{font-size:14px;line-height:1.9;margin:0;color:#606a70}
.website-guide .guide-tool-figure{margin:24px 0 30px;background:#fff;border:1px solid #dedcd3}
.website-guide .guide-tool-figure img{display:block;width:100%;height:auto;object-fit:contain}
.website-guide .guide-tool-figure figcaption{background:#efeee8;padding:14px 18px;font-size:11px;line-height:1.8;color:#606a70}
.website-guide .guide-tool-figure figcaption>span{display:block;color:#234b9f;margin-top:8px}
.website-guide .guide-table-wrap{overflow-x:auto;border:1px solid #dedcd3;margin:22px 0 14px}
.website-guide .guide-table-wrap table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.8;margin:0;background:#fff}
.website-guide .guide-table-wrap th,.website-guide .guide-table-wrap td{padding:14px 16px;text-align:left;border-bottom:1px solid #dedcd3;vertical-align:top}
.website-guide .guide-table-wrap thead th{background:#eaece7;font-weight:600;color:#606a70}
.website-guide .guide-table-wrap tbody th{font-weight:600;color:#202b32;width:23%}
.website-guide .guide-table-wrap tbody tr:last-child>*{border-bottom:0}
.website-guide .prose .guide-caption{font-size:12px;line-height:1.8;color:#69788e}
.website-guide .gsc-check-map{margin:26px 0;border:1px solid #dedcd3;background:#f7f6f2;padding:25px}
.website-guide .gsc-map-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:20px;border-bottom:1px solid #dedcd3;font-size:15px}
.website-guide .gsc-map-heading>span{font-size:10px;color:#69788e}
.website-guide .gsc-map-step{display:flex;gap:15px;padding:20px 0}
.website-guide .gsc-map-step>b{color:#234b9f;font-size:12px;padding-top:3px}
.website-guide .gsc-map-step strong{font-size:15px;line-height:1.6}
.website-guide .gsc-map-step p{font-size:12px;margin:7px 0 0;line-height:1.8;color:#606a70}
.website-guide .gsc-map-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dedcd3;background:#fff}
.website-guide .gsc-map-metrics>div{padding:17px 12px}
.website-guide .gsc-map-metrics>div+div{border-left:1px solid #dedcd3}
.website-guide .gsc-map-metrics strong{display:block;font-size:16px;color:#193b80}
.website-guide .gsc-map-metrics span{display:block;font-size:10px;color:#69788e;margin-top:7px}
.website-guide .gsc-check-map figcaption{border-top:1px solid #dedcd3;padding-top:16px;font-size:11px;color:#69788e;line-height:1.8}
.website-guide .guide-content-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:25px 0}
.website-guide .guide-content-pair>div{padding:22px;border-top:2px solid #234b9f;background:#efeee8}
.website-guide .guide-content-pair strong{font-size:17px}
.website-guide .guide-content-pair ul{font-size:14px;margin:14px 0 0;padding-left:20px}
.website-guide .article-service{background:#eef3fb;padding:30px;margin-top:35px}
@media(max-width:1100px){.website-guide .guide-hero-grid{gap:32px}.website-guide .article-layout{grid-template-columns:190px minmax(0,1fr);gap:32px}.website-guide .guide-tool-entry{padding:20px}.website-guide .guide-tool-entry h3{font-size:18px}}
@media(max-width:760px){.website-guide .container{width:calc(100% - 40px)}.website-guide .article-hero{padding:24px 0 30px}.website-guide .guide-hero-grid{grid-template-columns:1fr;gap:28px}.website-guide .article-hero h1{font-size:clamp(30px,7.8vw,40px);letter-spacing:-1px}.website-guide .guide-hero-subtitle{font-size:15px}.website-guide .article-meta{flex-wrap:wrap;line-height:1.7}.website-guide .guide-tools-heading{display:block}.website-guide .guide-tools-heading>p{margin-top:12px}.website-guide .guide-tools-grid{grid-template-columns:1fr}.website-guide .guide-tool-entry+.guide-tool-entry{border-left:0;border-top:1px solid #dedcd3}.website-guide .article-layout{display:block}.website-guide .article-toc{position:static;max-height:none;margin-bottom:38px}.website-guide .article-toc nav{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.website-guide .prose{font-size:15px}.website-guide .prose h2{font-size:24px}.website-guide .guide-tool-figure figcaption{padding:12px}.website-guide .guide-verdict{padding:18px}.website-guide .guide-table-wrap th,.website-guide .guide-table-wrap td{padding:10px 8px;min-width:70px}.website-guide .gsc-check-map{padding:17px}.website-guide .gsc-map-heading{align-items:flex-start;flex-direction:column}.website-guide .gsc-map-metrics{grid-template-columns:1fr 1fr}.website-guide .gsc-map-metrics>div:nth-child(3){border-left:0}.website-guide .gsc-map-metrics>div:nth-child(n+3){border-top:1px solid #dedcd3}.website-guide .guide-content-pair{grid-template-columns:1fr;gap:18px}.website-guide .article-service{padding:22px}.website-guide .prose>section{scroll-margin-top:90px}}
@media(max-width:380px){.website-guide .article-toc nav{grid-template-columns:1fr}}
@media(min-width:761px) and (max-width:1000px){.website-guide .article-layout{display:block}.website-guide .article-toc{position:static;max-height:none;margin-bottom:38px}.website-guide .article-toc nav{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}}

/* User-provided case reports: preserve image proportions and distinguish report scopes. */
.website-guide .guide-real-case{margin-top:38px;padding-top:30px;border-top:2px solid #234b9f;scroll-margin-top:105px}
.website-guide .prose .guide-case-kicker{font-size:11px;letter-spacing:.8px;color:#234b9f;margin-bottom:10px}
.website-guide .prose .guide-real-case>h3{font-size:26px;line-height:1.5;margin:0 0 18px;letter-spacing:-.5px}
.website-guide .guide-real-case>p:not(.guide-case-kicker){font-size:14px;color:#606a70}
.website-guide .guide-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:25px}
.website-guide .guide-case-panel{min-width:0;padding:20px 18px;background:#f4f7fc;border:1px solid #dedcd3}
.website-guide .prose .guide-case-panel h4{font-size:17px;line-height:1.6;margin:0 0 8px}
.website-guide .prose .guide-case-kind{font-size:11px;color:#69788e;margin:0 0 18px}
.website-guide .guide-case-cwv,.website-guide .guide-case-scores{display:grid;margin:0 0 15px;background:#fff;border:1px solid #dedcd3}
.website-guide .guide-case-cwv{grid-template-columns:repeat(2,minmax(0,1fr))}
.website-guide .guide-case-scores{grid-template-columns:repeat(4,minmax(0,1fr))}
.website-guide .guide-case-cwv>div,.website-guide .guide-case-scores>div{padding:12px 6px;text-align:center}
.website-guide .guide-case-cwv>div+div,.website-guide .guide-case-scores>div+div{border-left:1px solid #dedcd3}
.website-guide .guide-case-cwv dt,.website-guide .guide-case-scores dt{font-size:28px;color:#087443;line-height:1.5;font-weight:600;font-variant-numeric:tabular-nums}
.website-guide .guide-case-cwv dt span{font-size:11px;font-weight:400;color:#606a70}
.website-guide .guide-case-cwv dd,.website-guide .guide-case-scores dd{font-size:10px;line-height:1.8;color:#606a70;margin:5px 0 0}
.website-guide .guide-case-scores .score-improve dt{color:#b45c00}
.website-guide .prose .guide-case-detail{font-size:11px;line-height:1.8;margin:0;min-height:3.6em;color:#606a70}
.website-guide .guide-case-panel .guide-tool-figure{margin:18px 0;background:#fff}
.website-guide .guide-case-panel .guide-tool-figure figcaption{padding:10px;font-size:10px;background:#fff}
.website-guide .prose .guide-case-reading{font-size:12px;line-height:1.9;margin:0;color:#606a70}
.website-guide .guide-case-reading>a{display:block;margin-top:8px}
.website-guide .prose .guide-case-scope{font-size:12px;margin:18px 0 0;padding-left:12px;border-left:2px solid #b6caee}
@media(max-width:760px){.website-guide .guide-case-grid{grid-template-columns:1fr;gap:20px}.website-guide .guide-case-panel{padding:20px 16px}.website-guide .prose .guide-real-case>h3{font-size:23px}.website-guide .guide-real-case{scroll-margin-top:90px}.website-guide .guide-case-detail{min-height:0}}
@media(max-width:380px){.website-guide .guide-case-scores{grid-template-columns:repeat(2,minmax(0,1fr))}.website-guide .guide-case-scores>div:nth-child(3){border-left:0}.website-guide .guide-case-scores>div:nth-child(n+3){border-top:1px solid #dedcd3}}

/* Concise manager-facing acceptance standards. */
.website-guide .guide-standards .guide-standard-phase{font-size:12px;color:#606a70;margin:0 0 12px}
.website-guide .guide-standards .guide-standard-value{display:block;font-size:32px;line-height:1.3;color:#087443;letter-spacing:-.5px}
.website-guide .guide-standards p{font-size:14px;margin:16px 0 0}
.website-guide .guide-standards p strong{font-size:14px}

/* Performance alone is the PageSpeed 90+ acceptance criterion. */
.website-guide .guide-case-performance{margin:0 0 15px;background:#fff;border:1px solid #dedcd3;text-align:center}
.website-guide .guide-case-performance>div{padding:12px 6px}
.website-guide .guide-case-performance dt{font-size:28px;color:#087443;line-height:1.5;font-weight:600;font-variant-numeric:tabular-nums}
.website-guide .guide-case-performance dt span{font-size:11px;font-weight:400;color:#606a70}
.website-guide .guide-case-performance dd{font-size:10px;line-height:1.8;color:#606a70;margin:5px 0 0}

/* Preserve full case reports and add the user's focused supporting images. */
.website-guide .prose .guide-report-label{margin:22px 0 0;font-size:12px;font-weight:600;color:#606a70}
.website-guide .guide-case-panel .guide-report-label+.guide-tool-figure{margin-top:10px}
.website-guide #promises li .guide-tool-figure{margin:18px 0 24px}

.website-guide .guide-standards .guide-tool-figure{margin:20px 0;border-color:#dedcd3}
.website-guide .guide-standards .guide-tool-figure>a{display:flex;align-items:center;justify-content:center;aspect-ratio:6/5;background:#fff;padding:8px}
.website-guide .guide-standards .guide-tool-figure img{width:100%;height:100%;object-fit:contain}
.website-guide .guide-standards .guide-tool-figure figcaption{padding:10px 12px;min-height:74px}
.seo-verification-guide .guide-hero-photo img{aspect-ratio:auto;object-fit:contain;background:#fff}.seo-verification-guide .guide-tool-entry>p{font-size:14px;color:#606a70}.seo-verification-guide .article-service .button{margin:8px 12px 0 0}

/* Business workflow examples for the AI selection guide. */
.ai-workflow-guide .article-service .button{margin:8px 12px 0 0}
.ai-workflow-guide .workflow-examples{border:1px solid #dedcd3;background:#f6f8fc;padding:24px;margin:26px 0}
.ai-workflow-guide .workflow-example-label{font-size:12px;color:#606a70;letter-spacing:.3px}
.ai-workflow-guide .workflow-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 24px}
.ai-workflow-guide .workflow-tabs button{font:inherit;font-size:14px;font-weight:600;padding:10px 6px;border:1px solid #c7d3e5;background:#fff;color:#152030;cursor:pointer;min-height:44px}
.ai-workflow-guide .workflow-tabs button[aria-selected="true"]{background:#234b9f;color:white;border-color:#234b9f}
.ai-workflow-guide .workflow-tabs button:focus-visible{outline:3px solid #152030;outline-offset:3px}
.ai-workflow-guide .workflow-input{background:white;border-left:3px solid #234b9f;padding:12px 16px;color:#606a70;font-size:14px}
.ai-workflow-guide .workflow-input>span{display:block;font-size:12px;font-weight:600;color:#152030;margin-bottom:4px}
.ai-workflow-guide .workflow-example-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:20px 0}
.ai-workflow-guide .workflow-example-steps li{position:relative;border-top:2px solid #234b9f;background:#fff;padding:14px 10px;min-width:0}
.ai-workflow-guide .workflow-example-steps li+li:before{content:'→';position:absolute;left:-12px;top:39px;color:#234b9f;font-size:12px}
.ai-workflow-guide .workflow-example-steps li>span{display:block;color:#234b9f;font-size:11px;margin-bottom:10px}
.ai-workflow-guide .workflow-example-steps strong{font-size:14px;line-height:1.5;display:block}
.ai-workflow-guide .workflow-loop{padding:12px 16px;background:#e8effa;font-size:13px;color:#334e76}
.ai-workflow-guide .workflow-example .guide-content-pair{margin:20px 0}
.ai-workflow-guide .workflow-example .guide-content-pair>div{background:#fff;padding:16px}
.ai-workflow-guide .workflow-example .guide-content-pair p{font-size:14px;margin:10px 0 0}
.ai-workflow-guide .workflow-example[hidden]{display:none}
.ai-workflow-guide .workflow-examples:not(.is-enhanced) .workflow-example[hidden]{display:block;border-top:1px solid #dedcd3;margin-top:28px;padding-top:28px}
.ai-workflow-guide .workflow-project-figure img{height:auto;object-fit:contain}
.ai-workflow-guide .workflow-references{display:grid;gap:14px}
.ai-workflow-guide .workflow-references>article{border:1px solid #dedcd3;padding:18px 20px;background:#f7f6f2}
.ai-workflow-guide .workflow-references p{font-size:14px;margin:8px 0}
.ai-workflow-guide .workflow-references a{font-size:13px}
@media(max-width:760px){.ai-workflow-guide .workflow-examples{padding:18px 14px}.ai-workflow-guide .workflow-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-workflow-guide .workflow-example-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ai-workflow-guide .workflow-example-steps li+li:before{content:none}.ai-workflow-guide .workflow-loop{font-size:12px}.ai-workflow-guide .workflow-project-figure figcaption{font-size:11px}}