/* Keep the reading measure comfortable while putting the full page width to use. */
.reading-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:64px;align-items:start;padding-top:8px}
.reading-shell .reading{min-width:0}
.reading-shell .chapter>.wrap{width:100%;margin:0}
.reading-shell .chapter-inner,.reading-shell .chapter-copy,.reading.layout-b .chapter:nth-child(3) .chapter-copy{max-width:none;columns:auto}
.reading-shell .chapter{padding:38px 0}
.reading-shell .chapter+.chapter{border-top:1px solid var(--line)}
.reading-shell .reading .chapter{background:transparent}
.reading-shell .chapter h2{font-size:clamp(30px,3.1vw,43px);max-width:none}
.reading-shell .chapter-copy p{line-height:1.9}
.reading-shell .reading.layout-c .chapter>.wrap{border:0;padding-top:0}
.reading-shell .reading.layout-a .chapter:nth-child(2),.reading-shell .reading.layout-c .chapter:nth-child(3){background:var(--sky);padding:32px;border:0;border-radius:8px;margin-block:8px}
.reading-shell .reading.layout-c .chapter:nth-child(3){background:var(--soft)}
.reading-rail{align-self:stretch;padding-block:38px}
.rail-sticky{position:sticky;top:120px}
.reading-rail .chapter-toc{display:block;margin:0;padding:25px;background:white;border:1px solid var(--line);border-radius:8px}
.reading-rail .chapter-toc .eyebrow{margin-bottom:14px}
.reading-rail .chapter-toc a{display:grid;grid-template-columns:20px 1fr 14px;gap:9px;padding:14px 0;font-size:13px;line-height:1.65;text-decoration:none;border-top:1px solid #dbe3e4}
.reading-rail .chapter-toc a>span:first-child{font-size:10px;color:#a64028;padding-top:3px;font-weight:700}
.reading-rail .chapter-toc a:hover>span:nth-child(2){text-decoration:underline;text-underline-offset:4px}
.reading-rail .chapter-toc .icon{width:14px;height:14px;margin-top:4px}
.rail-contact{padding:25px;margin-top:20px;border-radius:8px;background:var(--ink);color:var(--paper)}
.rail-contact>.icon{width:48px;height:48px;color:var(--coral);margin-bottom:22px}
.rail-contact .eyebrow{font-size:10px;margin-bottom:12px}
.rail-contact p{font-size:14px;line-height:1.8;margin-bottom:22px}
.rail-contact>a{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:22px;font-weight:650;letter-spacing:-.04em;text-decoration:none;line-height:1.5}
.rail-contact>a .icon{width:18px;height:18px}
.rail-contact>.rail-estimate{font-size:11px;letter-spacing:0;font-weight:500;margin-top:21px;padding-top:17px;border-top:1px solid #ffffff40}
.page-faq .faq-list{max-width:none}
.hero-place{position:absolute;z-index:2;left:54px;top:40px;display:flex;gap:12px;align-items:center;color:white;font-size:10px;line-height:1.6;letter-spacing:.15em}
.hero-place>.icon{width:30px;height:30px;color:var(--coral)}
.hero-place strong{font-weight:650;letter-spacing:.19em}
.hero-key-note{position:absolute;z-index:2;right:58px;top:45px;width:182px;height:190px;border-radius:18px;background:var(--paper);color:var(--ink);padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;box-shadow:0 12px 30px #102e3e24;transform:rotate(7deg);animation:note-arrive 1s ease-out both}
.hero-key-note:before{content:'';position:absolute;width:17px;height:17px;right:12px;top:12px;background:var(--coral);border-radius:50%}
.hero-key-note>.icon{width:100px;height:100px}
.hero-key-note>.icon path:last-child{stroke:#c65332}
.hero-key-note>span{font-family:var(--head);font-size:15px;font-weight:650;letter-spacing:-.02em}
.hero-shortcuts{position:absolute;z-index:2;right:46px;bottom:48px;width:225px;color:white}
.hero-shortcuts>.eyebrow{margin-bottom:10px;font-size:9px}
.hero-shortcuts>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 15px;margin-top:7px;border:1px solid #ffffff66;border-radius:5px;font-size:13px;font-weight:550;text-decoration:none;background:#173f50e8;transition:background .2s,transform .2s}
.hero-shortcuts>a:hover{background:var(--coral);color:var(--ink);transform:translateX(-4px)}
.hero-shortcuts .icon{width:18px;height:18px}
.hero-copy{max-width:calc(100% - 285px)}
.hero-copy h1{font-size:clamp(55px,6.4vw,88px)}
@keyframes note-arrive{from{opacity:0;transform:translateY(-16px) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(7deg)}}
@media(max-width:1199px){.hero-shortcuts{display:none}.hero-copy{max-width:900px}.hero-key-note{right:42px;top:38px;width:150px;height:155px;padding:20px;gap:10px}.hero-key-note>.icon{width:78px;height:78px}.hero-key-note>span{font-size:13px}.hero-copy h1{font-size:74px}.hero-place{left:40px;top:35px}.reading-shell{grid-template-columns:minmax(0,1fr) 250px;gap:40px}.reading-shell .chapter h2{font-size:34px}.reading-rail .chapter-toc,.rail-contact{padding:21px}.rail-contact>a{font-size:21px}}
@media(max-width:1000px){.reading-shell{grid-template-columns:minmax(0,1fr);gap:12px}.reading-rail{padding:0 0 35px}.rail-sticky{position:static;display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:start}.rail-contact{margin-top:0}.reading-shell .chapter{padding:34px 0}.reading-shell .chapter-copy{max-width:none}.reading-shell .chapter h2{font-size:36px}.hero-copy h1{font-size:68px}.hero-key-note{width:135px;height:140px;right:35px;top:30px}.hero-key-note>.icon{width:68px;height:68px}.hero-place{left:35px;top:30px}}
@media(max-width:760px){.hero-copy{max-width:100%}.hero-copy h1{font-size:66px}.hero-key-note{width:120px;height:124px;padding:16px;right:28px;top:28px;gap:8px}.hero-key-note>.icon{width:61px;height:61px}.hero-key-note>span{font-size:11px}.hero-key-note:before{width:11px;height:11px;right:10px;top:10px}.hero-place{left:30px;top:27px;font-size:9px;gap:8px}.hero-place>.icon{width:24px;height:24px}.reading-shell .chapter h2{font-size:34px}.reading-shell .reading.layout-a .chapter:nth-child(2),.reading-shell .reading.layout-c .chapter:nth-child(3){padding:28px}.rail-sticky{gap:18px}.rail-contact>a{font-size:22px}}
@media(max-width:580px){.rail-sticky{grid-template-columns:1fr}.reading-rail .chapter-toc{padding:25px}.rail-contact{padding:27px}.reading-shell .chapter h2{font-size:31px}.reading-shell .chapter-copy p{font-size:17px;line-height:1.85}.reading-shell .chapter-number{margin-bottom:17px}}
@media(max-width:480px){.hero-copy h1{font-size:53px}.hero-place{left:27px;top:26px}.hero-key-note{right:26px;top:25px;width:107px;height:110px;padding:14px;gap:6px}.hero-key-note>.icon{width:54px;height:54px}.hero-key-note>span{font-size:10px}.reading-shell .reading.layout-a .chapter:nth-child(2),.reading-shell .reading.layout-c .chapter:nth-child(3){padding:24px}.reading-shell .chapter{padding:32px 0}}
@media(max-width:350px){.hero-copy h1{font-size:46px}.hero-place{left:23px;font-size:8px}.hero-key-note{width:92px;height:96px;right:23px;top:23px;gap:4px}.hero-key-note>.icon{width:46px;height:46px}.hero-key-note>span{font-size:8px}.reading-shell .chapter h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.hero-key-note{animation:none}.hero-shortcuts>a:hover{transform:none}}
@media print{.reading-shell{display:block}.reading-rail,.hero-key-note,.hero-place,.hero-shortcuts{display:none}}
