:root{color-scheme:dark;--bg:#091922;--surface:#142b35;--stroke:#355661;--gold:#eac58b;--mint:#7dd9c3;--text:#f3efe5;--muted:#c0d1d2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 20% -10%,#2c5057 0,transparent 55%),var(--bg);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);line-height:1.5}button,input{font:inherit}button{cursor:pointer}#dl-root{max-width:1400px;padding:20px clamp(14px,3vw,35px) 50px;margin:auto}.dl-head{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#aac8c7;font-size:13px;font-weight:750;letter-spacing:.04em;min-height:44px}.dl-head a,.dl-head button{background:none;border:0;color:var(--gold);font-weight:750;text-decoration:none;padding:8px}.dl-head span{text-align:right}.dl-hero,.dl-intro{padding:28px 29px;border-radius:20px;background:linear-gradient(118deg,#264b53,#162e40);border:1px solid #58717a;margin:17px 0 22px;box-shadow:0 15px 40px #0003}.dl-hero{padding:46px 35px}.dl-eyebrow{font-weight:850;letter-spacing:.17em;color:var(--mint);font-size:11px;text-transform:uppercase}.dl-hero h1,.dl-intro h1{font-family:Georgia,serif;line-height:1.13;font-size:clamp(30px,4vw,48px);margin:10px 0}.dl-intro h1{font-size:clamp(27px,3.1vw,40px)}.dl-hero p,.dl-intro p{color:#d4e3e2;font-size:15px;max-width:800px;margin-bottom:8px}.dl-count{display:inline-block;margin-top:10px;color:#eed0a1;font-size:13px}.dl-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.dl-topic{display:flex;gap:16px;align-items:center;text-align:left;background:linear-gradient(125deg,#17313b,#1d3944);border:1px solid #46636b;border-radius:15px;padding:22px;color:#f3e6ce;min-height:133px;transition:transform .14s,border-color .14s,background .14s}.dl-topic:hover,.dl-topic:focus-visible{transform:translateY(-2px);border-color:#e0bd7d;background:#263f48}.dl-topic-icon{font-size:36px;background:#2b5156;width:66px;height:66px;border-radius:13px;display:grid;place-items:center;flex:none}.dl-topic strong{display:block;font-family:Georgia,serif;font-size:21px}.dl-topic small{display:block;color:#c1d4d2;font-size:12px;line-height:1.6;margin-top:5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dl-chevron{margin-left:auto;font-size:20px;color:#ddbf88}.dl-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.78fr);gap:17px;align-items:start}.dl-visual,.dl-side{background:#132d37;border:1px solid #385a64;border-radius:17px;padding:21px;min-width:0;box-shadow:0 12px 36px #0002}.dl-visual-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#d4e5e3;letter-spacing:.07em;font-size:11px}.dl-visual-head span{font-weight:normal;color:#94bdbe;letter-spacing:0}.dl-scene{background:radial-gradient(ellipse at center,#28414d,#10242d);border:1px solid #46636b;border-radius:15px;overflow:hidden;margin:14px 0 8px;touch-action:manipulation;min-height:170px}.dl-scene svg{display:block;width:100%;height:auto;aspect-ratio:720/370}.dl-visual-caption{font-size:12px;color:#acc8c9;margin:8px 0 23px}.dl-fact{background:#223e45;padding:19px;border:1px solid #42646b;border-radius:12px}.dl-fact strong{font-size:14px;color:#eec995}.dl-fact p{font-size:14px;color:#d0e1df;margin:6px 0 0;line-height:1.65}.dl-side h2{font-family:Georgia,serif;margin:5px 0 24px;font-size:26px}.dl-control{margin:0 0 19px}.dl-control-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:13px}.dl-control-head label{color:#d1e4e2}.dl-control-head output{color:#f3d39e;font-weight:850;white-space:nowrap;font-variant-numeric:tabular-nums}.dl-control input[type=range]{width:100%;accent-color:#d6ad68;height:21px;cursor:ew-resize}.dl-control input[type=text]{width:100%;padding:12px;background:#081b24;color:#fff;border:1px solid #5b8085;border-radius:10px}.dl-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.dl-actions button,.dl-alt{border:1px solid #6b7976;border-radius:10px;color:#f4e9d5;background:#2c4853;padding:12px 9px;font-weight:780;font-size:13px;min-height:46px}.dl-actions .dl-primary{background:linear-gradient(115deg,#d8b270,#e8c58d);color:#17252a;border-color:#edca93;grid-column:1/-1}.dl-actions button:focus-visible,.dl-alt:focus-visible,.dl-topic:focus-visible{outline:3px solid #8bd5c7;outline-offset:2px}.dl-alt{margin-top:4px;width:100%}.dl-tip{font-size:12px;color:#a8c4c5;line-height:1.65}.dl-result{background:#25434a;border:1px solid #4c6a6e;border-radius:12px;padding:16px;margin-top:18px}.dl-result-head{color:#86d7c7;font-size:11px;font-weight:900;letter-spacing:.12em}.dl-result h3{color:#f1d49c;font-size:21px;line-height:1.2;margin:9px 0 7px;overflow-wrap:anywhere}.dl-result p{font-size:13px;color:#c5dedb;line-height:1.55}.dl-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dl-facts div{background:#19343d;border-radius:9px;padding:10px}.dl-facts span{display:block;font-size:11px;color:#9abbbd}.dl-facts b{display:block;font-size:13px;color:#f3e5c7;margin-top:5px}.dl-compare-result{margin-top:12px;border-top:1px solid #668083;padding-top:12px;font-size:12px;color:#cce6e2}.dl-compare-result strong{color:#ebc98d;display:block;margin-bottom:7px}.dl-compare-result span{display:block;color:#8ddaba;font-weight:750;margin-top:5px}.dl-caution{font-size:12px;color:#b6c7c8;line-height:1.65;margin-top:22px}@media(max-width:860px){.dl-layout{grid-template-columns:1fr}.dl-list{grid-template-columns:1fr}}@media(max-width:540px){#dl-root{padding:10px 12px 32px}.dl-hero,.dl-intro{padding:20px 16px}.dl-visual,.dl-side{padding:14px}.dl-hero{padding:29px 17px}.dl-topic{padding:14px;min-height:118px}.dl-topic-icon{width:49px;height:49px;font-size:29px}.dl-topic strong{font-size:17px}.dl-topic small{font-size:11px}.dl-head{font-size:10px}.dl-facts{grid-template-columns:1fr 1fr}.dl-visual-head span{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

.dl-live-label{grid-column:1/-1;background:#204348;color:#89dbc1;border:1px solid #4b857e;padding:13px;border-radius:9px;text-align:center;font-size:13px;font-weight:800}