/* MELT / FIELD STUDIO. Neutral surfaces, ice blue and a citrus action colour. */
:root {
  color-scheme:light;
  --bg:#f5f6f5; --surface:#ffffff; --surface-high:#edf0ee;
  --text:#222824; --muted:#626c67; --faint:#6c7671; --line:#22282422;
  --mint:#397e8b; --mint-dim:#6c9197; --amber:#817131; --page:1240px;
  --pearl:#dcf572;
  --prism:#3c8291;
  --glass:#fff;
  --shadow:0 8px 24px -18px #293d3540;
  --gutter:clamp(20px,4.2vw,60px);
}
body { background:var(--bg); color:var(--text); }
body *,body *:before,body *:after { letter-spacing:0!important; }
::selection { color:#20304c; background:#cadbff; }
button:focus-visible,a:focus-visible,input:focus-visible { outline:2px solid #6687cf; outline-offset:4px; }
.container { width:min(var(--page),calc(100% - var(--gutter)*2)); }
.visually-hidden { position:absolute!important; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.english { color:var(--faint); }
.section-space { margin-top:104px; }
.section-number { display:inline-flex; align-items:center; gap:9px; color:#59688a; font-size:10px; letter-spacing:.08em; }
.section-heading .section-number:before { content:''; width:8px; height:10px; border-radius:60% 60% 60% 0; transform:rotate(-35deg); background:var(--pearl); box-shadow:inset 0 0 0 1px #597cc23a; }
.section-heading { margin-bottom:30px; gap:36px; align-items:flex-end; }
.section-heading h2 { margin-top:12px; font-size:36px; font-weight:650; line-height:1.4; }
.section-heading h2 em { color:#557871; font-style:normal; font-weight:500; }
.section-heading>p { display:block; font-size:14px; line-height:1.9; color:var(--muted); }
.section-heading>p .english { font-size:9px; margin-top:7px; }
.text-link { color:#506a9e; font-size:12px; }

/* Floating navigation, fine iridescent edges and quiet optical shadows. */
.site-header { position:sticky; top:0; height:72px; width:100%; margin:0; padding:0 var(--gutter); border:0; border-bottom:1px solid var(--line); border-radius:0; background:#f5f6f5f2; backdrop-filter:blur(18px); box-shadow:none; gap:28px; }
.brand { gap:9px; }
.brand-icon { width:31px; height:34px; color:#397e8b; padding:3px; margin:0; }
.wordmark { font-size:25px; font-weight:750; color:var(--text); }
.brand-period { color:#397e8b; }
.brand-cn { color:#5d6a84; letter-spacing:.12em; font-size:10px; padding-left:12px; margin-left:4px; }
.desktop-nav { margin:0 auto; gap:10px; height:72px; }
.desktop-nav a { border:0; border-radius:0; padding:0 17px; font-size:13px; gap:7px; color:var(--muted); }
.desktop-nav a span { font-size:7px; color:#5f687f; }
.desktop-nav a:hover { color:#273752; background:#fff9; }
.desktop-nav a.active { color:var(--text); background:none; }
.desktop-nav a.active:after { bottom:0; left:14px; right:14px; height:3px; border-radius:0; background:#397e8b; }
.header-actions { gap:18px; }
.social-link { display:inline-flex; align-items:center; justify-content:center; gap:9px; color:#315d72; }
.social-link img { display:block; flex-shrink:0; }
.social-icon { width:40px; height:40px; flex:0 0 40px; border:1px solid #c5dce3; border-radius:6px; background:#ffffff80; transition:background .2s,border-color .2s,box-shadow .2s; }
.social-icon:hover { background:#ddf4f3; border-color:#65bfca; box-shadow:0 3px 12px #2f9ca51a; }
.social-handle { min-height:40px; font:12px var(--mono); }
.social-handle:hover { color:#16869d; }
.network { color:#5f697f; font-size:9px; }
.network-mark { color:#786744; }
.reading-progress { position:absolute; inset:auto 20px -1px; height:1px; overflow:hidden; border-radius:100%; }
.reading-progress i { display:block; height:100%; width:100%; transform:scaleX(0); transform-origin:left; background:var(--prism); }
.button,.hero-enter { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:46px; padding:12px 19px; border-radius:6px; font-size:13px; font-weight:600; border:1px solid #c9d1cd; transition:transform .22s,box-shadow .22s,background .22s; }
.button-primary,.button-wallet { color:#fff; border:1px solid #252e29; background:#252e29; box-shadow:none; }
.hero-enter { color:#24302a; border:1px solid #c9e45b; background:#dcf572; box-shadow:none; }
.button-primary:before,.button-wallet:before,.hero-enter:before { display:none; }
.button-primary:hover:not(:disabled),.button-wallet:hover { background:#3b4941; box-shadow:none; transform:translateY(-1px); }
.hero-enter:hover { background:#d0ed59; box-shadow:none; transform:translateY(-1px); }
.button-subtle,.button-outline { background:#ffffffb3; color:#435574; border-color:#96a8c445; box-shadow:inset 0 1px #fff,0 4px 10px -7px #3e557455; }
.button-subtle:hover:not(:disabled),.button-outline:hover:not(:disabled) { background:#fff; border-color:#8b9dc8; transform:translateY(-2px); }
.button-wallet { font-size:12px; min-height:40px; padding:8px 14px; border-radius:6px; }
.button-wallet:before { border-radius:8px; }
.button-wallet svg { width:16px; height:16px; color:#d9e7ff; }
.button:disabled { background:#e9edf5; border-color:#d5dce9; color:#606a81; box-shadow:none; }
.button:disabled:before { display:none; }
.button-wide { justify-content:space-between; padding:14px 20px; }
.action-arrow { font-size:21px; font-weight:400; line-height:1; }
.button:active:not(:disabled),.hero-enter:active { transform:translateY(1px); }
.risk-strip { margin:0 auto; min-height:44px; padding:8px 0; gap:11px; color:#657068; font-size:10px; }
.risk-strip strong { color:#786750; font-size:9px; }
.risk-strip #riskText { color:#5f6a82; }
.risk-strip .risk-icon { color:#786750; border-color:#b4a17d70; }
.risk-en { color:#5f6a7f; font-size:7px; }
.risk-strip>a { color:#5c6882; }
.risk-strip[data-level="danger"],.risk-strip[data-level="danger"] strong { color:#a64758; }

/* A bright studio for the real, selectable 36-piece ice sculpture. */
.glacier-hero { position:relative; isolation:isolate; overflow:hidden; height:calc(100svh - 232px); min-height:550px; max-height:850px; background:#eef2ef; border-block:1px solid #dce3de; }
.glacier-backdrop { position:absolute; inset:0; z-index:-4; background:#eef2ef; pointer-events:none; }
.glacier-vignette { position:absolute; inset:0; z-index:-3; pointer-events:none; background-image:linear-gradient(#73847a0b 1px,transparent 1px),linear-gradient(90deg,#73847a0b 1px,transparent 1px); background-size:64px 64px; }
.hero-topline { position:absolute; top:26px; left:var(--gutter); right:var(--gutter); display:flex; justify-content:space-between; color:#637169; font:9px var(--mono); }
.hero-heading { position:relative; padding-top:28px; text-align:center; pointer-events:none; z-index:2; }
.hero-eyebrow { display:flex; align-items:center; justify-content:center; gap:8px; color:#626e66; font-size:11px; }
.hero-eyebrow i { width:7px; height:9px; border-radius:60% 60% 60% 0; transform:rotate(-35deg); background:var(--pearl); border:1px solid #869acf55; }
.hero-heading h1 { display:flex; flex-direction:column; align-items:center; margin-top:6px; }
.hero-logo { display:inline-block; position:relative; padding-right:0; font:750 100px/1.05 Sora,sans-serif; }
.logo-face { display:block; color:#283a33; background:none; filter:none; }
.logo-shine { position:absolute; inset:0; padding-right:.05em; pointer-events:none; color:transparent; background:linear-gradient(115deg,transparent 38%,#92eafa50 43%,#f5fdffe8 48%,#fff 50%,#a4c4ff9c 52%,#c2aaf445 57%,transparent 63%); background-size:260% 100%; background-position:150% 0; background-clip:text; -webkit-background-clip:text; animation:prism-sweep 7.6s cubic-bezier(.4,0,.2,1) infinite; }
.hero-logo>.logo-mark { position:absolute; right:-.85em; top:.38em; color:#5a6a8a; font:400 13px var(--mono); letter-spacing:0; }
.hero-title-cn { color:#303c35; font-size:20px; line-height:1.4; font-weight:600; margin-top:5px; }
.hero-title-cn em { color:#537b71; font-weight:400; font-style:normal; position:relative; }
.hero-title-cn em:after { display:none; }
.fx-letter { display:inline-block; transform-origin:50% 90%; }
.hero-title-cn .fx-letter { animation:letter-crystallize .75s cubic-bezier(.16,1,.3,1) both; animation-delay:calc(.14s + var(--letter)*.035s); }
.reveal-arrive .fx-title .fx-letter { animation:letter-crystallize .8s cubic-bezier(.16,1,.3,1) both; animation-delay:calc(.09s + var(--letter)*.032s); }
.section-heading h2 em .fx-letter,.mural-story h3 em .fx-letter,.protocol-title h2 em .fx-letter { color:#537b71; background:none; -webkit-text-fill-color:currentColor; }
.button-primary,.hero-enter { overflow:hidden; }
.button-primary:after,.hero-enter:after { content:''; position:absolute; inset:-40% -50%; background:linear-gradient(115deg,transparent 40%,#b5e6ff29 48%,#fff5 50%,#b5caff1a 53%,transparent 60%); transform:translateX(-75%); opacity:0; pointer-events:none; }
.button-primary:hover:not(:disabled):after,.hero-enter:hover:after { animation:control-glint .75s ease-out; }
.button-primary .action-arrow { transition:transform .25s; }
.button-primary:hover:not(:disabled) .action-arrow { transform:translate(2px,-2px); }
.hero-word { display:none; }
.hero-word i { position:absolute; inset:0; border:1px solid #8299bb15; border-radius:50%; }
.hero-word i:nth-child(2) { inset:8%; border-style:dashed; border-color:#849db31c; }
.hero-word i:nth-child(3) { inset:18%; }
.icefield-section { position:absolute; inset:194px 0 100px; margin:0; scroll-margin-top:100px; }
.field-frame { height:100%; margin:0; background:none; isolation:auto; }
.scene-wrap { margin:0; width:100%; height:100%; overflow:visible; mask-image:none; }
#iceCanvas { width:100%; height:100%; }
.field-topline { top:0; left:var(--gutter); right:var(--gutter); }
.field-topline>.mono { font-size:9px; color:#5c6a84; }
.status-dot { background:#a1b3d0; box-shadow:0 0 0 3px #fff8; }
.view-switch { background:#e4eae5; border:1px solid #cfd9d1; border-radius:6px; padding:3px; gap:3px; box-shadow:none; }
.view-switch button { display:flex; align-items:center; gap:6px; border-radius:8px; padding:8px 11px; min-height:34px; font-size:10px; color:#5c6984; }
.view-switch button svg { width:15px; height:15px; }
.view-switch button span { font-size:7px; padding-left:0; }
.view-switch button[aria-pressed="true"] { background:#fff; color:#294c40; box-shadow:0 1px 3px #283b3020; }
.view-switch button:hover { color:#2d466e; }
.field-coordinate { display:none; }
.field-selection { position:absolute; left:50%; bottom:-5px; z-index:4; transform:translateX(-50%); display:flex; align-items:center; gap:12px; background:#fffffff2; border:1px solid #c7d4ca; padding:10px 17px; color:#51655b; border-radius:6px; font-size:11px; white-space:nowrap; box-shadow:0 3px 10px #20382b0a; }
.field-selection strong { font:500 13px var(--mono); color:#4b66a4; margin-left:4px; }
.field-selection>span:last-child { padding-left:12px; border-left:1px solid #92a6c530; color:#546a91; }
.field-selection:hover { border-color:#9aaee0; }
.selection-diamond { width:8px; height:10px; border-radius:60% 60% 60% 0; transform:rotate(-35deg); background:var(--pearl); border:1px solid #839ecc55; }
.field-bottomline { left:var(--gutter); right:var(--gutter); bottom:7px; justify-content:flex-end; }
.field-bottomline>span:first-child { display:none; }
.scene-caption { color:#5f6a81; font-size:8px; }
.tile-hover { position:absolute; top:0; left:0; z-index:5; pointer-events:none; padding:8px 12px; border-radius:10px; background:#fffef9ee; border:1px solid #a5b5d56b; color:#465d89; font:11px/1.6 var(--mono),var(--font); box-shadow:var(--shadow); white-space:nowrap; }
.hero-side-note { position:absolute; top:44%; padding:18px 0; width:150px; border:0; border-top:1px solid #b6c7bc; border-radius:0; background:none; box-shadow:none; pointer-events:none; }
.hero-side-note-left { left:var(--gutter); }
.hero-side-note-right { right:var(--gutter); }
.hero-side-note>span { font:8px var(--mono); letter-spacing:.09em; color:#5e6a81; }
.hero-side-note b { display:block; font:500 44px/1.4 Sora,sans-serif; color:#344c3f; }
.hero-side-note b span { font:11px var(--font); letter-spacing:0; margin-left:8px; color:#5d6a82; }
.hero-side-note p { color:#5c6982; font-size:11px; line-height:1.9; }
.hero-bottom-content { position:absolute; bottom:29px; left:var(--gutter); right:var(--gutter); z-index:5; display:flex; align-items:center; justify-content:space-between; gap:34px; pointer-events:none; }
.hero-manifesto { max-width:570px; }
.hero-rule { font-size:13px; color:#53665a; line-height:1.9; }
.hero-english { font-size:8px; color:#5e6980; margin-top:7px; line-height:1.7; }
.hero-enter { pointer-events:auto; min-width:230px; min-height:56px; justify-content:space-between; gap:25px; padding:12px 18px; }
.hero-enter>span { font-size:14px; }
.hero-enter small { display:block; margin-top:5px; font:8px var(--mono); color:#4a612d; }
.hero-enter b { display:grid; place-items:center; width:30px; height:30px; border-radius:0; background:none; font:25px/1 var(--mono); font-weight:300; color:#2f4325; }
.hero-bottom { position:absolute; left:var(--gutter); right:var(--gutter); bottom:4px; display:flex; justify-content:space-between; align-items:center; gap:12px; color:#65756b; font:8px var(--mono),var(--font); }
.hero-bottom>span:nth-child(2) { color:#5c6a84; font-size:9px; }
.motion-toggle { display:flex; align-items:center; gap:7px; padding:5px 8px; background:transparent; border:0; color:#5a6985; font-size:9px; }
.motion-bars { display:flex; align-items:center; gap:2px; height:12px; }
.motion-bars i { display:block; width:2px; height:7px; background:#95a9cd; animation:light-bars 1.4s ease-in-out infinite alternate; }
.motion-bars i:nth-child(2) { height:11px; animation-delay:-.7s; }
.motion-bars i:nth-child(3) { height:5px; animation-delay:-.3s; }
.motion-toggle[aria-pressed="false"] .motion-bars i { animation:none; height:3px; }
.scene-fallback { background:radial-gradient(ellipse,#dfeaf999,transparent 65%); }
.scene-fallback p { color:#5a6a86; }
.fallback-mark { color:#849ec04d; }
.status-band { margin-top:0; }
.field-stats { padding:0; border:0; border-bottom:1px solid var(--line); border-radius:0; background:none; box-shadow:none; overflow:hidden; }
.stat,.stat:first-child,.stat:last-child { padding:22px 26px; border:0; }
.stat+.stat { border-left:1px solid #9aabc627; }
.stat-label { font-size:12px; color:#5a6885; }
.stat-label>span { font-size:7px; color:#5f6a81; margin-top:4px; }
.stat-value { color:#586b8a; font-size:22px; font-weight:600; letter-spacing:0; margin:15px 0 8px; }
.stat-foot { font-size:10px; color:#5e6a81; }
.stat-link { background:#edf1e7; }
.stat-link-title { font-size:21px; color:#4b648e; font-weight:600; }
.manifesto-band { margin-top:36px; padding:14px 0; border-block:1px solid #cbd3cb; overflow:hidden; background:#e5edda; color:#576a4b; }
.manifesto-band>div { display:flex; align-items:center; gap:40px; width:max-content; animation:manifesto-drift 40s linear infinite; }
.manifesto-band span { font:500 12px/1 Sora,sans-serif; letter-spacing:.12em; white-space:nowrap; }
.manifesto-band i { font-size:20px; color:#526b81; font-style:normal; }

/* Coordinate selector: two matching glass surfaces, one clear action. */
.playground { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 40px; border:0; border-radius:0; background:none; overflow:visible; }
.playground>div,.playground>aside { padding:24px 0; }
.tile-panel,.tile-detail,.account-panel { border:0; border-top:1px solid #becac2; border-radius:0; background:none; box-shadow:none; position:relative; }
.tile-panel:before,.tile-detail:before { display:none; }
.panel-top { padding-bottom:17px; border-bottom:1px solid #aab8cf2b; }
.panel-top h3 { font-size:18px; color:#33445f; font-weight:600; }
.panel-top h3 .english { display:block; font-size:8px; color:#5c6a81; margin-top:5px; margin-left:0; }
.index-state { font-size:10px; color:#5c697f; padding:5px 8px; border-radius:8px; background:#edf2f89c; }
.index-state i { background:#9aacc9; }
.tile-axis { color:#5a6984; margin:19px 0 10px; font-size:10px; gap:11px; }
.tile-index { gap:11px; }
.tile-cell { aspect-ratio:1.25; font-size:13px; color:#5c7169; border-radius:4px; border:1px solid #c8d7d5; background:#edf3f2; box-shadow:inset 0 -3px #dfe9e7; transition:transform .2s,background .2s,border-color .2s,box-shadow .2s; }
.tile-cell:before { content:''; position:absolute; inset:5px; border:1px solid #fff9; border-radius:1px; pointer-events:none; background:none; }
.tile-cell:after { border-radius:0 0 8px 8px; opacity:.25; }
.tile-cell:hover { color:#4c67a6; border-color:#8caddf; background:linear-gradient(145deg,#fff,#e1ecff); transform:translateY(-3px); box-shadow:0 7px 14px -8px #6787be88; }
.tile-cell[aria-selected="true"] { background:#dbef92; border-color:#718b35; color:#33472b; font-weight:600; box-shadow:inset 0 -3px #bdd568; }
.tile-cell[aria-selected="true"]:before { border-color:#fff; }
.tile-cell[data-mine="true"] { border-color:#92a0d8; background:linear-gradient(135deg,#f3f1ff,#e7edf9); }
.index-footer { color:#5c6a82; margin-top:21px; font-size:10px; gap:15px; }
.legend-empty { border-color:#93a8c1; }
.legend-mine { background:#929bd7; }
.legend-selected { background:#bdd568; }
.index-footer i { border-radius:2px; width:6px; height:6px; }
.tile-detail { display:flex; flex-direction:column; background:none; }
.detail-overline { display:flex; align-items:center; justify-content:space-between; color:#5c697f; font:8px var(--mono); letter-spacing:.12em; padding-bottom:19px; margin-bottom:22px; border-bottom:1px solid #aab8cf2b; }
.detail-overline>span:last-child { font-size:22px; color:#5c6a86; }
.detail-heading .section-number { font-size:9px; letter-spacing:.04em; color:#5c6a83; }
.detail-heading h3 { font:500 56px/1.2 Sora,sans-serif; margin-top:7px; gap:17px; color:#365a4b; }
.tile-state { font:10px var(--font); background:#e9eff96b; border:1px solid #9aacca38; border-radius:7px; padding:5px 8px; color:#5c6a84; letter-spacing:0; }
.tile-glyph { width:94px; height:110px; margin:0; filter:drop-shadow(0 9px 7px #7086b221); }
.tile-values { margin:23px 0 22px; }
.tile-values>div { padding:14px 0; border-color:#aab8cf2b; }
.tile-values dt { font-size:13px; color:#5a6984; }
.tile-values dt span { font-size:7px; color:#5f6a80; }
.tile-values dd { font-size:15px; color:#5c6a84; }
.melt-track { background:#e4eaf5; margin:0 0 19px; border-radius:3px; height:3px; }
.melt-track i { background:var(--pearl); border-radius:3px; }
.tile-detail .melt-track { margin-top:auto; }
.tile-detail .button { min-height:51px; }
.microcopy { font-size:12px; color:#5e6a81; line-height:1.85; }
.microcopy>.english { color:#606a80; font-size:8px; }
.account-panel { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.8fr) minmax(0,1.15fr); gap:30px; align-items:center; background:none; border-bottom:1px solid #becac2; }
.account-intro .section-number { font-size:8px; color:#5c6a81; }
.account-intro h3 { font-size:20px; font-weight:600; margin:9px 0; letter-spacing:-.035em; color:#4d6384; }
.account-copy { font-size:13px; margin:0; color:#5c6a81; }
.account-balance { padding-left:27px; border-left:1px solid #9bb0c62b; }
.resource-label { margin:0; color:#5a6984; font-size:11px; }
.resource-label .english { font-size:7px; }
.resource-value { margin-top:7px; font-size:26px; font-weight:550; color:#566a8c; letter-spacing:0; }
.resource-unit { font-size:8px; color:#5c6a81; }
.account-bottom { border:0; margin:9px 0 0; padding:0; justify-content:flex-start; gap:17px; }
.account-bottom>span { color:#5c6a81; }
.account-bottom strong { font-size:11px; color:#5a6885; }
.account-actions { margin:0; gap:10px; }
.account-actions .button { font-size:12px; padding:10px 13px; min-height:45px; }
.disabled-reason { color:#71657b; font-size:10px; margin-top:10px; }
.account-management>.microcopy { font-size:10px; margin-top:7px; }

/* The daily archive is a framed print on the same pearl surface. */
.mural-section { padding:60px 0 36px; background:#e9efec; border-block:1px solid #d5dfd7; }
.mural-section:before { display:none; }
.mural-section .section-heading { align-items:flex-end; margin-bottom:38px; }
.seal-clock { text-align:right; padding:0 0 0 20px; border:0; border-left:1px solid #b9cbbf; background:none; border-radius:0; box-shadow:none; }
.seal-clock>span:first-child { font-size:10px; color:#5c6a81; }
.seal-clock>strong { display:flex; justify-content:flex-end; align-items:center; gap:16px; font:500 34px/1.3 Sora,sans-serif; letter-spacing:-.06em; color:#556a8e; }
.seal-clock>strong>span { font-size:22px; font-weight:300; color:#5a6a84; }
.seal-clock>.english { font-size:7px; color:#5d697f; }
.mural-feature { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:65px; padding:0; }
.archive-stage { position:relative; padding:24px 0; border:0; border-block:1px solid #c5d2c9; border-radius:0; background:none; box-shadow:none; overflow:hidden; }
.archive-stage-label,.archive-stage-foot { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:15px; color:#5c6a83; }
.archive-stage-label { font:8px var(--mono); letter-spacing:.04em; }
.archive-stage-foot { border-top:1px solid #91a7c72b; padding-top:18px; font-size:11px; }
.archive-stage-foot>span:last-child { font-size:24px; line-height:1; }
.archive-orbit { display:none; }
.archive-orbit:after { content:''; position:absolute; inset:10%; border:1px dashed #9eafcd26; border-radius:50%; }
.mural-art { background:none; perspective:1400px; padding:36px 32px 42px; max-width:550px; margin:auto; }
.mural-border { padding:21px; background:#fdfefb; border:1px solid #ced9cd; border-radius:4px; box-shadow:2px 3px #d0d9cf,4px 6px #e1e8df,12px 20px 35px -18px #38524455; transform:rotate(-4deg); }
.mural-art:hover .mural-border { transform:rotate(-2deg) rotateY(-2deg); }
.archive-frame-label { display:flex; justify-content:space-between; align-items:center; color:#596a8a; padding-bottom:16px; }
.archive-frame-label>span:first-child { font:700 20px Sora,sans-serif; letter-spacing:-.07em; }
.archive-frame-label>span:last-child { font:7px var(--mono); }
.mural-grid { background:#b9cbe538; padding:7px; border:1px solid #bccce562; border-radius:7px; gap:5px; }
.mural-grid>i { border-radius:4px; }
.mural-grid[data-empty="true"]>i { background:linear-gradient(140deg,#fff9,#d2e3f4); border:1px solid #eaf3ffe0; box-shadow:inset 0 1px #fff9; }
.mural-grid[data-empty="true"]>i:nth-child(3n+2) { background:linear-gradient(140deg,#eef6ff,#d5dcf4); }
.mural-grid[data-empty="true"]:after { color:#58698a; background:#ffffffd9; border:1px solid #fff; border-radius:10px; padding:15px 5px; font-size:12px; letter-spacing:0; }
.mural-art-caption { font-size:8px; color:#5c6981; padding-top:17px; }
.mural-edition { color:#5c6981; font-size:9px; letter-spacing:.08em; }
.mural-story h3 { font-size:36px; font-weight:650; line-height:1.4; letter-spacing:-.045em; color:#33445f; margin:17px 0 20px; }
.mural-story h3 em { color:#5c6a87; font-weight:400; }
.mural-story>p:not(.english):not(.disabled-reason) { color:#5a6984; font-size:15px; line-height:1.95; max-width:415px; margin:0; }
.mural-story>.english { font-size:9px; margin-top:10px; color:#5c687f; }
.archive-notes { margin:24px 0 0; }
.archive-notes>div { padding:12px 0; border-top:1px solid #93a5c02b; }
.archive-notes dt { font-size:13px; font-weight:500; color:#586a87; }
.archive-notes dt span { font:9px var(--mono); color:#5c6a83; margin-right:10px; }
.archive-notes dd { margin:5px 0 0 24px; font-size:12px; color:#5c6881; }
.mural-controls { max-width:none; border-color:#93a5c02b; margin-top:15px; padding-top:17px; }
.mural-controls>span { color:#5b6b87; font-size:11px; }
.icon-button { border-color:#c5d3c9; background:#ffffff99; color:#586c60; border-radius:5px; width:38px; height:38px; box-shadow:none; }
.icon-button:disabled { opacity:.5; }
.mural-story>.disabled-reason { font-size:10px; color:#5c687f; }
.archive-colophon { display:flex; justify-content:space-between; gap:20px; align-items:center; border-top:1px solid #93a5c026; margin-top:36px; padding-top:22px; font-size:11px; color:#5d6a82; }
.archive-colophon .english { font-size:8px; color:#5e6a7f; }

/* A physical image and drawn mechanics, with typography at reading scale. */
.rules-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1fr); gap:56px; align-items:start; }
.melting-study { margin:0; position:sticky; top:94px; height:730px; overflow:hidden; border:0; border-radius:4px; background:#111c28; box-shadow:none; }
.melting-study>img { width:100%; height:100%; display:block; object-fit:cover; object-position:50% 30%; }
.melting-study:after { content:''; position:absolute; inset:0; background:linear-gradient(transparent 45%,#0c172759 65%,#0d192bf5 100%); }
.study-topline { position:absolute; top:23px; left:24px; right:24px; z-index:1; display:flex; align-items:center; justify-content:space-between; color:#c0d1e2; font:8px var(--mono); letter-spacing:.08em; }
.study-topline>span:last-child { font-size:27px; }
.study-measure { display:none; }
.melting-study figcaption { position:absolute; bottom:65px; left:29px; right:24px; z-index:1; }
.study-eyebrow { font:8px var(--mono); color:#95aecb; letter-spacing:.1em; }
.melting-study h3 { font-size:34px; font-weight:500; line-height:1.45; letter-spacing:-.04em; margin:14px 0; color:#edf4fc; }
.melting-study figcaption p { font-size:12px; line-height:1.9; color:#a7b9d0; }
.study-footer { position:absolute; bottom:21px; left:24px; right:24px; z-index:1; display:flex; justify-content:space-between; border-top:1px solid #b3c8e229; padding-top:14px; font:7px var(--mono); color:#92a8c0; }
.how-grid { display:block; }
.how-step { border:0; border-top:1px solid #a2b4cf45; padding:24px 0 27px; }
.how-step:first-child { padding-top:0; border-top:0; }
.rule-heading { display:flex; align-items:center; gap:17px; }
.rule-number { display:grid; place-items:center; width:48px; min-width:48px; height:52px; border:1px solid #c6d3b5; border-radius:4px; background:#e8efd9; box-shadow:none; color:#506444; font:500 23px/1 Sora,sans-serif; }
.rule-heading .english { font-size:8px; color:#5c6a81; letter-spacing:.08em; }
.how-step h3 { margin:4px 0 0; font-size:22px; color:#33445f; letter-spacing:-.035em; font-weight:650; }
.how-step>p { font-size:14px; line-height:1.95; color:#5b6981; margin-top:17px; min-height:0; }
.stake-illustration,.price-illustration,.cycle-illustration { margin-top:18px; background:#edf1ee; border:1px solid #d7dfd9; border-radius:6px; box-shadow:none; }
.stake-illustration { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:20px 25px; }
.diagram-node { display:flex; flex-direction:column; align-items:center; gap:9px; }
.diagram-node svg { width:58px; height:50px; }
.diagram-node>span { color:#5a6984; font-size:11px; white-space:nowrap; }
.diagram-arrow { display:flex; flex-direction:column; align-items:center; gap:6px; color:#5b6881; font-size:21px; line-height:1; }
.diagram-arrow small { font-size:9px; }
.price-illustration { padding:19px 24px 16px; }
.price-legend,.price-axis { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:10px; color:#5c6a84; }
.price-legend>span { display:flex; gap:7px; align-items:center; }
.price-legend i { display:block; width:15px; height:2px; background:#6a8fd8; }
.price-legend>span:last-child i { background:repeating-linear-gradient(90deg,#aaa1c5 0 4px,transparent 4px 7px); }
.price-illustration svg { width:100%; height:auto; margin-top:15px; }
.price-axis { font-size:9px; margin-top:6px; }
.cycle-illustration { padding:20px 24px; }
.cycle-flow { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#596b8a; font-size:11px; }
.cycle-flow b { font-size:20px; font-weight:400; color:#5f6a82; }
.pool-node { display:flex; flex-direction:column; align-items:center; gap:8px; }
.pool-node svg { width:42px; height:29px; color:#586a8c; }
.cycle-return { display:flex; align-items:center; gap:13px; color:#5c6a81; font-size:9px; margin-top:17px; }
.cycle-return i { flex:1; height:8px; border-bottom:1px solid #b4c5df6b; }
.cycle-return i:first-child { border-left:1px solid #b4c5df6b; }
.cycle-return i:last-child { border-right:1px solid #b4c5df6b; }
.rule-note { display:flex; align-items:baseline; gap:9px; margin-top:13px; }
.rule-note>span { white-space:nowrap; padding:2px 7px; border-radius:6px; background:#e7edf7; color:#5b6a86; font-size:9px; }
.rule-note>p { color:#5c6980; font-size:10px; line-height:1.8; }
.rules-bottom { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:27px; padding:24px 0; border:0; border-block:1px solid #c6d3c9; background:none; border-radius:0; }
.rules-bottom>p { color:#586b8b; font-size:14px; }
.rules-bottom .english { display:block; font-size:8px; margin-top:6px; color:#5d6a81; }
.rules-bottom .button { min-width:243px; justify-content:space-between; }
.protocol { grid-template-columns:minmax(0,.85fr) minmax(0,1fr); gap:56px; border:0; padding:0; }
.protocol-title,.protocol-copy { padding-top:25px; border-top:1px solid #9bacc840; }
.protocol-title h2 { font-size:39px; font-weight:600; line-height:1.4; color:#56698b; letter-spacing:-.04em; margin:20px 0; }
.protocol-title h2 em { color:#5c6a84; font-weight:400; }
.protocol-title>.english { color:#5c6a82; font-size:9px; }
.protocol-copy>p { font-size:14px; line-height:2; color:#5a6a84; margin:12px 0; }
.protocol-copy>.protocol-lead { font-size:20px; font-weight:500; color:#556a8e; margin-top:0; }
.protocol-copy>.english { font-size:9px; color:#5c6b84; }
.research-notes { margin-top:24px; }
.research-label { display:block; color:#5c6a81; font:8px var(--mono),var(--font); margin-bottom:10px; }
.research-notes>div { display:flex; gap:17px; align-items:center; padding:12px 0; border-top:1px solid #9cacc629; }
.research-notes>div>span { font:9px var(--mono); color:#5b6881; }
.research-notes strong { display:block; font:500 14px Sora,sans-serif; color:#566a8a; }
.research-notes small { display:block; font-size:10px; color:#5c6981; margin-top:5px; }
.protocol-copy>.protocol-footnote { font-size:10px; color:#5c6a81; }

/* Field notes and Fang, composed as one illustration family. */
.observatory-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; border:0; }
.record-panel,.record-panel+.record-panel { border:1px solid #d7dfd9; border-radius:6px; padding:25px; background:var(--glass); min-height:425px; box-shadow:none; }
.record-topline { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.record-topline>.english { color:#5d6a81; font-size:8px; }
.record-topline>span:last-child { color:#5a6a85; font-size:23px; }
.record-graphic { height:105px; margin:26px 0; position:relative; }
.footprint-graphic { display:grid; grid-template-columns:repeat(3,27px); grid-template-rows:repeat(3,27px); gap:6px; align-content:center; width:max-content; transform:rotate(-8deg); padding-left:9px; }
.footprint-graphic i { border-radius:5px; border:1px solid #aec9e48c; background:linear-gradient(130deg,#f7fbff,#d2e5f4); box-shadow:inset 0 1px #fff,1px 3px #b4c9df45; }
.footprint-graphic i:nth-child(3n+2) { background:linear-gradient(130deg,#d0e8f8,#b5c5ec); border-color:#9eb3db; }
.forecast-graphic { width:108px; display:grid; place-items:center; }
.forecast-graphic i { position:absolute; width:100px; height:100px; border:1px solid #b6c8e2; border-radius:50%; }
.forecast-graphic i:nth-child(2) { width:76px; height:76px; border-style:dashed; }
.forecast-graphic:before,.forecast-graphic:after { content:''; position:absolute; top:50%; left:0; right:0; height:1px; background:#b2c5e033; }
.forecast-graphic:after { transform:rotate(90deg); }
.forecast-graphic span { font:400 45px Sora,sans-serif; color:#5c6a87; }
.record-panel h3 { font-size:17px; font-weight:600; color:#405372; line-height:1.5; }
.record-empty { font-size:23px; color:#5a6a85; margin:19px 0 13px; }
.record-panel p { font-size:13px; color:#5c697f; line-height:1.9; }
.record-bottomline { display:block; border-top:1px solid #a5b5ce2b; margin-top:26px; padding-top:17px; font-size:8px; color:#5f6a81; }
.record-panel.fang-panel { display:block; padding:0; overflow:hidden; background:#edf3fa; grid-column:auto; border:1px solid #fff; }
.fang-label { position:absolute; z-index:1; top:19px; left:24px; right:24px; display:flex; justify-content:space-between; font:7px var(--mono); color:#5c6981; letter-spacing:.05em; }
.fang-portrait { display:block; width:100%; height:245px; object-fit:cover; object-position:center 42%; mix-blend-mode:multiply; }
.fang-panel .fang-copy { margin:0; padding:8px 25px 26px; text-align:left; }
.fang-copy .section-number { font-size:8px; }
.fang-copy h3 { font-size:17px; margin:10px 0; color:#566a88; }
.fang-copy p { font-size:11px; color:#5c6a82; }
.fang-copy>.english { display:block; margin-top:13px; font-size:7px; color:#5d6a81; }
.site-footer { margin-top:90px; padding-top:28px; border-top:1px solid #9eaec833; }
.footer-top { border-bottom:1px solid #9eaec833; padding-bottom:26px; }
.footer-motto { color:#5c6a81; }
.disclosure { padding-block:28px; border-top:0; border-bottom-color:#9eaec833; }
.disclosure>div { min-width:0; }
.disclosure h3 { color:#5c6a83; font-size:12px; }
.disclosure p { color:#5c6a81; font-size:11px; }
.disclosure .disclaimer-copy { margin:0; font:500 13px/1.6 var(--mono); letter-spacing:.16em; color:#5c6a81; }
.disclosure p.english,.disclosure .english { color:#5c697f; font-size:9px; }
.disclosure .risk-icon { color:#716762; border-color:#c0aa8980; }
.footer-signoff { position:relative; font:750 180px/1.15 Sora,sans-serif; color:#34493b; border-bottom:1px solid #a5b4cd2b; overflow:hidden; }
.footer-signoff>span { position:absolute; right:1px; top:30%; font:400 13px var(--mono); color:#5c6981; border:1px solid #b1c4df66; border-radius:50%; width:42px; height:42px; display:grid; place-items:center; }
.footer-bottom { display:flex; flex-wrap:wrap; align-items:center; border:0; color:#5c697f; padding-top:20px; }
.footer-bottom>.english { color:#5e6a81; }

/* Matching dialogs and fields, including all disabled reasons. */
.modal { background:#f9fbf8; color:#415749; border:1px solid #cbd8cd; border-radius:8px; box-shadow:0 24px 80px #20392b33; padding:36px; }
.modal::backdrop { background:#5d759450; backdrop-filter:blur(10px) saturate(.8); }
.modal>.section-number { font-size:9px; color:#5a6a84; }
.modal h2 { font-weight:650; font-size:31px; color:#4a6288; margin-top:13px; }
.modal-description { color:#5c6a82; font-size:12px; line-height:1.9; }
.modal-close { color:#556b5c; width:32px; height:32px; border:1px solid #c7d4ca; background:#fff9; border-radius:5px; line-height:1; }
.modal-values { background:none; border:0; border-radius:0; padding:0; }
.modal-values>div { border-color:#b5c2d832; }
.modal-values dt { color:#5c6a84; }
.modal-values dd { color:#586a89; }
.input-label { color:#5a6a87; font-size:12px; }
.input-label>button { color:#566a8d; background:#eaf0fa; border-radius:6px; padding:3px 7px; }
.amount-input { color:#405b49; background:#fff9; border:1px solid #c6d3ca; border-radius:6px; padding:13px 15px; box-shadow:none; font-size:21px; }
.amount-input::placeholder { color:#5f6a81; font-size:15px; }
.amount-input:focus { border-color:#86a2d2; }
.stake-tabs { border:1px solid #c6d3ca; background:#e9efe9; padding:4px; border-radius:6px; }
.stake-tabs>button { color:#5b6881; border-radius:8px; }
.stake-tabs>button[aria-pressed="true"] { color:#526a93; background:#fff; box-shadow:0 3px 7px -5px #61789999; }
.toast { color:#516a92; background:#ffffffed; border-color:#b4c7e3; border-radius:13px; box-shadow:var(--shadow); }
.transaction-link { color:#4f6896; }
.mobile-nav { display:none; }
.stat-value,.stat-link-title,.panel-top h3,.account-intro h3,.resource-value,
.mural-story h3,.how-step h3,.record-panel h3,.protocol-title h2,
.protocol-copy>.protocol-lead,.research-notes strong,.seal-clock>strong { color:#354d40; }
.stat-label,.stat-foot,.tile-values dt,.tile-values dd,.microcopy,.account-copy,
.resource-label,.resource-unit,.index-footer,.tile-state,.detail-overline,
.section-number,.mural-story>p:not(.english):not(.disabled-reason),
.archive-notes dt,.archive-notes dd,.how-step>p,.protocol-copy>p,.record-panel p { color:#5c6c62; }
.index-state,.tile-state { background:#e7eee8; border-color:#ccd8cd; }
.button-subtle,.button-outline { color:#385441; background:#fff; border-color:#c6d2c8; box-shadow:none; }
.button:disabled { color:#68776e; background:#e7ece7; border-color:#d1dbd2; }
.reveal-arrive { animation:section-arrive .6s ease-out both; }
.modal[open] { animation:dialog-arrive .2s ease-out; }
html[data-motion="paused"] *,html[data-motion="paused"] *:before,html[data-motion="paused"] *:after { animation-play-state:paused!important; }
.glacier-hero[data-offscreen="true"] *,.glacier-hero[data-offscreen="true"] *:after { animation-play-state:paused!important; }
html[data-page-hidden="true"] *,html[data-page-hidden="true"] *:before,html[data-page-hidden="true"] *:after { animation-play-state:paused!important; }
html[data-motion="paused"] .fx-letter { opacity:1!important; transform:none!important; filter:none!important; }
html[data-motion="paused"] .logo-shine { opacity:0; }
html[data-motion="paused"] .hero-title-cn em:after { transform:none; }
@keyframes prism-sweep { 0%,8% { background-position:150% 0; opacity:0; } 12% { opacity:.9; } 36% { background-position:-70% 0; opacity:.9; } 41%,100% { background-position:-70% 0; opacity:0; } }
@keyframes letter-crystallize { from { opacity:0; transform:translateY(.48em) rotateX(-55deg); filter:blur(5px); } to { opacity:1; transform:none; filter:blur(0); } }
@keyframes ice-underline { from { transform:scaleX(0); opacity:0; } to { transform:scaleX(1); opacity:1; } }
@keyframes control-glint { 0% { transform:translateX(-75%); opacity:0; } 25% { opacity:1; } 100% { transform:translateX(75%); opacity:0; } }
@keyframes light-bars { to { transform:scaleY(.35); opacity:.5; } }
@keyframes manifesto-drift { to { transform:translateX(-50%); } }
@keyframes section-arrive { from { transform:translateY(16px); opacity:.4; } to { transform:none; opacity:1; } }
@keyframes dialog-arrive { from { transform:translateY(10px); opacity:0; } to { transform:none; opacity:1; } }

@media(max-width:1200px) {
  .brand-cn,.desktop-nav a span { display:none; }
  .desktop-nav a { padding-inline:12px; }
  .hero-side-note { width:145px; padding:15px 17px; }
  .hero-side-note b { font-size:38px; }
  .hero-side-note p { font-size:10px; }
  .hero-manifesto { max-width:510px; }
  .hero-rule { font-size:12px; }
  .stat,.stat:first-child,.stat:last-child { padding:22px 20px; }
  .stat-value { font-size:20px; }
  .stat-foot { font-size:9px; }
  .stat-link-title { font-size:19px; }
  .playground>div,.playground>aside { padding:24px 0; }
  .account-panel { gap:22px; }
  .account-intro h3 { font-size:18px; }
  .account-balance { padding-left:21px; }
  .account-actions .button { font-size:11px; padding-inline:10px; }
  .mural-feature { gap:45px; }
  .rules-layout,.protocol { gap:40px; }
  .melting-study { height:680px; }
  .melting-study h3 { font-size:30px; }
  .record-panel,.record-panel+.record-panel { padding:22px; }
  .record-panel h3 { font-size:15px; }
  .record-panel p { font-size:11px; }
}
@media(max-width:1000px) and (min-width:760px) {
  .network { display:none; }
  .site-header { padding-inline:17px; }
  .hero-topline { font-size:6px; }
  .hero-side-note { display:none; }
  .hero-side-note b { font-size:32px; }
  .hero-side-note p { font-size:8px; }
  .hero-side-note>span { font-size:6px; }
  .hero-manifesto { max-width:400px; }
  .hero-enter { min-width:195px; padding-inline:14px; }
  .hero-enter>span { font-size:12px; }
  .hero-rule { font-size:11px; }
  .field-topline>.mono { font-size:8px; }
  .view-switch button { font-size:9px; padding:7px; }
  .view-switch button span { display:none; }
  .stat,.stat:first-child,.stat:last-child { padding:20px 15px; }
  .stat-value { font-size:18px; }
  .stat-foot { font-size:8px; }
  .stat-link-title { font-size:17px; }
  .section-heading>p { font-size:11px; max-width:260px; }
  .section-heading>p .english { font-size:7px; }
  .playground { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
  .playground>div,.playground>aside { padding:23px 0; }
  .panel-top h3 { font-size:16px; }
  .panel-top h3 .english { font-size:7px; }
  .index-state { font-size:8px; padding:4px; }
  .tile-index,.tile-axis { gap:7px; }
  .tile-cell { aspect-ratio:1; font-size:11px; border-radius:4px; }
  .tile-cell:before { border-radius:5px; }
  .detail-heading h3 { font-size:48px; gap:9px; }
  .tile-state { font-size:8px; padding:4px; }
  .tile-glyph { width:66px; height:85px; }
  .tile-values dt { font-size:10px; }
  .tile-values dd { font-size:12px; }
  .tile-values>div { padding-block:13px; }
  .detail-heading .section-number { font-size:7px; }
  .account-panel { grid-template-columns:1fr 1fr; gap:24px; }
  .account-management { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; column-gap:26px; align-items:center; }
  .account-actions { grid-column:1; grid-row:1/3; }
  .account-management .disabled-reason { margin:0; }
  .account-management .microcopy { margin-top:5px; }
  .mural-feature { gap:28px; }
  .archive-stage { padding:18px 0; }
  .archive-stage-label { font-size:6px; }
  .mural-art { padding:32px 9px; }
  .mural-border { padding:14px; }
  .archive-stage-foot { font-size:9px; }
  .mural-story h3 { font-size:30px; }
  .mural-story>p:not(.english):not(.disabled-reason) { font-size:12px; }
  .rules-layout { grid-template-columns:minmax(0,.8fr) minmax(0,1fr); gap:28px; }
  .melting-study { height:625px; }
  .melting-study figcaption { left:20px; right:20px; }
  .melting-study h3 { font-size:26px; }
  .study-topline { left:18px; right:18px; font-size:6px; }
  .study-footer { left:18px; right:18px; font-size:6px; }
  .rule-heading { gap:12px; }
  .rule-number { width:42px; min-width:42px; height:47px; }
  .how-step h3 { font-size:18px; }
  .how-step>p { font-size:12px; }
  .rule-heading .english { font-size:6px; }
  .stake-illustration { padding:17px 12px; }
  .diagram-node svg { width:45px; height:44px; }
  .diagram-node>span { font-size:9px; }
  .cycle-illustration { padding:18px 14px; }
  .cycle-flow { font-size:10px; gap:6px; }
  .protocol-title h2 { font-size:31px; }
  .observatory-grid { grid-template-columns:1fr 1fr; }
  .record-panel.fang-panel { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; min-height:240px; align-items:center; }
  .fang-label { right:23px; }
  .fang-portrait { height:260px; }
  .fang-panel .fang-copy { padding:25px; }
}
@media(max-width:759px) {
  :root { --gutter:20px; }
  .site-header { top:0; margin-top:0; height:60px; width:100%; border-radius:0; padding-inline:20px; gap:10px; }
  .desktop-nav,.network,.brand-cn { display:none; }
  .header-actions { gap:8px; }
  .footer-bottom { gap:10px 20px; }
  .footer-bottom>.social-handle { order:3; flex-basis:100%; justify-content:flex-start; }
  .footer-bottom>.english { margin-top:0; margin-left:auto; }
  .brand-icon { width:25px; height:29px; }
  .wordmark { font-size:24px; }
  .button-wallet { font-size:11px; min-height:36px; padding:7px 10px; border-radius:5px; }
  .button-wallet:before { border-radius:7px; }
  .button-wallet svg { width:14px; height:14px; }
  .risk-strip { margin-top:0; min-height:55px; padding:8px 0; font-size:9px; gap:7px; line-height:1.65; }
  .risk-strip strong { font-size:9px; }
  .risk-strip>a { font-size:7px; }
  .risk-strip>.risk-icon { width:12px; height:12px; font-size:7px; }
  .risk-strip #riskText { color:#5c6a81; }
  .glacier-hero { min-height:440px; height:calc(100svh - 255px); max-height:760px; }
  .hero-topline { top:10px; font-size:5px; }
  .hero-topline>span:last-child { display:none; }
  .hero-heading { padding-top:24px; }
  .hero-eyebrow { font-size:8px; gap:6px; letter-spacing:.04em; }
  .hero-heading h1 { margin-top:6px; }
  .hero-logo { font-size:60px; line-height:1; }
  .hero-logo>.logo-mark { font-size:8px; }
  .hero-title-cn { font-size:16px; margin-top:7px; }
  .hero-word { inset:24% 4% 20%; }
  .icefield-section { inset:147px 0 114px; }
  .field-topline { top:-8px; left:20px; right:20px; gap:8px; }
  .field-topline>.mono { font-size:7px; gap:5px; }
  .view-switch { padding:3px; gap:1px; border-radius:5px; }
  .view-switch button { padding:6px; font-size:9px; min-height:30px; gap:4px; border-radius:3px; }
  .view-switch button svg { width:11px; height:11px; }
  .view-switch button span { display:none; }
  .field-selection { bottom:-4px; padding:8px 12px; font-size:10px; border-radius:5px; gap:9px; }
  .field-selection strong { font-size:11px; }
  .field-selection>span:last-child { padding-left:9px; }
  .selection-diamond { width:6px; height:8px; }
  .field-bottomline { display:none; }
  .hero-side-note { display:none; }
  .hero-bottom-content { bottom:25px; display:block; left:20px; right:20px; }
  .hero-manifesto { max-width:450px; margin:auto; text-align:center; }
  .hero-rule { font-size:10px; line-height:1.7; max-width:340px; margin:auto; }
  .hero-english { display:none; }
  .hero-enter { display:flex; width:100%; min-width:0; min-height:44px; margin-top:8px; padding:8px 15px; border-radius:5px; }
  .hero-enter:before { border-radius:8px; }
  .hero-enter>span { display:flex; align-items:center; gap:12px; font-size:12px; }
  .hero-enter small { margin:0; font-size:6px; letter-spacing:.06em; }
  .hero-enter b { width:27px; height:27px; font-size:21px; }
  .hero-bottom { bottom:7px; left:20px; right:20px; font-size:5px; }
  .hero-bottom>span:nth-child(2) { display:none; }
  .motion-toggle { font-size:8px; }
  .status-band { margin-top:0; }
  .field-stats { grid-template-columns:1fr 1fr; border-radius:0; }
  .stat,.stat:first-child,.stat:last-child,.stat:nth-child(2),.stat:nth-child(4) { padding:20px 16px; }
  .stat:nth-child(3) { border-left:0; border-top:1px solid #9aabc627; }
  .stat:nth-child(4) { border-top:1px solid #9aabc627; }
  .stat-label { font-size:10px; }
  .stat-label>span { font-size:6px; }
  .stat-value { font-size:18px; margin:11px 0 7px; }
  .stat-foot { font-size:8px; }
  .stat-link-title { font-size:17px; }
  .stat-link-title>span { font-size:19px; }
  .stat-link .english { font-size:6px; }
  .manifesto-band { margin-top:28px; padding:13px 0; }
  .manifesto-band span { font-size:9px; }
  .manifesto-band>div { gap:26px; }
  .section-space { margin-top:66px; }
  .section-heading { display:block; margin-bottom:25px; }
  .section-number { font-size:8px; }
  .section-heading h2 { font-size:27px; margin-top:12px; line-height:1.4; }
  .section-heading>p { font-size:11px; text-align:left; margin-top:13px; }
  .section-heading>p .english { font-size:7px; margin-top:5px; }
  .playground { grid-template-columns:minmax(0,1fr); gap:15px; }
  .playground>div,.playground>aside { padding:22px 0; border-radius:0; }
  .panel-top h3 { font-size:17px; }
  .panel-top h3 .english { display:block; margin-left:0; font-size:7px; }
  .index-state { font-size:9px; }
  .tile-axis,.tile-index { gap:8px; }
  .tile-cell { aspect-ratio:1.08; border-radius:4px; font-size:11px; }
  .tile-cell:before { border-radius:4px; inset:3px; }
  .tile-axis { font-size:9px; margin-top:17px; }
  .index-footer { font-size:9px; margin-top:18px; }
  .index-footer .keyboard-hint { display:none; }
  .detail-overline { margin-bottom:17px; font-size:7px; padding-bottom:13px; }
  .detail-heading h3 { font-size:52px; }
  .detail-heading .section-number { font-size:8px; }
  .tile-glyph { width:80px; height:100px; }
  .tile-state { font-size:9px; }
  .tile-values { display:grid; grid-template-columns:1fr 1fr; gap:0 18px; margin:17px 0 21px; }
  .tile-values>div { display:block; padding:12px 0; }
  .tile-values dt { font-size:11px; }
  .tile-values dt span { display:block; font-size:6px; margin:3px 0 0; }
  .tile-values dd { text-align:left; font-size:13px; margin-top:9px; }
  .tile-detail .button { min-height:48px; font-size:12px; }
  .microcopy { font-size:10px; }
  .microcopy>.english { font-size:7px; }
  .account-panel { display:block; }
  .account-intro h3 { font-size:19px; }
  .account-copy { font-size:11px; }
  .account-balance { border-left:0; border-top:1px solid #9bb0c62b; padding:17px 0 0; margin-top:19px; }
  .resource-label { font-size:11px; margin:0; }
  .resource-value { font-size:25px; }
  .account-bottom { margin-top:7px; padding:0; }
  .account-actions { margin-top:21px; gap:10px; }
  .account-actions .button { font-size:11px; padding:11px 13px; }
  .account-management>.disabled-reason { font-size:10px; }
  .mural-section { padding:40px 0 24px; }
  .mural-section .section-heading { display:flex; align-items:flex-end; gap:12px; margin-bottom:25px; }
  .mural-section .section-heading h2 { max-width:200px; }
  .mural-section .section-heading .section-number { font-size:7px; letter-spacing:0; gap:6px; }
  .seal-clock { padding:0 0 0 11px; min-width:94px; border-radius:0; }
  .seal-clock>span:first-child { font-size:7px; }
  .seal-clock>strong { font-size:25px; gap:5px; margin-top:3px; }
  .seal-clock>strong>span { font-size:14px; }
  .seal-clock>.english { font-size:5px; max-width:80px; }
  .mural-feature { grid-template-columns:1fr; gap:30px; padding:0; }
  .archive-stage { padding:18px 0; border-radius:0; }
  .archive-stage-label { font-size:6px; gap:8px; }
  .mural-art { padding:29px 17px 35px; max-width:470px; }
  .mural-border { padding:15px; border-radius:4px; }
  .archive-frame-label>span:first-child { font-size:17px; }
  .archive-frame-label>span:last-child { font-size:6px; }
  .archive-frame-label { padding-bottom:12px; }
  .mural-grid { padding:5px; gap:4px; }
  .mural-grid[data-empty="true"]:after { font-size:10px; left:10px; right:10px; }
  .mural-art-caption { font-size:6px; }
  .archive-stage-foot { font-size:10px; padding-top:15px; }
  .mural-story { padding:0 3px; }
  .mural-story h3 { font-size:31px; margin:13px 0 17px; }
  .mural-story>p:not(.english):not(.disabled-reason) { font-size:13px; max-width:none; }
  .archive-notes dt { font-size:12px; }
  .archive-notes dd { font-size:11px; }
  .archive-colophon { margin-top:26px; display:block; font-size:10px; padding-top:19px; }
  .archive-colophon .english { display:block; font-size:7px; margin-top:5px; }
  .rules-layout { grid-template-columns:1fr; gap:30px; }
  .melting-study { position:relative; top:auto; height:480px; max-width:500px; width:100%; border:0; border-radius:4px; }
  .melting-study>img { object-position:50% 38%; }
  .melting-study figcaption { bottom:55px; left:23px; }
  .melting-study h3 { font-size:28px; margin-block:12px; }
  .melting-study figcaption p { font-size:11px; }
  .study-topline { top:18px; left:20px; right:20px; font-size:7px; }
  .study-footer { bottom:17px; left:20px; right:20px; font-size:6px; }
  .how-step { padding:23px 0; }
  .rule-heading { gap:14px; }
  .rule-number { width:46px; min-width:46px; height:49px; font-size:22px; }
  .rule-heading .english { font-size:7px; }
  .how-step h3 { font-size:20px; }
  .how-step>p { font-size:12px; margin-top:16px; }
  .stake-illustration { padding:18px 17px; }
  .diagram-node svg { width:50px; height:46px; }
  .diagram-node>span { font-size:10px; }
  .cycle-illustration { padding:18px; }
  .cycle-flow { font-size:10px; gap:8px; }
  .rule-note>p { font-size:10px; }
  .rules-bottom { display:block; margin-top:9px; padding:21px; }
  .rules-bottom>p { font-size:13px; }
  .rules-bottom .button { width:100%; min-width:0; margin-top:18px; font-size:12px; }
  .protocol { grid-template-columns:1fr; gap:24px; padding:0; }
  .protocol-title h2 { font-size:32px; margin-top:17px; }
  .protocol-copy>p { font-size:12px; }
  .protocol-copy>.protocol-lead { font-size:18px; }
  .protocol-copy>.english { font-size:8px; }
  .observatory-grid { grid-template-columns:1fr; gap:15px; }
  .record-panel,.record-panel+.record-panel { min-height:365px; padding:23px; border-radius:6px; }
  .record-graphic { height:85px; margin:23px 0; }
  .record-panel h3 { font-size:17px; }
  .record-panel p { font-size:12px; }
  .record-panel.fang-panel { grid-column:auto; padding:0; min-height:0; }
  .fang-portrait { height:280px; }
  .fang-panel .fang-copy { padding:8px 25px 27px; }
  .fang-copy h3 { font-size:18px; }
  .site-footer { margin-top:60px; padding-bottom:100px; }
  .footer-top .brand-cn { display:block; font-size:9px; }
  .footer-top .wordmark { font-size:24px; }
  .disclosure p { font-size:10px; }
  .disclosure p.english,.disclosure .english { font-size:8px; }
  .footer-signoff { font-size:80px; padding-block:4px 12px; }
  .footer-signoff>span { width:27px; height:27px; font-size:9px; }
  .mobile-nav { display:flex; position:fixed; bottom:0; left:0; right:0; border-top:1px solid #cbd7cd; background:#f9fcf9f5; box-shadow:none; backdrop-filter:blur(20px); height:calc(62px + env(safe-area-inset-bottom,0px)); z-index:29; }
  .mobile-nav>a { display:flex; flex-direction:column; gap:4px; align-items:center; justify-content:center; margin:0; padding:4px 14px; border-radius:11px; color:#5d6a81; font-size:9px; min-width:60px; }
  .mobile-nav>a svg { width:19px; height:19px; }
  .mobile-nav>a.active { color:#3e5733; background:#e4efc8; }
  .modal { padding:29px 23px; border-radius:8px; }
  .modal h2 { font-size:27px; }
  .modal-description { font-size:11px; }
  .amount-input { font-size:19px; }
}
@media(max-width:389px) {
  :root { --gutter:16px; }
  .hero-bottom-content,.hero-bottom,.field-topline { left:16px; right:16px; }
  .hero-logo { font-size:56px; }
  .hero-title-cn { font-size:16px; }
  .hero-rule { font-size:10px; }
  .hero-enter>span { font-size:11px; gap:8px; }
  .hero-enter small { font-size:5px; }
  .section-heading h2 { font-size:25px; }
  .playground>div,.playground>aside { padding-inline:0; }
  .tile-index,.tile-axis { gap:7px; }
  .tile-cell { font-size:9px; }
  .seal-clock { padding:10px 8px; min-width:86px; }
  .seal-clock>strong { font-size:23px; }
  .mural-section .section-heading .section-number { font-size:6px; }
  .stat,.stat:first-child,.stat:last-child,.stat:nth-child(2),.stat:nth-child(4) { padding-inline:13px; }
  .stat-value { font-size:17px; }
  .how-step h3 { font-size:18px; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation:none!important; transition:none!important; }
  .tile-cell:hover,.button:hover,.hero-enter:hover { transform:none; }
}

/* Optical controls and a compact account surface. */
:root {
  --font:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Sora,sans-serif;
  --mono:GeistMono,"Microsoft YaHei","PingFang SC",monospace;
  --bg:#f5f7f8; --text:#192b32; --muted:#536a75; --faint:#647b87;
  --mint:#258eaa; --pearl:#78e6e0; --prism:#258eaa;
}
body { font-family:var(--font); font-weight:400; }
button,input { font-family:var(--font); }
.english,.mono,.section-number,.eyebrow { font-family:var(--mono); }
.section-number { font-size:11px; }
.section-heading h2 { font-size:34px; font-weight:750; }
.section-heading h2 em,.section-heading h2 em .fx-letter { color:#438d9a; font-weight:500; }
.section-heading>p { font-size:14px; }
.site-header { background:#f7fafbee; }
.brand-cn { font-size:12px; }
.desktop-nav a { font-size:14px; }
.desktop-nav a.active:after { background:#3ab8ce; box-shadow:0 0 12px #36bfce55; }
.glacier-hero,.glacier-backdrop { background:#eef4f6; }
.logo-face { color:#233f4d; }
.hero-title-cn { font-weight:650; }
.hero-title-cn em { color:#448e9c; }
.hero-side-note b { color:#345769; }
.hero-enter { background:#89ebe0; border-color:#50cfc8; color:#163d43; box-shadow:inset 0 1px #ffffffa8,0 5px 18px -10px #31c9c577; }
.hero-enter:hover { background:#a2f7eb; box-shadow:0 6px 24px -10px #2fb4b978; }
.hero-enter small,.hero-enter b { color:#255963; }
.hero-enter small { font-size:9px; }
.button-primary,.button-wallet { background:#213a45; border-color:#304e5e; box-shadow:inset 0 1px #7799b033,0 5px 14px -10px #1a4d6980; }
.button-primary:hover:not(:disabled),.button-wallet:hover { background:#2a4e60; border-color:#548b9b; box-shadow:0 5px 18px -9px #2a7f9b77; }
.button-subtle,.button-outline { background:#fbfeff; border-color:#bad0db; color:#315d72; }
.view-switch { background:#e1eaef; border-color:#c1d2dc; box-shadow:inset 0 1px #ffffffcc; }
.view-switch button { font-family:var(--font); font-size:11px; border-radius:4px; }
.view-switch button[aria-pressed="true"] { color:#206c80; background:#fff; box-shadow:0 2px 5px #265d7720; }
.field-selection { border-color:#b7d7df; box-shadow:0 5px 18px -10px #256b8755; }
.field-selection strong { color:#247a99; }
.manifesto-band { background:#e4eef1; border-color:#c3d8de; }
.risk-strip { min-height:38px; gap:8px; padding-block:8px; }
.risk-strip strong { color:#357e94; font-family:var(--font); font-size:12px; font-weight:600; }
.risk-strip #riskText:empty,.risk-strip #riskEnglish:empty { display:none; }
.audit-indicator { width:7px; height:7px; flex:0 0 7px; border-radius:50%; background:#44bbca; box-shadow:0 0 0 4px #44bbca17; }
.risk-strip[data-level="danger"] .audit-indicator { background:#b84959; box-shadow:0 0 0 4px #b8495917; }
.stat-label { font-size:13px; }
.stat-value { font-size:22px; font-weight:650; color:#29495a; }
.stat-foot { font-size:11px; }
.stat-link { background:#e6f1f2; }
.stat-link-title { color:#325e70; font-size:20px; }
.playground { gap:24px; }
.playground>.tile-panel,.playground>.tile-detail { padding:26px; border:1px solid #cddce3; border-radius:8px; background:#fcfeff; box-shadow:0 8px 24px -20px #173d5550; }
.panel-top h3 { font-size:19px; color:#294b5d; font-weight:650; }
.panel-top h3 .english { font-size:10px; }
.index-state,.tile-state { color:#537584; background:#edf3f6; border-color:#cfdee6; font-family:var(--font); font-size:11px; }
.tile-index,.tile-axis { gap:8px; }
.tile-cell { color:#53758a; border-color:#c6dbe5; background:linear-gradient(145deg,#f7fcff,#e4eff6); box-shadow:inset 0 1px #fff,inset 0 -3px #c6dbe552; font:500 13px var(--mono); border-radius:5px; }
.tile-cell:hover { background:#def3fa; border-color:#69bfd4; box-shadow:0 5px 12px -6px #448fa266; }
.tile-cell[aria-selected="true"] { background:linear-gradient(145deg,#9beee5,#a5d9f7); border-color:#4cacca; color:#154d65; box-shadow:inset 0 1px #fff,0 0 0 2px #4ebbc31a,0 4px 12px -6px #419cbf90; }
.legend-selected { background:#73c9d9; }
.index-footer { font-size:11px; }
.detail-overline { font-size:10px; padding-bottom:14px; margin-bottom:17px; }
.detail-heading .section-number { font-size:10px; }
.detail-heading h3 { color:#357d9d; font-size:52px; }
.tile-values dt { font-size:13px; }
.tile-values dt span { font-size:9px; }
.tile-values dd { font-family:var(--font); font-size:14px; font-weight:500; color:#385f74; }
.microcopy { font-size:12px; }
.microcopy>.english { font-size:9px; }
.playground>.account-panel {
  padding:30px; grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,1.2fr);
  gap:32px; color:#f1f7fc; background:#17232c; border:0; border-top:2px solid #78dce5;
  border-bottom:1px solid #284956; border-radius:0; box-shadow:none; align-items:center;
}
.account-panel .account-intro .section-number { color:#77ced9; font:10px var(--mono); }
.account-panel .account-intro h3 { color:#f1f7fc; font-size:25px; font-weight:650; margin:10px 0 8px; }
.account-panel .account-copy { color:#a2bac9; font-size:13px; line-height:1.8; margin:0; }
.account-panel .account-balance { padding-left:28px; margin:0; border:0; border-left:1px solid #3a535e; }
.account-panel .resource-label { display:flex; align-items:center; gap:12px; margin:0; color:#c0d2dd; font-size:13px; }
.account-panel .resource-unit { color:#9ee7e7; font:11px var(--mono); padding:3px 7px; border:1px solid #3e6068; border-radius:4px; background:#243c42; }
.account-panel .resource-value { font-family:var(--font); font-size:27px; font-weight:650; line-height:1.5; color:#f2fbff; margin:10px 0 12px; }
.account-panel .account-bottom { display:flex; align-items:center; gap:16px; margin:0; padding:0; border:0; }
.account-panel .account-bottom>span { color:#8aa5b7; font-size:12px; }
.account-panel .account-bottom strong { color:#c8dae5; font-family:var(--font); font-size:12px; font-weight:500; }
.account-panel .account-management { display:block; min-width:0; }
.account-panel .account-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0; }
.account-panel .account-actions .button { min-height:48px; padding:12px 15px; font-size:13px; font-weight:650; justify-content:space-between; border-radius:6px; }
.account-panel .account-actions .button-primary { color:#e4f7ff; background:#25424f; border-color:#477286; }
.account-panel .account-actions .button-subtle { background:#99e9e2; border-color:#84e3dc; color:#173e46; box-shadow:inset 0 1px #eaffff,0 3px 15px #6ce3d91a; }
.account-panel .account-actions .button-subtle:hover { background:#b6f8ee; box-shadow:0 3px 20px #5be2d52e; }
.account-panel .account-actions .button:disabled { color:#92aab9; background:#263943; border-color:#3a525f; box-shadow:none; }
.account-panel .account-actions .action-arrow { font-size:22px; }
.account-panel .disabled-reason { color:#a3bac9; font-size:11px; line-height:1.7; margin:12px 0 0; }
.account-panel .microcopy { color:#7da6b9; font-size:11px; margin:5px 0 0; }
.account-panel .transaction-link { color:#98e8e2; }
.mural-section { background:#eaf1f4; border-color:#d3e0e7; }
.modal { background:#f8fcff; border-color:#b9d6df; box-shadow:0 24px 80px #14394640; }
.modal h2 { color:#285d77; font-size:28px; font-weight:700; }
.modal-description,.modal-values>div { font-family:var(--font); font-size:13px; }
.amount-input { font-family:var(--font); color:#315e78; border-color:#bdcedd; background:#fff; }
.stake-tabs>button { font-size:12px; }
.mobile-nav>a.active { color:#24768c; background:#dff2f3; }
.footer-signoff { color:#2e5364; }
@media(max-width:1100px) and (min-width:760px) {
  .playground>.account-panel { grid-template-columns:1fr 1fr; gap:24px; padding:26px; }
  .account-panel .account-management { grid-column:1/-1; }
  .account-panel .account-actions { grid-template-columns:1fr 1fr; }
  .account-panel .disabled-reason { margin-top:12px; }
  .account-panel .microcopy { margin-top:5px; }
  .tile-values dt { font-size:12px; }
  .tile-values dd { font-size:12px; }
  .panel-top { flex-wrap:wrap; gap:10px; }
}
@media(max-width:759px) {
  .risk-strip { min-height:38px; padding-block:10px; align-items:center; }
  .risk-strip strong { font-size:11px; }
  .section-heading h2 { font-size:27px; }
  .section-heading>p { font-size:12px; }
  .section-number { font-size:10px; }
  .view-switch button { font-size:10px; }
  .hero-enter small { font-size:8px; }
  .stat-label { font-size:11px; }
  .stat-value { font-size:18px; }
  .stat-foot { font-size:9px; }
  .stat-link-title { font-size:17px; }
  .playground { gap:16px; }
  .playground>.tile-panel,.playground>.tile-detail { padding:20px 16px; }
  .panel-top h3 { font-size:17px; }
  .panel-top h3 .english { font-size:9px; }
  .index-state { font-size:10px; padding:4px 6px; }
  .tile-index,.tile-axis { gap:6px; }
  .tile-cell { font-size:11px; }
  .tile-values { gap:0 14px; }
  .tile-values dt { font-size:12px; }
  .tile-values dt span { font-size:8px; }
  .tile-values dd { font-size:13px; }
  .detail-heading .section-number { font-size:9px; }
  .detail-heading h3 { font-size:46px; gap:10px; }
  .tile-state { font-size:10px; }
  .tile-glyph { width:66px; height:86px; }
  .playground>.account-panel { display:block; padding:24px 20px; }
  .account-panel .account-intro h3 { font-size:23px; }
  .account-panel .account-balance { border-left:0; border-top:1px solid #3a535e; padding:22px 0 0; margin:20px 0 24px; }
  .account-panel .resource-value { font-size:27px; }
  .account-panel .account-actions .button { font-size:12px; padding:12px; }
  .modal-description,.modal-values>div { font-size:12px; }
}

/* Research provenance: a full-width band under #protocol. Appended last so the recalibrated tokens apply. */
.research-notes { grid-column:1/-1; margin-top:0; padding-top:26px; border-top:1px solid #9bacc840; }
.research-notes>.research-head { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1fr); gap:56px; align-items:start; padding:0; border-top:0; }
.research-label { display:block; color:#5c6a81; font:9px var(--mono),var(--font); margin-bottom:12px; }
.research-title { margin:0; font-size:27px; font-weight:600; line-height:1.45; color:#354d40; letter-spacing:-.02em; }
.research-title em { font-style:normal; font-weight:400; color:#438d9a; }
.research-intro { margin:0; font-size:14px; line-height:2; color:#5c6c62; }
.research-intro>.english { display:block; margin-top:12px; font-size:9px; color:var(--faint); }
.research-cards { list-style:none; margin:34px 0 0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.research-card { display:flex; flex-direction:column; gap:9px; min-width:0; padding:22px; border:1px solid #d7dfd9; border-radius:6px; background:var(--glass); }
.research-kind { display:flex; align-items:center; gap:9px; font:9px var(--mono); color:#5b6881; }
.research-kind>i { font-style:normal; display:grid; place-items:center; width:22px; height:22px; border:1px solid #cddce3; border-radius:4px; font-size:9px; }
.research-notes .research-card strong { display:block; margin-top:3px; font:600 17px/1.4 Sora,var(--font); color:#354d40; overflow-wrap:anywhere; }
.research-notes .research-card small { display:block; margin:0; font:9px/1.8 var(--mono); color:var(--faint); overflow-wrap:anywhere; }
.research-card>p { margin:4px 0 0; font-size:13px; line-height:1.95; color:#5c6c62; }
.research-change { padding-top:12px; border-top:1px solid #9cacc629; }
.research-change>span { display:inline-block; margin-right:8px; padding:2px 8px; border-radius:6px; background:#e7edf7; color:#5b6a86; font:9px var(--mono); vertical-align:1px; }
.research-card a { margin-top:auto; padding-top:14px; align-self:flex-start; display:inline-flex; align-items:center; gap:6px; min-height:32px; font-size:12px; color:#315d72; text-decoration:underline; text-underline-offset:3px; text-decoration-color:#315d7255; }
.research-card a:hover { color:#16869d; text-decoration-color:currentColor; }
.research-card a>span { font-size:16px; line-height:1; }
.research-boundary { max-width:900px; margin:22px 0 0; font-size:10px; line-height:1.9; color:#5c6a81; }
@media(max-width:1200px) {
  .research-notes>.research-head { gap:40px; }
  .research-title { font-size:24px; }
  .research-card { padding:20px; }
}
@media(max-width:1000px) {
  .research-cards { grid-template-columns:1fr; gap:12px; }
  .research-notes .research-card strong { font-size:16px; }
}
@media(max-width:759px) {
  .research-notes { padding-top:22px; }
  .research-notes>.research-head { grid-template-columns:1fr; gap:16px; }
  .research-title { font-size:21px; }
  .research-intro { font-size:12px; }
  .research-card { padding:18px; gap:8px; }
  .research-card>p { font-size:12px; }
  .research-boundary { font-size:9px; }
}