#cts-storyboard { --cts-bg:light-dark(#f8f9f4,#101c1a); --cts-surface:light-dark(#edf0e9,#182824); --cts-ink:light-dark(#182d28,#eef2e9); --cts-sub:light-dark(#54665e,#b2c1b8); --cts-line:light-dark(#d7dfd4,#354a40); --cts-accent:light-dark(#1d6247,#a5d8b6); --cts-on-accent:light-dark(#fff,#10251b); --cts-soft:light-dark(#e1eadd,#263d30); --cts-copper:light-dark(#956a48,#d1aa82); font-family:Inter,"Helvetica Neue",Arial,sans-serif; color:var(--cts-ink); width:100%; }
#cts-storyboard * { box-sizing:border-box; }
#cts-storyboard [hidden] { display:none!important; }
#cts-storyboard .cts-review { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:8px 0 14px; font-size:11px; letter-spacing:.08em; color:var(--cts-sub); }
#cts-storyboard .cts-frame { background:var(--cts-bg); max-width:100%; margin:auto; container-type:inline-size; transition:max-width .3s; border:1px solid var(--cts-line); }
#cts-storyboard .cts-header { padding:20px 28px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; border-bottom:1px solid var(--cts-line); }
#cts-storyboard .cts-wordmark { display:flex; align-items:baseline; gap:7px; font-size:19px; font-weight:650; letter-spacing:-.06em; white-space:nowrap; }
#cts-storyboard .cts-wordmark>span:not(.cts-dot) { font-size:11px; font-weight:500; letter-spacing:.02em; }
#cts-storyboard .cts-dot { color:var(--cts-accent); margin-left:5px; font-size:11px; }
#cts-storyboard nav { display:flex; flex-wrap:wrap; gap:6px; }
#cts-storyboard button,#cts-storyboard select { font:inherit; color:inherit; }
#cts-storyboard button { border:0; background:transparent; min-height:42px; padding:10px 13px; font-size:12px; font-weight:500; border-radius:5px; }
#cts-storyboard button:hover { background:var(--cts-soft); }
#cts-storyboard button:disabled { opacity:.4; }
#cts-storyboard nav button[aria-pressed="true"] { background:var(--cts-ink); color:var(--cts-bg); }
#cts-storyboard .cts-intro { padding:30px 30px 22px; }
#cts-storyboard .cts-eyebrow { display:block; margin:0 0 12px; font-size:11px; font-weight:550; letter-spacing:.12em; line-height:1.6; color:var(--cts-sub); }
#cts-storyboard h1 { font-size:clamp(28px,4.4cqw,44px); line-height:1.07; font-weight:500; letter-spacing:-.055em; margin:12px 0 0; }
#cts-storyboard h2 { font-size:28px; line-height:1.15; font-weight:500; letter-spacing:-.04em; margin:0 0 15px; }
#cts-storyboard .cts-products { display:flex; gap:4px; padding:0 30px 20px; flex-wrap:wrap; }
#cts-storyboard .cts-products button { color:var(--cts-sub); padding:8px 16px; border-radius:22px; border:1px solid var(--cts-line); }
#cts-storyboard .cts-products button[aria-pressed="true"] { background:var(--cts-accent); border-color:var(--cts-accent); color:var(--cts-on-accent); }
#cts-storyboard .cts-layout { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr); border-top:1px solid var(--cts-line); }
#cts-storyboard .cts-visual { min-width:0; background:var(--cts-surface); }
#cts-storyboard .cts-scene-heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px; padding:19px 22px 0; color:var(--cts-sub); font-size:11px; letter-spacing:.04em; min-height:45px; }
#cts-storyboard .cts-scene-heading>span:first-child { font-weight:600; color:var(--cts-accent); }
#cts-storyboard .cts-scene { height:340px; position:relative; background:radial-gradient(ellipse at 50% 48%,var(--cts-bg),transparent 70%); }
#cts-storyboard canvas { display:block; position:absolute; inset:0; width:100%; height:100%; touch-action:none; }
#cts-storyboard .cts-fallback { height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:26px; text-align:center; font-size:12px; color:var(--cts-sub); padding:20px; }
#cts-storyboard .cts-fallback-stack { width:190px; height:145px; position:relative; transform:rotate(-18deg); }
#cts-storyboard .cts-fallback-stack div { width:190px; height:75px; position:absolute; border-radius:8px; background:var(--cts-soft); border:1px solid var(--cts-accent); transform:skewY(15deg); }
#cts-storyboard .cts-fallback-stack div:nth-child(2) { top:35px; background:var(--cts-line); }
#cts-storyboard .cts-fallback-stack div:nth-child(3) { top:70px; background:var(--cts-accent); }
#cts-storyboard .cts-scene-tools { display:flex; align-items:center; justify-content:space-between; gap:10px; color:var(--cts-sub); font-size:11px; padding:0 20px 10px; }
#cts-storyboard .cts-scene-tools button { font-size:11px; min-height:35px; padding:7px 10px; border:1px solid var(--cts-line); }
#cts-storyboard .cts-progress { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:0 16px 15px; gap:4px; }
#cts-storyboard .cts-progress button { padding:10px 3px; border-radius:0; border-top:2px solid var(--cts-line); font-size:11px; color:var(--cts-sub); text-align:left; }
#cts-storyboard .cts-progress button span { margin-right:5px; opacity:.6; }
#cts-storyboard .cts-progress button[aria-pressed="true"] { border-color:var(--cts-accent); color:var(--cts-accent); }
#cts-storyboard .cts-chemistry { padding:12px 20px; display:flex; align-items:center; justify-content:space-between; gap:10px; border-top:1px solid var(--cts-line); font-size:11px; color:var(--cts-sub); }
#cts-storyboard .cts-chemistry>div { display:flex; gap:3px; }
#cts-storyboard .cts-chemistry button { min-height:32px; padding:5px 12px; font-size:11px; }
#cts-storyboard .cts-chemistry button[aria-pressed="true"] { background:var(--cts-ink); color:var(--cts-bg); }
#cts-storyboard .cts-detail { padding:30px 26px 24px; border-left:1px solid var(--cts-line); min-width:0; }
#cts-storyboard .cts-detail p { font-size:14px; line-height:1.65; margin:0 0 16px; }
#cts-storyboard .cts-detail .cts-eyebrow { font-size:11px; margin:0 0 13px; }
#cts-storyboard .cts-note { color:var(--cts-sub); font-size:11px!important; padding-top:17px; border-top:1px solid var(--cts-line); margin-top:24px!important; }
#cts-storyboard .cts-actions { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-top:22px; }
#cts-storyboard .cts-primary { background:var(--cts-accent); color:var(--cts-on-accent); padding:13px 17px; min-height:45px; }
#cts-storyboard .cts-primary:hover { background:var(--cts-ink); color:var(--cts-bg); }
#cts-storyboard .cts-primary span { padding-left:12px; }
#cts-storyboard .cts-secondary { border:1px solid var(--cts-line); }
#cts-storyboard .cts-material-buttons { display:flex; flex-wrap:wrap; gap:7px; margin:20px 0; }
#cts-storyboard .cts-material-buttons button { text-align:left; border:1px solid var(--cts-line); min-width:calc(50% - 4px); flex:1; padding:11px 10px; font-size:11px; }
#cts-storyboard .cts-material-buttons b { font-size:17px; font-weight:500; display:inline-block; width:28px; color:var(--cts-accent); }
#cts-storyboard .cts-path { padding:12px 28px; font-size:11px; color:var(--cts-sub); border-top:1px solid var(--cts-line); }
#cts-storyboard .cts-footer { padding:12px 28px; border-top:1px solid var(--cts-line); display:flex; align-items:center; justify-content:space-between; gap:15px; flex-wrap:wrap; color:var(--cts-sub); font-size:11px; }
#cts-storyboard .cts-attribution { display:flex; align-items:center; gap:10px; text-decoration:none; border-radius:4px; }
#cts-storyboard .cts-attribution img { width:160px; height:auto; background:#fafbf8; border-radius:3px; }
#cts-storyboard .cts-metal-heading { display:flex; align-items:center; gap:14px; }
#cts-storyboard .cts-metal-heading>span { background:var(--cts-soft); color:var(--cts-accent); font-size:30px; width:60px; height:67px; display:flex; align-items:center; justify-content:center; }
#cts-storyboard .cts-metal-heading h2 { margin:0; font-size:25px; }
#cts-storyboard .cts-metal-heading .cts-eyebrow { margin:0 0 4px; }
#cts-storyboard .cts-text-button { padding:8px 0; color:var(--cts-sub); font-size:11px; margin:9px 0; }
#cts-storyboard .cts-topics { display:flex; flex-wrap:wrap; gap:1px; border-top:1px solid var(--cts-line); border-bottom:1px solid var(--cts-line); padding:7px 0; margin-bottom:19px; }
#cts-storyboard .cts-topics button { padding:7px 9px; min-height:34px; font-size:11px; }
#cts-storyboard .cts-topics button[aria-pressed="true"] { background:var(--cts-accent); color:var(--cts-on-accent); }
#cts-storyboard #cts-topic-content h3 { font-size:18px; font-weight:500; line-height:1.3; margin:0 0 10px; letter-spacing:-.02em; }
#cts-storyboard #cts-topic-content p { font-size:12px; line-height:1.7; }
#cts-storyboard #cts-topic-content a { color:var(--cts-accent); text-decoration:underline; text-underline-offset:3px; font-size:11px; }
#cts-storyboard .cts-material-switch { margin-top:22px; padding-top:16px; border-top:1px solid var(--cts-line); }
#cts-storyboard label { display:block; font-size:11px; color:var(--cts-sub); margin:0 0 8px; }
#cts-storyboard select { width:100%; background:var(--cts-bg); border:1px solid var(--cts-line); padding:10px; min-height:44px; border-radius:4px; font-size:13px; }
#cts-storyboard .cts-company { padding:11px 0; border-top:1px solid var(--cts-line); }
#cts-storyboard .cts-company strong { font-size:13px; font-weight:500; display:block; margin-bottom:4px; }
#cts-storyboard .cts-company p { margin-bottom:6px; }
#cts-storyboard .cts-library { padding:0 30px 25px; }
#cts-storyboard .cts-library-buttons { display:flex; flex-wrap:wrap; gap:6px; }
#cts-storyboard .cts-library-buttons button { min-width:76px; padding:11px; border:1px solid var(--cts-line); text-align:left; flex:1; }
#cts-storyboard .cts-library-buttons button b { display:block; font-size:23px; font-weight:500; color:var(--cts-accent); margin-bottom:6px; }
#cts-storyboard .cts-library-buttons button span { font-size:11px; }
#cts-storyboard .cts-library-buttons button[aria-pressed="true"] { background:var(--cts-soft); border-color:var(--cts-accent); }
#cts-storyboard .cts-library-hero { padding:30px; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--cts-accent); }
#cts-storyboard .cts-library-hero>span:first-child { font-size:11px; letter-spacing:.13em; }
#cts-storyboard .cts-library-hero strong { font-size:110px; font-weight:400; letter-spacing:-.08em; line-height:1.3; }
#cts-storyboard #cts-hero-name { font-size:20px; }
#cts-storyboard #cts-hero-route { margin-top:32px; font-size:11px; color:var(--cts-sub); text-align:center; }
#cts-storyboard .cts-price-table { width:100%; border-collapse:collapse; font-size:12px; margin:14px 0; }
#cts-storyboard .cts-price-table th,#cts-storyboard .cts-price-table td { text-align:left; padding:8px 4px; border-bottom:1px solid var(--cts-line); }
#cts-storyboard .cts-price-table th { color:var(--cts-sub); font-weight:500; font-size:11px; }
#cts-storyboard .cts-scene { height:470px; }
#cts-storyboard .cts-layout { grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr); }
#cts-storyboard .cts-intro { padding-top:24px; padding-bottom:19px; }
#cts-storyboard h1 { font-size:clamp(28px,3.8cqw,39px); }
#cts-storyboard .cts-resource-view { padding:0 20px 18px; }
#cts-storyboard .cts-view-switch { display:flex; gap:4px; padding:5px; background:var(--cts-bg); }
#cts-storyboard .cts-view-switch button { flex:1; font-size:11px; min-height:38px; padding:8px; }
#cts-storyboard .cts-view-switch button[aria-pressed="true"] { background:var(--cts-accent); color:var(--cts-on-accent); }
#cts-storyboard .cts-mass-caption { font-size:11px; line-height:1.6; color:var(--cts-sub); margin:13px 0; }
#cts-storyboard .cts-resource-chips { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
#cts-storyboard .cts-resource-chips button { background:var(--cts-bg); border:1px solid var(--cts-line); text-align:left; padding:9px 8px; min-height:60px; position:relative; }
#cts-storyboard .cts-resource-chips button:before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:var(--resource-colour); opacity:.8; }
#cts-storyboard .cts-resource-chips button[aria-pressed="true"] { background:var(--cts-soft); border-color:var(--cts-accent); }
#cts-storyboard .cts-resource-chips b { font-size:16px; font-weight:500; margin-right:4px; }
#cts-storyboard .cts-resource-chips small { display:block; font-size:11px; color:var(--cts-sub); margin-top:3px; }
#cts-storyboard .cts-resource-chips em { font-style:normal; font-size:11px; float:right; }
#cts-storyboard .cts-data-note,#cts-storyboard .cts-credits { font-size:11px; color:var(--cts-sub); line-height:1.65; }
#cts-storyboard .cts-data-note { margin-top:14px; }
#cts-storyboard summary { padding:8px 0; }
#cts-storyboard .cts-data-note p { margin:7px 0; }
#cts-storyboard .cts-data-note a,#cts-storyboard .cts-credits a { color:var(--cts-accent); text-underline-offset:3px; }
#cts-storyboard .cts-credits { padding:5px 28px; border-top:1px solid var(--cts-line); }
#cts-storyboard .cts-credits p { margin:8px 0 16px; max-width:780px; }
@container (max-width:680px) { #cts-storyboard .cts-layout { grid-template-columns:1fr; } #cts-storyboard .cts-scene { height:390px; } }
@container (max-width:420px) { #cts-storyboard .cts-scene { height:345px; } #cts-storyboard .cts-resource-view { padding-left:15px; padding-right:15px; } #cts-storyboard .cts-resource-chips { grid-template-columns:repeat(3,minmax(0,1fr)); } #cts-storyboard .cts-credits { padding-left:18px; padding-right:18px; } }
@container (max-width:680px) { #cts-storyboard .cts-layout { grid-template-columns:1fr; } #cts-storyboard .cts-detail { border-left:0; border-top:1px solid var(--cts-line); padding:24px; } #cts-storyboard .cts-scene { height:310px; } #cts-storyboard .cts-header { padding:18px 22px; } #cts-storyboard .cts-intro { padding:24px 24px 20px; } #cts-storyboard .cts-products,#cts-storyboard .cts-library { padding-left:24px; padding-right:24px; } #cts-storyboard h1 { font-size:37px; } #cts-storyboard .cts-material-buttons button { min-width:calc(33.333% - 5px); } }
@container (max-width:420px) { #cts-storyboard .cts-header { padding:17px 18px 12px; gap:12px; } #cts-storyboard nav { width:100%; } #cts-storyboard nav button { flex:1; font-size:11px; } #cts-storyboard .cts-intro { padding:23px 18px 20px; } #cts-storyboard h1 { font-size:32px; } #cts-storyboard .cts-intro .cts-eyebrow { font-size:11px; max-width:260px; } #cts-storyboard .cts-products,#cts-storyboard .cts-library { padding-left:18px; padding-right:18px; gap:5px; } #cts-storyboard .cts-products button { padding:8px 10px; font-size:11px; } #cts-storyboard .cts-scene { height:270px; } #cts-storyboard .cts-scene-heading { padding:16px 18px 0; } #cts-storyboard .cts-scene-heading>span:last-child { max-width:180px; font-size:11px; } #cts-storyboard .cts-detail { padding:24px 18px; } #cts-storyboard .cts-material-buttons button { min-width:calc(50% - 4px); } #cts-storyboard .cts-footer { padding:13px 18px; } #cts-storyboard .cts-footer>span { width:100%; } #cts-storyboard .cts-path { padding:12px 18px; line-height:1.6; } }
@media(pointer:coarse) { #cts-storyboard button { min-height:44px!important; } }
@media(prefers-reduced-motion:reduce) { #cts-storyboard * { transition:none!important; animation:none!important; } }

#cts-storyboard .cts-progress { padding-top:15px; padding-bottom:0; }
#cts-storyboard .cts-detail>.cts-resource-view { padding:0 0 22px; margin-bottom:24px; border-bottom:1px solid var(--cts-line); }
#cts-storyboard .cts-detail .cts-resource-chips { grid-template-columns:repeat(3,minmax(0,1fr)); }
#cts-storyboard .cts-detail .cts-resource-chips button { min-height:54px; padding:8px 7px; }
#cts-storyboard .cts-detail .cts-resource-chips b { font-size:15px; }
#cts-storyboard .cts-detail .cts-resource-chips em { font-size:11px; }
#cts-storyboard .cts-detail .cts-mass-caption { margin:10px 0; }
@container (max-width:680px) { #cts-storyboard .cts-scene { height:390px; } #cts-storyboard .cts-resource-chips button { min-height:50px; } }
@container (max-width:420px) { #cts-storyboard .cts-scene { height:330px; } #cts-storyboard .cts-resource-chips { grid-template-columns:repeat(3,minmax(0,1fr)); } }

:root { color-scheme:light; }
body { margin:0; padding:0; background:#f6f7f2; color:#152a24; font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif; }
button,a,select,summary { -webkit-tap-highlight-color:transparent; }
button,summary { cursor:pointer; }
a { color:#22604a; }
button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible { outline:3px solid #337d63; outline-offset:4px; }
#cts-storyboard { --cts-bg:#f8f9f4; --cts-surface:#edf0e9; --cts-ink:#172c25; --cts-sub:#56665d; --cts-line:#d7dfd4; --cts-accent:#245d47; --cts-soft:#e3ebdd; --cts-on-accent:#fff; width:100%; max-width:1560px; margin:0 auto; color:var(--cts-ink); font-family:inherit; }
#cts-storyboard .cts-frame { border:0; }
#cts-storyboard .cts-header { padding:23px 38px; }
#cts-storyboard .cts-wordmark { font-size:21px; letter-spacing:-.055em; }
#cts-storyboard .cts-intro { padding:28px 38px 20px; }
#cts-storyboard .cts-eyebrow { font-size:10px; letter-spacing:.15em; }
#cts-storyboard h1 { font-size:clamp(30px,3.7vw,48px); line-height:1.04; letter-spacing:-.05em; }
#cts-storyboard .cts-products { padding:0 38px 25px; gap:7px; }
#cts-storyboard .cts-products button { padding:11px 18px; }
#cts-storyboard .cts-layout { grid-template-columns:minmax(0,2.35fr) minmax(310px,1fr); }
#cts-storyboard .cts-visual { background:#0d1915; }
#cts-storyboard .cts-progress { padding:18px 24px 4px; gap:10px; }
#cts-storyboard .cts-progress button { border-color:#3b4b41; color:#b1c0b6; padding:12px 5px; min-height:46px; }
#cts-storyboard .cts-progress button:hover { background:#1c3026; }
#cts-storyboard .cts-progress button[aria-pressed=true] { color:#dbeddb; border-color:#a8c7a4; background:transparent; }
#cts-storyboard .cts-scene-heading { padding:14px 28px 10px; min-height:43px; color:#a2b3a6; font-size:10px; gap:12px; }
#cts-storyboard .cts-scene-heading>span:first-child { color:#d5e4d4; }
#cts-storyboard .cts-scene { width:100%; height:auto; aspect-ratio:3/2; background:#0d1915; overflow:hidden; }
#cts-storyboard .cts-photography { position:absolute; inset:0; overflow:hidden; background:#0d1915; }
#cts-storyboard .cts-photography>img { display:block; width:100%; height:100%; object-fit:contain; }
#cts-storyboard #cts-photo-overlay { display:block; position:absolute; inset:0; width:100%; height:100%; pointer-events:none; mix-blend-mode:normal; }
#cts-storyboard #cts-photo-overlay [data-pick] { pointer-events:all; cursor:pointer; }
#cts-storyboard .cts-photo-next { position:absolute; right:26px; bottom:22px; min-height:44px; padding:12px 17px; border:1px solid #698775; background:rgba(12,29,20,.88); color:#edf3e9; border-radius:3px; backdrop-filter:blur(12px); box-shadow:0 4px 20px #0003; }
#cts-storyboard .cts-photo-next:hover { background:#31553d; }
#cts-storyboard .cts-photo-next span { margin-left:16px; }
#cts-storyboard .cts-photo-label { position:absolute; bottom:24px; left:24px; max-width:65%; padding:10px 13px 10px 16px; font-size:11px; line-height:1.5; background:rgba(7,18,13,.9); color:#e8f0e5; border-left:3px solid var(--photo-highlight); backdrop-filter:blur(10px); }
#cts-storyboard .cts-scene-tools { background:#0d1915; color:#9daf9f; display:flex; flex-wrap:wrap; gap:10px; padding:13px 24px 17px; border-top:1px solid #24382c; }
#cts-storyboard #cts-model-status { flex:1; text-align:right; font-size:10px; line-height:1.5; }
#cts-storyboard .cts-display-switch { display:flex; gap:3px; background:#16271e; padding:3px; border:1px solid #304436; }
#cts-storyboard .cts-display-switch button { min-height:34px; font-size:10px; padding:7px 10px; color:#a8bbac; border:0; }
#cts-storyboard .cts-display-switch button[aria-pressed=true] { background:#d5e2d0; color:#173020; }
#cts-storyboard .cts-display-switch button:hover { background:#2c4232; color:#e8f0e5; }
#cts-storyboard .cts-scene-tools #cts-reset-camera { color:#c6d7c7; border-color:#4c6351; }
#cts-storyboard .cts-chemistry { background:#101f17; border-color:#2b3e30; color:#a8bca9; padding:12px 25px; }
#cts-storyboard .cts-chemistry button { color:#b9cbb9; min-height:38px; }
#cts-storyboard .cts-chemistry button[aria-pressed=true] { background:#d2dfcb; color:#16321e; }
#cts-storyboard .cts-detail { border-left:0; padding:27px 28px; }
#cts-storyboard .cts-detail h2 { font-size:27px; }
#cts-storyboard .cts-detail p { font-size:13px; line-height:1.7; }
#cts-storyboard .cts-detail .cts-note { font-size:11px!important; }
#cts-storyboard .cts-resource-chips button { background:#fcfcf8; }
#cts-storyboard .cts-resource-chips button[aria-pressed=true] { box-shadow:inset 0 0 0 1px var(--cts-accent); }
#cts-storyboard .cts-resource-chips small { font-size:10px; }
#cts-storyboard .cts-mass-caption { font-size:11px; }
#cts-storyboard .cts-primary { color:#fff; background:#245d47; }
#cts-storyboard .cts-library-hero { color:#d7e5d1; }
#cts-storyboard #cts-hero-route { color:#9eb39f; }
#cts-storyboard .cts-path { padding:15px 36px; }
#cts-storyboard .cts-credits { padding:9px 36px; }
#cts-storyboard .cts-footer { padding:18px 36px; }
#cts-storyboard .cts-attribution img { width:166px; }
#cts-storyboard .cts-fallback { color:#d8e7d4; }
@container(max-width:900px) {
 #cts-storyboard .cts-layout { grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr); }
 #cts-storyboard .cts-detail { padding:23px 20px; }
 #cts-storyboard .cts-detail h2 { font-size:25px; }
 #cts-storyboard .cts-scene-tools { padding:12px 18px; }
 #cts-storyboard #cts-model-status { text-align:left; flex-basis:100%; }
}
@container(max-width:680px) {
 #cts-storyboard .cts-layout { grid-template-columns:1fr; }
 #cts-storyboard .cts-scene { height:auto; aspect-ratio:3/2; }
 #cts-storyboard .cts-header { padding:18px 23px; }
 #cts-storyboard .cts-intro { padding:24px 23px 20px; }
 #cts-storyboard h1 { font-size:36px; }
 #cts-storyboard .cts-products { padding:0 23px 23px; }
 #cts-storyboard .cts-scene-heading { padding:12px 20px; }
 #cts-storyboard .cts-detail { padding:26px 23px; }
 #cts-storyboard .cts-visual>.cts-resource-view { background:var(--cts-bg); padding:22px 23px; }
 #cts-storyboard .cts-resource-chips { grid-template-columns:repeat(4,minmax(0,1fr)); }
 #cts-storyboard .cts-photo-next { right:17px; bottom:15px; padding:10px 13px; font-size:11px; }
 #cts-storyboard .cts-photo-label { bottom:68px; left:17px; max-width:85%; }
}
@container(max-width:420px) {
 #cts-storyboard .cts-header { padding:18px; }
 #cts-storyboard .cts-wordmark { font-size:20px; }
 #cts-storyboard .cts-intro { padding:23px 18px 18px; }
 #cts-storyboard h1 { font-size:34px; }
 #cts-storyboard .cts-products { padding:0 18px 22px; gap:5px; }
 #cts-storyboard .cts-products button { padding:10px 12px; font-size:11px; }
 #cts-storyboard .cts-progress { padding:15px 14px 3px; gap:5px; }
 #cts-storyboard .cts-progress button { font-size:10px; min-height:44px; }
 #cts-storyboard .cts-scene-heading { font-size:9px; padding:10px 18px; min-height:47px; }
 #cts-storyboard .cts-scene-heading>span:last-child { max-width:69%; text-align:right; }
 #cts-storyboard .cts-scene { height:auto; aspect-ratio:3/2; }
 #cts-storyboard .cts-scene-tools { padding:12px 15px; }
 #cts-storyboard .cts-resource-chips { grid-template-columns:repeat(3,minmax(0,1fr)); }
 #cts-storyboard .cts-visual>.cts-resource-view { padding:20px 18px; }
 #cts-storyboard .cts-resource-chips button { min-height:54px; }
 #cts-storyboard .cts-path,#cts-storyboard .cts-credits,#cts-storyboard .cts-footer { padding-left:18px; padding-right:18px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }
@media(pointer:coarse) { #cts-storyboard button { min-height:44px; } #cts-storyboard select { font-size:16px; } }

#cts-storyboard .cts-quick-materials { display:none; }
@container(max-width:680px) {
 #cts-storyboard .cts-quick-materials { display:flex; gap:4px; justify-content:center; padding:6px 13px 13px; background:#0d1915; }
 #cts-storyboard .cts-quick-materials button { color:#b1c4b3; min-height:45px; flex:1; padding:6px 3px; border:1px solid #2e4535; border-radius:3px; max-width:65px; }
 #cts-storyboard .cts-quick-materials b { display:block; font-size:13px; font-weight:500; }
 #cts-storyboard .cts-quick-materials small { font-size:11px; display:block; margin-top:4px; }
 #cts-storyboard .cts-quick-materials button[aria-pressed=true] { background:#213b2a; color:#fff; border-color:var(--quick-colour); }
}

/* Lift the phone display and carry it completely outside the illustration. */
#cts-storyboard .cts-photography>.cts-phone-peel { position:absolute; inset:0; z-index:2; width:100%; height:100%; object-fit:contain; pointer-events:none; clip-path:polygon(37.35% 12.5%,38% 9%,39.5% 7.6%,58.5% 3.5%,60% 4.5%,60.8% 8%,60.7% 85.8%,59.8% 89.6%,58.4% 91.3%,39% 89.9%,37.6% 88%,37.3% 85.5%); transform-origin:60% 48%; will-change:transform,opacity; filter:drop-shadow(14px 8px 12px #0009); }
#cts-storyboard .cts-photography>.cts-photo-next,#cts-storyboard .cts-photography>.cts-photo-label { z-index:4; }

/* Resource atlas: country production and documented mine locations. */
#cts-storyboard .cts-production-map { padding:20px; margin:26px 0 30px; border:1px solid #cbd8ca; background:#f0f4ec; scroll-margin-top:20px; min-width:0; }
#cts-storyboard .cts-map-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap; }
#cts-storyboard .cts-map-heading h3 { font-size:23px; line-height:1.25; font-weight:500; letter-spacing:-.035em; margin:0 0 13px; }
#cts-storyboard .cts-map-heading .cts-map-eyebrow { font-size:9px; letter-spacing:.12em; color:#466858; margin:0 0 9px; }
#cts-storyboard .cts-map-count { font-size:10px; color:var(--cts-sub); padding-top:3px; }
#cts-storyboard .cts-map-measure { font-size:12px; line-height:1.7; color:var(--cts-sub); margin:0 0 15px; }
#cts-storyboard .cts-map-controls { display:flex; gap:10px; align-items:center; justify-content:space-between; flex-wrap:wrap; margin:12px 0; }
#cts-storyboard .cts-map-controls>div { display:flex; gap:4px; }
#cts-storyboard .cts-map-controls button { min-height:36px; min-width:36px; padding:6px 10px; border:1px solid var(--cts-line); background:#fafbf7; font-size:12px; }
#cts-storyboard .cts-map-controls .cts-map-sites-toggle { display:flex; align-items:center; gap:7px; margin:0; font-size:11px; cursor:pointer; }
#cts-storyboard .cts-map-sites-toggle input { accent-color:#245d47; width:16px; height:16px; }
#cts-storyboard .cts-map-canvas { position:relative; background:#e7eee7; border:1px solid #cad8cc; overflow:hidden; }
#cts-storyboard .cts-map-status { display:flex; justify-content:space-between; gap:15px; align-items:center; padding:13px 15px; background:#214e3b; color:#f1f6e9; }
#cts-storyboard .cts-map-status>div { display:flex; flex-direction:column; gap:4px; min-width:0; }
#cts-storyboard .cts-map-status>div:last-child { text-align:right; }
#cts-storyboard .cts-map-status strong { font-size:14px; font-weight:500; line-height:1.5; }
#cts-storyboard .cts-map-status small { font-size:10px; line-height:1.6; color:#c3d8bf; }
#cts-storyboard .cts-map-svg { display:block; width:100%; height:auto; touch-action:pan-y; }
#cts-storyboard .cts-map-svg.cts-map-zoomed { cursor:grab; }
#cts-storyboard .cts-map-svg.cts-map-zoomed:active { cursor:grabbing; }
#cts-storyboard .cts-map-ocean { fill:#e7eee7; stroke:#c4d6cb; stroke-width:.6; }
#cts-storyboard .cts-map-graticule { fill:none; stroke:#c6d4ca; stroke-width:.5; pointer-events:none; }
#cts-storyboard .cts-map-country { stroke:#f4f7ef; stroke-width:.65; vector-effect:non-scaling-stroke; cursor:pointer; transition:fill .18s; }
#cts-storyboard .cts-map-country:hover,#cts-storyboard .cts-map-country:focus-visible,#cts-storyboard .cts-map-country.cts-map-selected { stroke:#162e25; stroke-width:1.6; outline:0; }
#cts-storyboard .cts-map-pin { cursor:pointer; outline:0; }
#cts-storyboard .cts-map-pin-hit { fill:transparent; }
#cts-storyboard .cts-map-pin-symbol { fill:#f2c96c; stroke:#173e2e; stroke-width:1.5; }
#cts-storyboard .cts-map-facility { fill:#b1bee7; }
#cts-storyboard .cts-map-pin:hover .cts-map-pin-symbol,#cts-storyboard .cts-map-pin:focus-visible .cts-map-pin-symbol,#cts-storyboard .cts-map-pin.cts-map-selected .cts-map-pin-symbol { stroke:#07150f; stroke-width:2.5; fill:#fff3b2; }
#cts-storyboard .cts-map-gesture { position:absolute; bottom:6px; left:10px; font-size:9px; color:#4e675b; pointer-events:none; background:#e7eee7dc; padding:3px 5px; }
#cts-storyboard .cts-map-legend { display:flex; flex-wrap:wrap; gap:9px 15px; margin:15px 0 10px; }
#cts-storyboard .cts-map-legend>span { display:flex; align-items:center; gap:5px; font-size:10px; color:#385847; }
#cts-storyboard .cts-map-legend i,#cts-storyboard .cts-map-leaders i { display:inline-block; width:12px; height:12px; border:1px solid #859d8b55; flex-shrink:0; }
#cts-storyboard .cts-map-pin-key { display:flex; flex-wrap:wrap; gap:4px 7px; align-items:center; font-size:10px!important; line-height:1.6!important; color:var(--cts-sub); margin:12px 0 17px!important; }
#cts-storyboard .cts-map-key-circle { display:inline-block; width:9px; height:9px; border-radius:50%; background:#f2c96c; border:1px solid #173e2e; }
#cts-storyboard .cts-map-key-diamond { display:inline-block; width:8px; height:8px; background:#b1bee7; border:1px solid #173e2e; transform:rotate(45deg); margin-left:8px; }
#cts-storyboard .cts-map-key-entry { display:inline-flex; gap:6px; align-items:center; margin-right:7px; }
#cts-storyboard .cts-map-key-entry .cts-map-key-diamond { margin:0; }
#cts-storyboard .cts-map-pin-message { flex-basis:100%; }
#cts-storyboard .cts-map-pickers { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:18px 0; }
#cts-storyboard .cts-map-pickers label { min-width:0; font-size:11px; }
#cts-storyboard .cts-map-pickers select { margin-top:6px; background:#fbfcf8; font-size:12px; text-overflow:ellipsis; }
#cts-storyboard .cts-map-selection { min-width:0; border:1px solid #cfdbca; background:#fbfcf7; padding:18px; }
#cts-storyboard .cts-map-national { display:flex; flex-direction:column; gap:7px; }
#cts-storyboard .cts-map-national>span { font-size:11px; color:var(--cts-sub); }
#cts-storyboard .cts-map-national strong { font-size:22px; line-height:1.4; font-weight:500; letter-spacing:-.025em; }
#cts-storyboard .cts-map-national p { font-size:11px; color:var(--cts-sub); line-height:1.7; margin:7px 0 0; }
#cts-storyboard .cts-map-country-sites { display:flex; flex-wrap:wrap; gap:7px; margin-top:16px; }
#cts-storyboard .cts-map-country-sites button { text-align:left; border:1px solid var(--cts-line); background:#f0f5e9; font-size:11px; padding:9px 11px; }
#cts-storyboard .cts-map-country-sites button span { display:block; font-size:9px; color:var(--cts-sub); margin-top:3px; }
#cts-storyboard .cts-map-country-sites p { font-size:11px; color:var(--cts-sub); margin:0; }
#cts-storyboard .cts-map-sources { display:flex; flex-wrap:wrap; gap:7px 14px; margin-top:15px; }
#cts-storyboard .cts-map-sources a { font-size:10px; line-height:1.7; overflow-wrap:anywhere; }
#cts-storyboard .cts-map-site-top h4 { font-size:19px; margin:0 0 8px; font-weight:500; letter-spacing:-.025em; }
#cts-storyboard .cts-map-site-top>span { display:inline-block; font-size:10px; color:#2b5f46; background:#e4efda; padding:5px 8px; margin-bottom:15px; }
#cts-storyboard .cts-map-site-card p { font-size:12px; line-height:1.8; }
#cts-storyboard .cts-map-site-card>small { font-size:10px; line-height:1.6; color:var(--cts-sub); }
#cts-storyboard .cts-map-site-card .cts-map-site-output { font-size:10px; border-top:1px solid var(--cts-line); padding-top:15px; margin-top:18px; color:var(--cts-sub); }
#cts-storyboard .cts-map-leaders { padding-top:18px; }
#cts-storyboard .cts-map-leaders h4 { font-size:12px; font-weight:500; margin:0 0 12px; }
#cts-storyboard .cts-map-leaders>div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
#cts-storyboard .cts-map-leaders button { min-width:0; border:1px solid #cedcc7; background:#f9fbf3; padding:12px 10px; text-align:left; }
#cts-storyboard .cts-map-leaders button>span { display:flex; gap:6px; align-items:center; font-size:10px; line-height:1.5; }
#cts-storyboard .cts-map-leaders strong { display:block; margin-top:9px; font-size:15px; font-weight:500; }
#cts-storyboard .cts-map-leaders small { display:block; font-size:9px; color:var(--cts-sub); line-height:1.5; margin-top:5px; }
#cts-storyboard .cts-map-method { margin-top:20px; padding-top:10px; border-top:1px solid #cddbc9; }
#cts-storyboard .cts-map-method summary { font-size:11px; font-weight:500; }
#cts-storyboard .cts-map-method p { font-size:11px; color:var(--cts-sub); line-height:1.8; }
#cts-storyboard .cts-map-method td,#cts-storyboard .cts-map-method th { font-size:11px; }
#cts-storyboard .cts-map-method th>small { display:block; margin-top:5px; font-size:10px; line-height:1.6; font-weight:400; color:var(--cts-sub); }
#cts-storyboard .cts-map-download { border:1px solid var(--cts-line); margin-top:10px; font-size:11px; }
#cts-storyboard .cts-map-json { display:inline-block; font-size:11px; line-height:1.7; margin:12px 0 0 12px; }
#cts-storyboard .cts-map-site-card .cts-map-coordinate-note { font-size:10px; color:var(--cts-sub); margin:10px 0; }
#cts-storyboard.cts-guide-mode .cts-map-heading h3 { font-size:27px; }
#cts-storyboard.cts-guide-mode .cts-map-measure { font-size:14px; }
#cts-storyboard:not(.cts-guide-mode) .cts-production-map { padding:14px; }
#cts-storyboard:not(.cts-guide-mode) .cts-map-pickers { grid-template-columns:1fr; }
#cts-storyboard:not(.cts-guide-mode) .cts-map-leaders>div { grid-template-columns:1fr 1fr; }
@container(max-width:680px) {
 #cts-storyboard .cts-production-map { padding:15px; }
 #cts-storyboard .cts-map-pickers { grid-template-columns:1fr; gap:5px; }
 #cts-storyboard .cts-map-leaders>div { grid-template-columns:1fr 1fr; }
 #cts-storyboard .cts-map-heading h3,#cts-storyboard.cts-guide-mode .cts-map-heading h3 { font-size:24px; }
 #cts-storyboard .cts-map-selection { padding:15px; }
 #cts-storyboard .cts-map-measure { font-size:12px; }
 #cts-storyboard .cts-map-controls button { min-height:42px; }
}

/* Resource guides use the same material navigation in the cutaway and reading views. */
#cts-storyboard .cts-library-intro { max-width:760px; font-size:16px; line-height:1.7; margin:0 0 24px; color:var(--cts-sub); }
#cts-storyboard .cts-library-buttons button { min-width:104px; flex-basis:104px; max-width:150px; }
#cts-storyboard .cts-guide-summary { color:var(--cts-sub); margin-top:20px; }
#cts-storyboard .cts-guide-meta { font-size:11px!important; color:var(--cts-sub); margin:10px 0 18px; }
#cts-storyboard .cts-guide-actions { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 24px; }
#cts-storyboard .cts-guide-actions button { font-size:11px; padding:10px 12px; min-height:42px; }
#cts-storyboard .cts-topic-position { font-size:10px; color:var(--cts-accent); letter-spacing:.1em; margin:0 0 12px; text-transform:uppercase; }
#cts-storyboard #cts-topic-content { scroll-margin-top:24px; }
#cts-storyboard #cts-topic-content .cts-topic-lead { font-size:14px; color:var(--cts-sub); margin-bottom:24px; }
#cts-storyboard .cts-on-this-page { display:grid; border-left:2px solid var(--cts-line); padding-left:14px; gap:9px; margin:0 0 28px; }
#cts-storyboard .cts-on-this-page span { color:var(--cts-sub); font-size:10px; letter-spacing:.1em; text-transform:uppercase; margin-bottom:3px; }
#cts-storyboard #cts-topic-content .cts-on-this-page a { font-size:12px; line-height:1.5; }
#cts-storyboard .cts-guide-section { margin:0 0 27px; scroll-margin-top:24px; }
#cts-storyboard #cts-topic-content h4 { font-size:15px; line-height:1.4; font-weight:600; margin:0 0 12px; letter-spacing:-.015em; }
#cts-storyboard #cts-topic-content ul { margin:0 0 15px; padding-left:20px; }
#cts-storyboard #cts-topic-content li { font-size:12px; line-height:1.75; margin:0 0 9px; padding-left:3px; }
#cts-storyboard .cts-section-sources { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 11px; margin-top:12px; padding-top:10px; border-top:1px solid var(--cts-line); }
#cts-storyboard .cts-section-sources>span { color:var(--cts-sub); font-size:10px; }
#cts-storyboard #cts-topic-content .cts-section-sources a { font-size:10px; line-height:1.7; }
#cts-storyboard .cts-table-scroll { width:100%; overflow-x:auto; margin:20px 0 8px; }
#cts-storyboard .cts-guide-table { width:100%; min-width:390px; border-collapse:collapse; font-size:12px; line-height:1.6; }
#cts-storyboard .cts-guide-table caption { caption-side:top; text-align:left; font-size:12px; font-weight:600; padding:0 0 14px; }
#cts-storyboard .cts-guide-table th,#cts-storyboard .cts-guide-table td { border-bottom:1px solid var(--cts-line); text-align:left; vertical-align:top; padding:10px 12px; }
#cts-storyboard .cts-guide-table th { font-weight:500; }
#cts-storyboard .cts-guide-table thead { background:var(--cts-soft); }
#cts-storyboard .cts-company-card { border:1px solid var(--cts-line); padding:19px; margin:20px 0; background:#fcfcf8; }
#cts-storyboard .cts-company-title { display:flex; align-items:baseline; justify-content:space-between; gap:10px; flex-wrap:wrap; }
#cts-storyboard #cts-topic-content .cts-company-title h4 { margin-bottom:8px; }
#cts-storyboard .cts-stage { background:var(--cts-soft); color:var(--cts-accent); padding:5px 8px; font-size:10px; border-radius:3px; }
#cts-storyboard #cts-topic-content .cts-company-meta { font-size:11px; color:var(--cts-sub); margin-bottom:14px; }
#cts-storyboard #cts-topic-content .cts-disclosure-date { font-size:10px; color:var(--cts-sub); margin-bottom:8px; }
#cts-storyboard .cts-topic-pagination { display:flex; justify-content:space-between; gap:12px; padding:23px 0; margin-top:28px; border-top:1px solid var(--cts-line); }
#cts-storyboard .cts-topic-pagination button { text-align:left; line-height:1.6; max-width:48%; border:1px solid var(--cts-line); }
#cts-storyboard .cts-topic-pagination button:last-child { text-align:right; margin-left:auto; }
#cts-storyboard .cts-topic-pagination small { display:block; font-size:10px; color:var(--cts-sub); font-weight:400; }
#cts-storyboard .cts-guide-references,#cts-storyboard .cts-guide-glossary { border-top:1px solid var(--cts-line); font-size:12px; padding:10px 0; }
#cts-storyboard .cts-guide-references summary,#cts-storyboard .cts-guide-glossary summary { font-weight:500; padding:12px 0; }
#cts-storyboard #cts-topic-content .cts-guide-references p { font-size:11px; color:var(--cts-sub); }
#cts-storyboard .cts-guide-references ol { padding-left:19px; }
#cts-storyboard .cts-guide-references li>span { display:block; color:var(--cts-sub); font-size:10px; line-height:1.6; }
#cts-storyboard .cts-guide-glossary dl { margin:10px 0 20px; }
#cts-storyboard .cts-guide-glossary dl>div { padding:13px 0; border-bottom:1px solid var(--cts-line); }
#cts-storyboard .cts-guide-glossary dt { font-weight:600; font-size:12px; line-height:1.6; }
#cts-storyboard .cts-guide-glossary dd { margin:5px 0 0; font-size:12px; line-height:1.7; }
#cts-storyboard #cts-topic-content .cts-glossary-sources { font-size:10px; color:var(--cts-sub); }
#cts-storyboard.cts-guide-mode .cts-layout { display:block; }
#cts-storyboard.cts-guide-mode .cts-visual { display:none; }
#cts-storyboard.cts-guide-mode .cts-detail { padding:40px; max-width:840px; margin:0 auto; }
#cts-storyboard.cts-guide-mode .cts-metal-heading>span { width:80px; height:88px; font-size:43px; }
#cts-storyboard.cts-guide-mode .cts-metal-heading h2 { font-size:40px; }
#cts-storyboard.cts-guide-mode .cts-guide-summary { font-size:18px; line-height:1.7; max-width:790px; margin-top:24px; }
#cts-storyboard.cts-guide-mode .cts-topics { gap:5px; padding:10px 0; margin-bottom:32px; }
#cts-storyboard.cts-guide-mode .cts-topics button { min-height:42px; padding:9px 12px; font-size:12px; }
#cts-storyboard.cts-guide-mode #cts-topic-content h3 { font-size:31px; line-height:1.25; letter-spacing:-.035em; margin-bottom:16px; }
#cts-storyboard.cts-guide-mode #cts-topic-content h4 { font-size:20px; line-height:1.4; margin-bottom:15px; }
#cts-storyboard.cts-guide-mode #cts-topic-content p,#cts-storyboard.cts-guide-mode #cts-topic-content li { font-size:16px; line-height:1.85; }
#cts-storyboard.cts-guide-mode #cts-topic-content .cts-topic-lead { font-size:18px; line-height:1.75; }
#cts-storyboard.cts-guide-mode .cts-guide-section { margin-bottom:35px; }
#cts-storyboard.cts-guide-mode .cts-guide-article+.cts-guide-article { margin-top:56px; padding-top:36px; border-top:2px solid var(--cts-line); }
#cts-storyboard.cts-guide-mode #cts-topic-content .cts-section-sources a { font-size:11px; }
#cts-storyboard.cts-guide-mode #cts-topic-content .cts-on-this-page a { font-size:14px; }
#cts-storyboard.cts-guide-mode .cts-guide-table { font-size:14px; }
#cts-storyboard.cts-guide-mode .cts-guide-table caption { font-size:14px; }
#cts-storyboard.cts-guide-mode .cts-company-card { padding:25px; }
#cts-storyboard.cts-guide-mode #cts-topic-content .cts-company-meta { font-size:12px; }
#cts-storyboard.cts-guide-mode #cts-topic-content .cts-disclosure-date { font-size:11px; }
#cts-storyboard.cts-guide-mode #cts-topic-content .cts-guide-references p,#cts-storyboard.cts-guide-mode #cts-topic-content .cts-guide-references li { font-size:13px; line-height:1.7; }
#cts-storyboard.cts-guide-mode .cts-guide-references a,#cts-storyboard.cts-guide-mode .cts-guide-glossary a { font-size:12px!important; }
#cts-storyboard.cts-guide-mode .cts-guide-glossary dt,#cts-storyboard.cts-guide-mode .cts-guide-glossary dd { font-size:14px; line-height:1.8; }
#cts-storyboard.cts-guide-mode #cts-topic-content .cts-glossary-sources { font-size:12px; }
@container(max-width:680px) {
 #cts-storyboard .cts-library-buttons { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); }
 #cts-storyboard .cts-library-buttons button { min-width:0; max-width:none; padding:11px 8px; }
 #cts-storyboard .cts-library-buttons button span { font-size:10px; }
 #cts-storyboard.cts-guide-mode .cts-detail { padding:28px 23px; }
 #cts-storyboard.cts-guide-mode .cts-metal-heading h2 { font-size:34px; }
 #cts-storyboard.cts-guide-mode #cts-topic-content h3 { font-size:28px; }
 #cts-storyboard.cts-guide-mode .cts-topics { gap:4px; }
 #cts-storyboard.cts-guide-mode .cts-topics button { padding:9px; font-size:11px; }
}
@container(max-width:420px) {
 #cts-storyboard .cts-library { padding-bottom:23px; }
 #cts-storyboard .cts-library-buttons { grid-template-columns:repeat(3,minmax(0,1fr)); }
 #cts-storyboard .cts-library-intro { font-size:14px; }
 #cts-storyboard.cts-guide-mode .cts-detail { padding:26px 18px; }
 #cts-storyboard.cts-guide-mode .cts-metal-heading>span { width:64px; height:75px; font-size:36px; }
 #cts-storyboard.cts-guide-mode .cts-metal-heading h2 { font-size:30px; }
 #cts-storyboard.cts-guide-mode .cts-guide-summary { font-size:16px; }
 #cts-storyboard.cts-guide-mode #cts-topic-content .cts-topic-lead { font-size:17px; }
 #cts-storyboard.cts-guide-mode .cts-company-card { padding:18px; }
 #cts-storyboard .cts-guide-actions { display:grid; }
 #cts-storyboard .cts-topic-pagination button { font-size:11px; padding:9px; }
}

@media(pointer:coarse) { #cts-storyboard .cts-map-pickers select { font-size:16px; } }