/* Shared storefront and reading styles. Product screenshots remain unaltered. */
:root{--bg:#f5f6f8;--panel:#fff;--ink:#192b3b;--muted:#566777;--blue:#245d79;--line:#d8e0e6;--paper:#fff;--dark:#192b3b;--radius:8px;color-scheme:light}
body{background:var(--bg);color:var(--ink);line-height:1.7}
h1,h2,h3{letter-spacing:-.035em;text-wrap:balance}
h1{font-size:clamp(42px,4.4vw,64px);font-weight:600;line-height:1.09}
h2{font-size:clamp(29px,3vw,40px);font-weight:600;line-height:1.2}
h3{letter-spacing:-.02em;line-height:1.35}
.wrap{width:min(1200px,calc(100% - 80px))}
.site-header{background:#172a3b;border-bottom:0;color:#fff}
.head-inner{height:78px}
.site-header .brand{color:#fff;font-size:21px;letter-spacing:-.035em}
.site-header .brand img{border-color:#567084;border-radius:6px}
.site-nav{color:#d5dfe7;font-size:14px;gap:28px}
.site-nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.head-cta{color:#fff;border-color:#698091;border-radius:5px}
.menu-toggle{color:#fff;border-color:#698091}
.eyebrow{color:#526a7b;letter-spacing:.075em;font-size:11px;margin-bottom:19px}
.eyebrow:before{display:none}
.hero{padding:72px 0;background:#f0f3f6;overflow:visible;border-bottom:1px solid var(--line)}
.hero:after{display:none}
.hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;align-items:center}
.hero h1{max-width:570px;margin-bottom:25px}
.hero h1 span{color:inherit}
.hero .lead{color:#465b6c;font-size:18px;line-height:1.8;max-width:490px}
.hero-note{color:#526a7b;font-size:13px;margin-top:21px}
.actions{gap:14px;margin-top:27px}
.btn,.prose .actions .btn,.guide-article .btn{background:#203e52;border:1px solid #203e52;color:#fff;border-radius:5px;padding:12px 20px;min-height:48px;font-size:14px;box-shadow:none}
.btn:hover,.prose .actions .btn:hover,.guide-article .btn:hover{background:#315a72;color:#fff;border-color:#315a72}
.btn.secondary,.prose .actions .btn.secondary{background:transparent;color:#24475e;border-color:#8b9eac}
.btn.secondary:hover{background:#e5ecf1;color:#193b51}
.text-link{color:#245d79;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.text-link:hover{color:#153e58}
.studio-example{margin:0;border:1px solid #cbd5dd;border-radius:8px;background:#fff;box-shadow:0 12px 28px #172a3b09;overflow:hidden;min-width:0}
.studio-example>figcaption{padding:17px 22px;border-bottom:1px solid #dce3e9;display:flex;justify-content:space-between;gap:15px;font-size:13px;color:#4d6475}
.studio-example>figcaption strong{font-weight:600;color:#203e52}
.studio-example>a{display:block;padding:20px 16px;background:#edf1f5}
.studio-example img{width:100%;height:auto;border:1px solid #cbd5dd;border-radius:3px}
.studio-example-foot{padding:17px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #dce3e9}
.studio-example-foot span{font-size:12px;color:#5b6e7e}
.studio-example-foot a{font-size:13px;color:#245d79;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.format-strip{background:#fff;border-top:0;border-bottom:1px solid var(--line)}
.format-inner{padding:19px 0;color:#647586}
.format-inner>span{font-size:11px;letter-spacing:.04em}
.format-list{color:#354e61;font-size:13px}
.section{padding:70px 0}
.light{background:#fff;color:var(--ink)}
.section-head{margin-bottom:29px}
.section-head p,.section-head .eyebrow{color:#607587}
.catalog-grid,.resources-grid{gap:28px}
.product-card,.resource,.choice-card{border-color:#d3dde5;border-radius:7px;box-shadow:none}
.product-card{background:#fff}
.card-body{padding:25px 28px}
.card-body h3{font-size:24px}
.card-body p,.resource p,.choice-card p,.detail-block p{color:#53697b;font-size:15px;line-height:1.75}
.card-price,.choice-price{color:#203e52}
.card-bottom{border-color:#dce4ea}
.tagline,.free-badge{color:#536f83;letter-spacing:.05em;font-size:11px}
.resource{padding:28px;gap:10px;min-width:0}
.resource h3{font-size:21px}
.resource .text-link{margin-top:auto;padding-top:8px;white-space:normal}
.pill{border-color:#c0cdd7;color:#4a6478;background:#f0f4f7;border-radius:4px;font-size:11px;letter-spacing:.03em}
.product-card .card-art.packaging{background:#e7edf2;border-bottom:1px solid #dce3e8}
.card-art.packaging img{object-fit:contain}
.document-art img{padding:20px;height:100%;background:#e8edf2}
.preview-panel{background:#edf1f5;border-color:#ced9e1;border-radius:7px;padding:22px}
.preview-panel .small{color:#536b7d}
.feature-band p{color:#435d71}.feature-band p.small{font-size:13px}.detail-block .num{color:#536b7d}
.feature-band .preview-panel img{width:100%;max-height:430px;object-fit:contain;background:#fff}
.feature-list li{border-color:#d1dce4;color:#415b6d;font-size:15px}
.feature-list span{color:#697f90}
.page-head{padding:56px 0 35px}
.page-head h1{font-size:clamp(38px,4vw,56px);line-height:1.14;max-width:900px}
.page-head .lead,.hub-intro,.discovery-intro{color:#4e6476;font-size:17px;line-height:1.8}
.crumb{color:#536b7d}
.guide-hub{max-width:1020px;padding-bottom:46px}
.guide-hub section{margin-bottom:55px}
.reading-list li{border-color:#cbd7e0;padding:24px 0}
.reading-list h3{font-size:21px;line-height:1.35}
.reading-list h3 a{color:#244d67}
.reading-list p,.guide-hub .reading-list p{color:#536a7d;font-size:15px;line-height:1.75}
.task-panel,.sample-next{background:#eaf0f4;border-color:#cbd8e2;border-radius:7px}
.task-panel p,.sample-next p{color:#4e6578}
.task-panel .text-link{color:#245d79}
.discovery-controls button{background:#fff;border-color:#bccbd7;border-radius:5px;color:#37556b}
.discovery-controls button[aria-pressed=true]{background:#24465c;border-color:#24465c;color:#fff}
.discovery-controls button:hover{border-color:#476f89}
.discovery-panel{background:#fff;border-color:#cbd7e0;border-radius:7px;padding:31px;gap:36px}
.discovery-panel h3{font-size:28px;line-height:1.25}
.discovery-panel p,.discovery-panel li{color:#4b6477}
.example-note{background:#eff4f6;border-color:#d2dce4;border-radius:6px;color:#234256}
.example-note p,.example-note li,.example-note dt{color:#536b7c}
.example-note strong{font-size:34px;letter-spacing:-.025em}
.example-note dl div{border-color:#cbd8e0}
.discovery-status{color:#536b7d}
.preview-frame{background:#fff;border-color:#cbd7e0;border-radius:7px}
.preview-frame figcaption p,.preview-frame figcaption a{color:#455f73}
.product-summary h1{font-size:clamp(36px,3.3vw,46px);line-height:1.16}
.product-summary p,.product-summary .small{color:#50687d}
.product-grid .product-preview{border-color:#c6d4df;border-radius:7px;background:#e9eff3}
.large-price{color:#1e3c51;font-variant-numeric:tabular-nums}
.large-price small{color:#526d80}
.fact-list span{color:#4f687d;border-color:#bfced9;background:#eef3f6;font-size:11px}
.fit-summary{background:#eaf0f4;border-left-color:#426f8b;border-radius:0;padding:13px 16px}
.fit-summary strong{color:#304f63;font-size:13px}
.fit-summary p{color:#526c7e;font-size:13px}
.list,.list li,.light .list{color:#50697e;font-size:15px}
.prose{padding:51px 0 70px;max-width:850px}
.prose h1{font-size:clamp(35px,3.8vw,49px);line-height:1.15;max-width:820px}
.prose h2{font-size:26px;margin-top:39px;line-height:1.3}
.prose p,.prose li{color:#435d71;font-size:16px;line-height:1.85}
.prose .lead,.guide-article .lead{color:#344f63;font-size:19px;line-height:1.8}
.prose .updated,.guide-article .updated{color:#536b7d;font-size:12px}
.prose a,.guide-article a{color:#245d79}
.prose .note,.prose .disc,.guide-article .note,.notice{background:#eaf0f4;border-color:#c4d3df;color:#435d71;border-radius:5px}
.prose .note p,.prose .disc p{color:#435d71}
.prose th,.prose td{border-color:#cad6df}
.guide-article th,.pack-comparison thead th{background:#244357;color:#fff}
.guide-article td{color:#334e64}
.guide-article tbody tr:nth-child(even){background:#f0f4f7}
.guide-article .guide-links{border-color:#c7d5df}
.prose details,.qa details,.pet-faq details{border-color:#c8d6df}
.qa summary,.pet-faq summary{color:#27485f;font-size:16px;line-height:1.5}
.qa details p,.pet-faq details p{color:#506a7e;font-size:15px;line-height:1.8}
.page-jumps,.prose .page-jumps{background:#eef3f6;border-color:#ccd9e2;border-radius:6px;padding:13px 17px}
.page-jumps>span{color:#567084}
.page-jumps a,.prose .page-jumps a{color:#375c73;background:#fff;border-color:#bdceda;min-height:42px}
.page-jumps a:hover{background:#dfeaf1;border-color:#718fa4}
.workflow-video{background:#fff;border-color:#cbd8e1;border-radius:7px}
.workflow-video figcaption span,.workflow-note{color:#546e81}
.price-card{background:#fff;border-color:#c7d5df;border-radius:7px}
.price-card.featured{background:#eaf0f4;border-color:#64859c}
.price-card p{color:#4d687d}
.filter-bar button{font-size:13px;min-height:42px;border-color:#bccdd9;color:#4a657b}
.filter-bar button[aria-pressed=true]{background:#24465c;border-color:#24465c;color:#fff}
.calculator-page>.hero{background:none;border:0;padding:40px 0 28px}
.calculator-page>.hero h1{font-size:clamp(35px,3.4vw,49px);max-width:100%;margin-bottom:18px}
.calculator-page>.hero .lead{max-width:950px;font-size:18px}
.calculator-page .input-card,.calculator-page .result-card,.calculator-page .card,.calculator-page .feature-link{border-radius:7px}
.calculator-page button,.calculator-page .button{border-radius:5px}
.storage-cover{background:#244357;color:#fff}
.storage-cover .pill{background:transparent;color:#e4edf3;border-color:#97aebf}
.storage-cover div>span:last-child{color:#cbdbe6}
.storage-cover strong{font-size:30px;line-height:1.28;letter-spacing:-.025em}
.visit-report{box-shadow:none;border-radius:6px}
.legal-content .cta{background:#244357;color:#fff;border-color:#244357}
.bottom-cta{padding:45px 0;border-color:#cbd7e0}
.bottom-cta h2{font-size:29px}
.site-footer{background:#172a3b;color:#e7eef4;border-color:#172a3b}
.site-footer .brand{color:#fff}
.site-footer p,.footer-brand p{color:#c5d1db}
.footer-links{color:#d2dde6}
.footer-links a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.footer-bottom{color:#afc1ce;border-color:#3e5364}
.footer-bottom a{color:#d4e0e9}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.table-scroll:focus-visible{outline-color:#2e789c}
@media(max-width:1100px){.hero-grid{gap:33px}.hero h1{font-size:clamp(43px,4.5vw,60px)}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.head-inner{height:72px}.site-nav{background:#172a3b;border-color:#4a6275}.hero{padding:47px 0}.hero-grid{grid-template-columns:1fr;gap:32px}.hero h1{font-size:clamp(40px,9vw,52px)}.hero .lead{font-size:17px}.studio-example>figcaption,.studio-example-foot{padding:15px 17px}.studio-example-foot{align-items:start;flex-direction:column;gap:7px}.section{padding:49px 0}.page-head{padding:40px 0 28px}.page-head h1{font-size:39px}.prose{padding:34px 0 50px}.prose h1{font-size:35px}.prose p,.prose li{font-size:16px}.prose h2{font-size:24px}.discovery-panel{padding:24px;gap:25px}.discovery-panel h3{font-size:25px}.page-jumps a{min-height:44px}.brand-stage{display:none}.footer-bottom{line-height:1.8}.document-art img{padding:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Readable excerpt of the existing fictional visit report. */
.report-spotlight{background:#172a3b;color:#fff;padding:72px 0}
.report-spotlight-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;align-items:center}
.report-spotlight-copy{max-width:440px}
.report-spotlight .eyebrow{color:#bacbd7;font-size:12px;letter-spacing:.09em;margin-bottom:24px}
.report-spotlight h2{font-size:clamp(32px,3.2vw,44px);line-height:1.18;letter-spacing:-.035em;margin-bottom:24px;max-width:440px}
.report-spotlight-copy>p{color:#d0dce5;font-size:17px;line-height:1.8}
.report-spotlight .actions{margin-top:29px}
.report-spotlight .btn{background:#f6f2eb;color:#172a3b;border-color:#f6f2eb;font-size:15px}
.report-spotlight .btn:hover{background:#e6d9c9;border-color:#e6d9c9}
.report-original{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:12px;color:#e2eaf0;font-size:14px;text-decoration:underline;text-underline-offset:5px}
.report-original:hover{color:#fff}
.report-spotlight-copy>.report-spotlight-note{font-size:13px;line-height:1.7;color:#bacbd7;margin:19px 0 0;max-width:350px}
.visit-excerpt{background:#fcfbf8;color:#203442;padding:34px 38px;border:1px solid #e4ded4;border-radius:4px;box-shadow:0 14px 36px #09141f22;min-width:0}
.visit-excerpt-kicker{font-size:11px;letter-spacing:.085em;text-transform:uppercase;color:#5c6e75;border-bottom:1px solid #d8ddd9;padding-bottom:18px;margin-bottom:24px}
.visit-excerpt-header h3{font-size:30px;line-height:1.25;letter-spacing:-.035em;margin:0 0 9px;font-weight:600}
.visit-excerpt-header p{font-size:14px;color:#52666e;margin:0;display:flex;gap:12px;flex-wrap:wrap;font-variant-numeric:tabular-nums}
.visit-excerpt-entries{margin:26px 0 21px}
.visit-excerpt-entries>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:22px;padding:19px 0;border-top:1px solid #d8ddd9}
.visit-excerpt-entries dt{font-size:13px;line-height:1.65;font-weight:600;color:#49616a;padding-top:2px}
.visit-excerpt-entries dd{font-size:16px;line-height:1.7;margin:0;color:#2d4651}
.visit-excerpt-followup{border-left:3px solid #8b7155;padding:15px 18px;background:#efeae1}
.visit-excerpt-followup h4{font-size:12px;line-height:1.6;letter-spacing:.045em;text-transform:uppercase;margin:0 0 7px;color:#5a4a38;font-weight:600}
.visit-excerpt-followup p{font-size:16px;line-height:1.7;margin:0;color:#324952}
.visit-excerpt-note{font-size:12px;line-height:1.7;color:#5c6e75;margin:22px 0 0}
.visit-excerpt-note a{text-decoration:underline;text-underline-offset:3px}
.visit-excerpt-note a:hover{color:#203442}
.report-spotlight a:focus-visible{outline-color:#f0cfa6}
.visit-excerpt a:focus-visible{outline-color:#245d79}
@media(max-width:1000px){.report-spotlight-grid{gap:38px}.visit-excerpt{padding:30px}.visit-excerpt-entries>div{grid-template-columns:90px minmax(0,1fr);gap:16px}}
@media(max-width:760px){.report-spotlight{padding:45px 0}.report-spotlight-grid{grid-template-columns:1fr;gap:30px}.report-spotlight-copy{max-width:520px}.report-spotlight h2{font-size:34px;max-width:440px}.report-spotlight-copy>p{font-size:16px}.report-spotlight .eyebrow{margin-bottom:18px}.visit-excerpt{padding:25px 22px}.visit-excerpt-header h3{font-size:27px}.visit-excerpt-entries>div{grid-template-columns:1fr;gap:7px;padding:17px 0}.visit-excerpt-entries dt{padding:0}.visit-excerpt-kicker{font-size:11px;letter-spacing:.055em}.visit-excerpt-note{font-size:12px}}

/* Actual document details, with the full original available in a reading dialog. */
.document-preview{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.document-preview>a{height:390px;padding:0;overflow:hidden;background:#fff;border-right:1px solid #d3dde5}
.document-preview>a img{width:976px;max-width:none;height:auto;max-height:none;object-fit:initial;margin:-55px 0 0 -50px}
.document-preview figcaption{padding:30px 34px}
.preview-read-button{display:block;min-height:46px;padding:11px 18px;margin:17px 0 13px;background:#203e52;border:1px solid #203e52;color:#fff;font-size:14px;font-weight:600;line-height:1.5;border-radius:5px}
.preview-read-button:hover{background:#315a72;border-color:#315a72}
body.preview-reader-open{overflow:hidden}
.preview-reader{--preview-fit-space:266px;width:calc(100% - 32px);max-width:1180px;max-height:calc(100dvh - 32px);padding:0;border:1px solid #b8c8d3;border-radius:7px;color:#192b3b;background:#fff;overflow:hidden}
.preview-reader::backdrop{background:#0e1f2ee0}
.preview-reader-header{display:flex;align-items:start;justify-content:space-between;gap:24px;padding:21px 25px 15px;background:#fff}
.preview-reader-header h2{font-size:23px;line-height:1.3;letter-spacing:-.02em;margin:0 0 7px}
.preview-reader-header p{max-width:680px;font-size:13px;line-height:1.6;color:#526a7b;margin:0}
.preview-reader button{min-height:44px;font-size:14px;line-height:1.4;flex-shrink:0;touch-action:manipulation}
.preview-reader-close{padding:9px 14px;border:1px solid #8da3b1;border-radius:4px;background:#fff;color:#203e52}
.preview-reader-close:hover{background:#eaf0f4}
.preview-reader-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 25px 16px;border-bottom:1px solid #cad6df}
.preview-reader-controls button{padding:9px 14px;border:1px solid #8da3b1;border-radius:4px;color:#203e52;background:#fff}
.preview-reader-controls button[aria-pressed=true]{background:#203e52;color:#fff;border-color:#203e52}
.preview-reader-original{font-size:13px;color:#245d79;text-decoration:underline;text-underline-offset:4px;margin-left:auto;padding:9px 0}
.preview-reader-stage{max-height:calc(100dvh - 222px);overflow:auto;overscroll-behavior:contain;padding:22px;background:#e9eef2}
.preview-reader-stage img{display:block;height:auto;margin:0 auto;background:#fff}
.preview-reader-error{font-size:14px;padding:16px 24px;color:#8e2634;margin:0}
.preview-reader a:focus-visible,.preview-reader button:focus-visible,.preview-reader-stage:focus-visible{outline:3px solid #245d79;outline-offset:3px}
@media(max-width:760px){.document-preview{grid-template-columns:1fr}.document-preview>a{height:300px;border-right:0;border-bottom:1px solid #d3dde5}.document-preview figcaption{padding:24px}.preview-reader{--preview-fit-space:315px;width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.preview-reader-header{gap:12px;padding:17px 16px 13px}.preview-reader-header h2{font-size:20px}.preview-reader-close{max-width:95px}.preview-reader-controls{padding:0 16px 13px;gap:8px}.preview-reader-original{margin-left:0;width:100%}.preview-reader-stage{padding:15px;max-height:calc(100dvh - 285px);min-height:140px}}