/* V6: compact reading flow, direct form access and explicit source context. */
html{scroll-padding-top:24px}
.header{position:relative;top:auto;min-height:72px;margin-block:8px 24px;padding:12px 0;border-radius:0;box-shadow:none}
.header::before{display:none}
.brand{gap:12px}
.brand-symbol{display:block;flex:none;width:44px;height:44px}
.brand strong{font:var(--heading-6);letter-spacing:-.035em}
.brand small{font:var(--caption-2);letter-spacing:0}
.hero{padding-bottom:32px;align-items:center}
.hero h1{color:var(--ink);background:none;-webkit-text-fill-color:currentColor}
.hero-photo{min-height:360px}
.benefits{grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:8px}
.benefit-card{display:flex;align-items:flex-start;gap:16px;min-height:0;padding:24px;background:var(--pale);border-radius:16px}
.benefit-card .tile-icon{position:static;flex:none;margin:0;width:24px;height:24px}
.benefit-card h2{font:var(--title-3);letter-spacing:-.02em;margin-bottom:8px}
.benefit-card p{font:var(--body-6);color:var(--muted)}
.section{padding-block:48px}
.compact-heading{margin-bottom:24px}
.compact-heading h2,.check-intro h2,.service-person h2,.faq h2{font:var(--heading-3)}
.data-tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.data-card{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:24px;background:var(--pale);border-radius:16px;overflow:hidden;min-width:0}
.data-card>img{width:112px;height:136px;object-fit:cover}
.data-card>div{padding:16px 24px 16px 0}
.data-card h3{font:var(--heading-6);margin-bottom:8px}
.data-card p{font:var(--body-6);color:var(--muted)}
.buyer-brief{margin-top:24px;font:var(--body-6)}
.check-intro{margin-bottom:24px}
.valuation-shell{grid-template-columns:1fr 1.08fr;align-items:start;gap:24px;min-height:0;background:transparent;box-shadow:none;overflow:visible;border-radius:0}
.valuation-panel{grid-column:2;grid-row:1;min-height:0;padding:32px;border-radius:16px;scroll-margin-top:24px}
#check-form{scroll-margin-top:24px;outline-offset:8px}
#check-form:focus{outline:none}
.valuation-gallery{grid-column:1;grid-row:1;border-radius:16px;overflow:hidden;touch-action:pan-y pinch-zoom}
.example-card{height:auto}
.example-photo{height:168px}
.example-content{min-height:0;flex:none;padding:24px}
.example-content h3{font:var(--heading-5);min-height:64px;letter-spacing:-.03em}
.example-content #example-description{font:var(--body-6);min-height:60px;margin-block:8px 16px}
.example-value-label{font:var(--caption-5);margin-bottom:4px}
.example-value{font:var(--heading-3);margin-bottom:8px}
.example-content #example-assumptions{font:var(--caption-2);min-height:40px;margin-bottom:16px}
.carousel-controls{padding:12px 24px;gap:16px;margin-top:0}
.carousel-controls button{width:40px;height:40px}
.carousel-controls #example-autoplay{min-width:80px;font:var(--button-sm)}
.service{gap:48px;align-items:start}
.service-person{display:block}
.service-person h2{margin-bottom:16px}
.service-person>p:not(.eyebrow){font:var(--body-3);color:var(--muted);margin-bottom:24px}
.responsibilities dl{display:grid;grid-template-columns:1fr;gap:12px}
.responsibilities dl>div{display:grid;grid-template-columns:104px 1fr;gap:16px;padding:20px}
.responsibilities dt{font:var(--title-4)}
.responsibilities dd{font:var(--body-6)}
.terms-note{font:var(--caption-2)}
.privacy-flow{gap:16px;margin-block:24px}
.privacy-flow li{padding:24px}
.privacy-flow h3{font:var(--heading-6);margin-block:16px 12px}
.privacy-flow p{font:var(--body-6)}
.faq h2{margin-bottom:24px}
.faq-list{gap:12px}
.faq-list summary{font:var(--title-3);padding:20px 24px;gap:16px}
.faq-list p{font:var(--body-6);padding-bottom:16px}
.faq-list details>a{font:var(--caption-2);padding-bottom:20px}
.faq-list .faq-sources{font:var(--caption-5);padding-bottom:20px;overflow-wrap:anywhere}
.faq-sources a{text-decoration:underline}
.faq-more{display:inline-block;margin-top:24px}
.knowledge-strip{gap:32px;padding-block:8px 40px}
.article-list>a{padding:20px 24px}
.closing{padding:32px;gap:24px}
.closing h2{font:var(--heading-4)}
.site-footer{margin-top:40px;padding-top:40px}
.footer-grid{gap:24px}
.footer-grid nav{gap:12px}
.footer-grid nav a{font:var(--body-6)}
.article-header{max-width:960px;margin-top:48px;margin-bottom:32px}
.article-header h1{font:var(--heading-2);letter-spacing:-.045em}
.article-header .lead{font:var(--body-3);margin-top:24px}
.article-body{max-width:800px}
.article-body h2{font:var(--heading-5);margin-block:32px 16px}
.article-body p,.article-body li{font:var(--body-3);color:var(--ink)}
.article-body section{scroll-margin-top:24px}
.article-summary{padding:24px;background:var(--pale);border-left:3px solid #a43e26;border-radius:0 16px 16px 0}
.article-summary h2{font:var(--title-3);margin:0 0 12px}
.article-summary ul{padding-left:20px;margin:0}
.article-summary li{font:var(--body-6);margin-bottom:8px}
.article-summary li:last-child{margin:0}
.article-toc{margin:24px 0 32px;padding-bottom:24px;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 24px}
.article-toc p{width:100%;font:var(--caption-3);margin:0 0 4px}
.article-toc a{font:var(--body-6)}
.table-scroll{max-width:100%;overflow-x:auto;margin-block:24px;border-radius:8px}
.model-table{font:var(--body-6);line-height:1.5;min-width:520px}
.model-table caption{text-align:left;font:var(--caption-3);padding-bottom:12px}
.model-table th{background:var(--pale);font:var(--caption-3)}
.model-table th,.model-table td{vertical-align:top;padding:12px;min-width:112px}
.article-body .section-sources{font:var(--caption-5);color:var(--muted);margin-top:16px}
.article-body .section-sources a{display:inline;overflow-wrap:anywhere}
.article-note{padding:16px 20px;background:#f2eee4;border-left:3px solid #aa7c3c}
.article-body .article-links{font:var(--body-6)}
.sources{padding:24px;margin-top:32px}
.sources ol{padding-left:20px}
.article-body .sources li{font:var(--body-6);padding:0 0 20px 8px;margin:0 0 20px;border-bottom:1px solid var(--line);scroll-margin-top:24px}
.article-body .sources li:last-child{border:0;padding-bottom:0;margin-bottom:0}
.source-kind,.source-date{display:block;font:var(--caption-5);color:var(--muted);margin-bottom:8px}
.source-date{margin-block:8px 0}
.article-body .sources li p{font:var(--caption-2);margin:8px 0 0}
.article-cta{padding:24px}
.article-cta h2{margin-top:0}
.knowledge-index>.lead{max-width:720px;margin:24px 0 32px}
.article-card{padding:24px}
.article-card h2{font:var(--heading-5);letter-spacing:-.03em}
.article-card p{font:var(--body-6);margin-block:16px}
.article-category{margin-bottom:16px}
.faq-page .faq-list{grid-template-columns:1fr}
.faq-page .faq-list summary{font:var(--title-3)}
.faq-page .faq-list details p{font:var(--body-3)}
.faq-page .faq-list .faq-sources{font:var(--caption-5)}
@media(max-width:1150px){
 .benefit-card{padding:20px;gap:12px}
 .data-card{grid-template-columns:88px 1fr;gap:16px}
 .data-card>img{width:88px;height:144px}
 .data-card>div{padding-right:16px}
 .valuation-panel{padding:24px}
 .example-content h3{font:var(--heading-6);min-height:48px}
 .example-value{font:var(--heading-4)}
}
@media(max-width:900px){
 .header{min-height:64px;margin-bottom:16px}
 .hero-photo{min-height:280px}
 .benefit-card{padding:16px;display:block}
 .benefit-card .tile-icon{margin-bottom:12px}
 .benefit-card h2{font:var(--title-4)}
 .valuation-shell{grid-template-columns:1fr 1.12fr;gap:16px}
 .valuation-panel{padding:24px}
 .example-photo{height:144px}
 .example-content{padding:20px}
 .example-content h3{min-height:56px}
 .example-content #example-description{min-height:80px}
 .example-value{font:var(--heading-4)}
 .carousel-controls{padding:12px;gap:8px}
 .carousel-controls button{width:32px}
 .carousel-controls #example-autoplay{min-width:68px;padding-inline:8px}
 .service{gap:24px}
 .compact-heading h2,.check-intro h2,.service-person h2,.faq h2{font:var(--heading-4)}
 .article-header h1{font:var(--heading-3)}
}
@media(max-width:700px){
 html{scroll-padding-top:24px}
 .header{top:auto;padding:12px 0;margin:0 auto 16px;min-height:72px}
 .brand-symbol{width:40px;height:40px}
 .brand strong{font:var(--heading-6);letter-spacing:-.035em}
 .brand small{font:var(--caption-5);letter-spacing:0}
 .hero{padding-block:8px 24px;gap:24px}
 .hero h1{font:var(--heading-3)}
 .hero .lead{margin-top:16px}
 .hero-photo{min-height:200px}
 .hero-actions{margin-top:24px;gap:12px}
 .benefits{grid-template-columns:1fr;gap:8px}
 .benefit-card{display:flex;gap:16px;padding:16px;min-height:0}
 .benefit-card .tile-icon{margin:0}
 .benefit-card h2{font:var(--title-3);margin-bottom:4px}
 .section{padding-block:32px}
 .data-tiles{grid-template-columns:1fr;gap:12px}
 .data-card{grid-template-columns:80px 1fr;gap:16px}
 .data-card>img{width:80px;height:128px}
 .data-card>div{padding:16px 16px 16px 0}
 .data-card h3{font:var(--title-3)}
 .data-card p{font:var(--body-6)}
 .buyer-brief{margin-top:16px}
 .check-intro>p{font:var(--body-6);margin-top:12px}
 .valuation-shell{display:grid;grid-template-columns:1fr;gap:24px}
 .valuation-panel{grid-column:1;grid-row:1;padding:24px;min-height:0}
 .valuation-gallery{grid-column:1;grid-row:2}
 .example-photo{height:128px}
 .example-photo .pill{left:20px;bottom:12px}
 .example-content{padding:20px;min-height:0}
 .example-content h3{font:var(--heading-6);min-height:28px}
 .example-content #example-description{font:var(--body-6);min-height:60px;margin-block:8px 12px}
 .example-value{font:var(--heading-4);margin-bottom:8px}
 .example-content #example-assumptions{font:var(--caption-2);min-height:40px;margin-bottom:12px}
 .carousel-controls{padding:8px 20px;gap:12px}
 .carousel-controls button{width:40px;height:40px}
 .carousel-controls #example-autoplay{min-width:80px}
 .service-person>p:not(.eyebrow){font:var(--body-6)}
 .responsibilities dl>div{grid-template-columns:88px 1fr;padding:16px;gap:12px}
 .privacy-flow{grid-template-columns:1fr;gap:12px;margin-block:24px}
 .privacy-flow li{display:grid;grid-template-columns:32px 1fr;gap:8px 16px;padding:20px}
 .privacy-flow h3{font:var(--heading-6);margin:0}
 .privacy-flow p{grid-column:2;font:var(--body-6)}
 .faq-list{grid-template-columns:1fr}
 .faq-list summary{padding:20px;font:var(--title-4)}
 .faq-list p,.faq-list details>a{padding-inline:20px}
 .knowledge-strip{padding-block:8px 32px}
 .article-list>a{padding:20px}
 .closing{padding:24px}
 .closing h2{font:var(--heading-5)}
 .site-footer{margin-top:32px;padding-top:32px}
 .article-header{margin-block:32px 24px}
 .article-header h1{font:var(--heading-4);letter-spacing:-.035em}
 .article-header .lead{margin-top:16px}
 .article-body p,.article-body li{font:var(--body-6)}
 .article-body h2{font:var(--heading-5);margin-block:32px 16px}
 .article-summary,.sources,.article-cta{padding:20px}
 .article-summary h2{font:var(--title-3);margin:0 0 12px}
 .article-toc{margin-block:24px}
 .table-scroll{margin-block:20px}
 .model-table{font:var(--body-6)}
 .model-table td,.model-table th{padding:12px}
 .faq-page .faq-list details p{font:var(--body-6)}
 .faq-page .faq-list summary{font:var(--title-4)}
}
#form-error:empty{display:none}
@media(min-width:701px) and (max-width:900px){
 .valuation-shell{grid-template-columns:1fr;gap:24px}
 .valuation-panel{grid-column:1;grid-row:1}
 .valuation-gallery{grid-column:1;grid-row:2}
 .example-card{display:grid;grid-template-columns:.85fr 1.15fr}
 .example-photo{grid-row:1/3;height:100%;min-height:280px}
 .example-content{padding:24px 24px 12px}
 .example-content h3{min-height:28px}
 .example-content #example-description{min-height:40px;margin-bottom:12px}
 .carousel-controls{grid-column:2;padding:8px 24px 16px}
 .option-grid{grid-template-columns:1fr 1fr}
 .choice{min-height:64px}
}

.before-after{margin:24px 0}
.before-after figcaption{font:var(--caption-3);margin-bottom:12px;color:var(--muted)}
.before-after-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.before-after-grid>div{padding:24px;border:1px solid var(--line);border-radius:16px;background:#f4f0e8}
.before-after-grid>.after{background:var(--pale)}
.before-after-grid span{display:block;font:var(--caption-3);margin-bottom:16px}
.article-body .before-after-grid p{font:var(--title-2);color:var(--ink);margin:0;line-height:1.5}
.before-after mark{background:#e7d5c2;color:inherit;padding:0 3px;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.before-after .after mark{background:#d6e6ca}
@media(max-width:700px){.before-after-grid{grid-template-columns:1fr;gap:12px}.before-after-grid>div{padding:20px}.article-body .before-after-grid p{font:var(--title-3);line-height:1.5}}

/* V8: scoped article diagrams and form feedback. Existing page layout retained. */
.hero-photo>img{object-position:50% 52%}
.form-trap{display:none!important}
#contact-form .caption a{text-decoration:underline}
#contact-form button:disabled{opacity:.65;cursor:wait}
#contact-status:not(:empty){padding-top:12px}
.article-body .cleansing-flow{list-style:none;margin:24px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.article-body .cleansing-flow li{margin:0;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--pale);position:relative}
.flow-number{display:block;font:var(--caption-3);color:var(--forest);margin-bottom:12px}
.cleansing-flow h3{font:var(--title-3);margin:0 0 8px}
.article-body .cleansing-flow p{font:var(--body-6);margin:0}
.case-systems{margin:16px 0 24px;border-block:1px solid var(--line)}
.case-systems>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:16px 0}
.case-systems>div+div{border-top:1px solid var(--line)}
.case-systems dt{font:var(--caption-3);color:var(--forest)}
.case-systems dd{font:var(--body-6);margin:0;color:var(--ink)}
.article-body .article-deep-dive{border-block:1px solid var(--line);padding:20px 0;scroll-margin-top:24px}
.article-deep-dive+.article-deep-dive{border-top:0}
.article-deep-dive>summary{font:var(--title-3);cursor:pointer;list-style:revert;padding-right:12px}
.article-deep-dive>div{padding-top:16px}
.article-body details.sources{padding:20px;background:var(--pale);border-radius:16px}
.sources>ol{margin-top:24px}
@media(max-width:600px){.article-body .cleansing-flow{grid-template-columns:1fr}.case-systems>div{grid-template-columns:1fr;gap:8px}.hero-photo>img{object-position:50% 48%}}

/* V9: supplied brand artwork, with its original raster file retained. */
.brand-logo{display:block;width:320px;height:auto;max-width:100%;aspect-ratio:1660/310;mix-blend-mode:darken}
.site-footer .brand-logo{width:232px}
@media(max-width:1100px){.header .brand-logo{width:272px}}
@media(max-width:600px){.header .brand-logo{width:232px}.header .brand{max-width:calc(100% - 88px)}}