/* This layer is loaded only by StoryBase. Privacy keeps the original CSS. */
.story-site .article-body > p { margin-block: 0 1.45em; }
.story-site .article-header { margin-bottom: 0; }
.story-site .article-body { line-height: 1.85; }
.story-site .article-visual { margin: 38px 0 44px; }
.story-site .article-visual img { display:block; width:100%; height:auto; }
.story-site .article-visual a { text-decoration:none; }
.story-site .article-visual figcaption { font-size:14px; line-height:1.6; margin-top:14px; color:#63594a; max-width:65ch; }
.story-site .visual-enlarge { display:block; border-radius:7px; }
.story-site .visual-enlarge:focus-visible { outline:2px solid #80602f; outline-offset:6px; }
.story-site .launch-figure { max-width:370px; margin-inline:auto; }
.story-site .launch-figure img { border-radius:4px; }
.story-site .visual-data { margin:13px 0 0; font-size:14px; line-height:1.5; }
.story-site .visual-data summary { width:fit-content; cursor:pointer; text-decoration:underline; text-underline-offset:4px; padding:8px 0; color:#4c4030; }
.story-site .visual-data table { width:100%; margin-top:12px; border-collapse:collapse; font-size:14px; line-height:1.55; }
.story-site .visual-data caption { text-align:left; padding:10px 0; color:#63594a; }
.story-site .visual-data td,.story-site .visual-data th { border-bottom:1px solid #dbd0be; text-align:left; vertical-align:top; padding:12px 10px 12px 0; font-weight:400; }
.story-site .visual-data thead th { color:#766347; }
.story-site .example-calculator { margin-top:22px; padding:24px 0 8px; border-top:1px solid #d9ccb8; }
.story-site .example-calculator label { display:flex; flex-direction:column; gap:10px; font-size:14px; color:#554938; }
.story-site .calculator-inputs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 28px; }
.story-site .example-calculator input[type=number] { background:#fffaf1; border:1px solid #c6b798; padding:12px; color:#302a22; font:inherit; width:100%; min-width:0; border-radius:3px; }
.story-site .example-calculator input[type=range] { width:100%; accent-color:#876333; margin:14px 0; }
.story-site .example-calculator output { display:block; font-size:18px; line-height:1.6; margin-top:20px; min-height:2em; }
.story-site .example-calculator p { font-size:13px; line-height:1.6; color:#63594a; margin:8px 0 0; }
.story-site .story-section { margin-block:80px; }
.story-site .story-section > p { max-width:62ch; line-height:1.8; color:#63594a; }
.story-site .story-section h2 { margin-bottom:22px; font-size:clamp(30px,4vw,47px); }
.story-site .moment-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; margin:36px 0 0; }
.story-site .moment-gallery figure { margin:0; }
.story-site .moment-gallery img { width:100%; height:auto; display:block; }
.story-site .moment-gallery figcaption { font-size:15px; line-height:1.65; margin-top:18px; color:#63594a; }
.story-site .moment-gallery a { display:block; text-decoration:none; }
.story-site .gallery-note { font-size:13px; line-height:1.6; margin-top:25px; color:#63594a; }
.story-site .guide-banner { margin:32px 0 48px; }
.story-site .guide-banner img { width:100%; height:auto; display:block; border-radius:4px; }
.story-site .guide-banner figcaption { font-size:13px; color:#63594a; margin-top:12px; line-height:1.6; }
.story-site .visual-guide { max-width:760px; margin-inline:auto; }
.story-site .control-comparison { width:100%; border-collapse:collapse; font-size:15px; line-height:1.65; margin-block:28px; }
.story-site .control-comparison th,.story-site .control-comparison td { padding:16px 16px 16px 0; text-align:left; border-bottom:1px solid #d9ccb8; font-weight:400; vertical-align:top; }
.story-site .control-comparison caption { text-align:left; font-size:18px; margin-bottom:12px; }
.story-site .reading-photo { display:grid; grid-template-columns:250px minmax(0,1fr); gap:40px; align-items:center; margin-block:40px; }
.story-site .reading-photo img { width:100%; height:auto; display:block; }
.story-site .reading-photo figure { margin:0; }
.story-site .reading-photo figcaption { font-size:12px; color:#63594a; line-height:1.6; margin-top:12px; }
.story-site .note-row.has-visual { grid-template-columns:minmax(0,1fr) 160px; align-items:center; gap:32px; }
.story-site .note-thumbnail { display:block; width:160px; height:105px; object-fit:cover; border-radius:3px; }
.story-site .note-thumbnail.is-launch { object-position:50% 38%; }
.story-site .source-note { font-size:13px; line-height:1.6; color:#63594a; }
@media(max-width:650px) {
 .story-site .story-section { margin-block:60px; }
 .story-site .moment-gallery { grid-template-columns:1fr; gap:38px; max-width:340px; margin-inline:auto; }
 .story-site .moment-gallery figure { max-width:340px; }
 .story-site .moment-gallery figcaption { font-size:16px; }
 .story-site .article-visual { margin-block:30px; }
 .story-site .article-visual figcaption { font-size:14px; }
 .story-site .reading-photo { grid-template-columns:1fr; gap:26px; }
 .story-site .reading-photo figure { max-width:280px; margin-inline:auto; }
 .story-site .note-row.has-visual { grid-template-columns:minmax(0,1fr) 96px; gap:14px; }
 .story-site .note-thumbnail { width:96px; height:82px; }
 .story-site .note-row.has-visual h2,.story-site .note-row.has-visual h3 { font-size:24px; }
 .story-site .control-comparison { font-size:14px; }
 .story-site .control-comparison td,.story-site .control-comparison th { padding-right:12px; }
 .story-site .calculator-inputs { gap:16px; }
 .story-site .visual-data table { font-size:13px; overflow-wrap:anywhere; }
 .story-site .example-calculator output { font-size:17px; }
}