/* SEEDBAO design system · v20260712 */
@font-face{font-family:'WenKai';src:url('/assets/fonts/wenkai-sub.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Figtree';src:url('/assets/fonts/figtree-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Figtree';src:url('/assets/fonts/figtree-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Figtree';src:url('/assets/fonts/figtree-latin-800-normal.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'PT Mono';src:url('/assets/fonts/pt-mono-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans Devanagari';src:url('/assets/fonts/noto-sans-devanagari-devanagari-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0900-097F,U+A8E0-A8FF,U+1CD0-1CFF}
@font-face{font-family:'Noto Sans Devanagari';src:url('/assets/fonts/noto-sans-devanagari-devanagari-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0900-097F,U+A8E0-A8FF,U+1CD0-1CFF}

:root{
  --paper:#F5F7F6; --card:#FFFFFF; --ink:#17211F; --ink2:#3A4542; --sub:#5C6663; --faint:#9AA5A1;
  --line:#E4E9E7; --line2:#EEF2F0;
  --teal:#0E7C86; --teal-deep:#0A4F55; --teal-hover:#0B6570; --teal-wash:#EBF4F2; --teal-line:#BFDCD6;
  --hero:#123A40; --hero-2:#0D2C31;
  --bnb:#F0B90B; --amberlab:#B98C24;
  --f-head:'WenKai','Kaiti SC','STKaiti','KaiTi',serif;
  --f-body:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --f-latin:'Figtree',-apple-system,"Segoe UI",sans-serif;
  --f-mono:'PT Mono',ui-monospace,SFMono-Regular,Consolas,monospace;
  --s0:clamp(1rem,.96rem + .2vw,1.09rem);
  --s1:clamp(1.17rem,1.1rem + .35vw,1.35rem);
  --s2:clamp(1.45rem,1.3rem + .8vw,1.9rem);
  --s3:clamp(1.8rem,1.5rem + 1.6vw,2.6rem);
  --s4:clamp(2.1rem,1.6rem + 2.6vw,3.4rem);
  --r1:8px; --r2:12px; --r3:16px;
  --wrap:1140px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
/* 滚动淡入(渐进增强:仅在 html.js-anim 时隐藏,无 JS 照常显示) */
.js-anim .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}
.js-anim .reveal.in{opacity:1;transform:none;will-change:auto}
.js-anim .reveal.rv-stagger>*{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.js-anim .reveal.in.rv-stagger>*{opacity:1;transform:none}
.js-anim .reveal.in.rv-stagger>*:nth-child(2){transition-delay:.08s}
.js-anim .reveal.in.rv-stagger>*:nth-child(3){transition-delay:.16s}
.js-anim .reveal.in.rv-stagger>*:nth-child(4){transition-delay:.24s}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.js-anim .reveal,.js-anim .reveal.rv-stagger>*{opacity:1!important;transform:none!important}}
body{margin:0;background:var(--paper);color:var(--ink2);font-family:var(--f-body);font-size:var(--s0);line-height:1.82;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{font-family:var(--f-head);font-weight:500;color:var(--ink);line-height:1.32;margin:0 0 .55em;hanging-punctuation:first last;line-break:strict}
h1{font-size:var(--s3);letter-spacing:.01em}
h2{font-size:var(--s2)}
h3{font-size:var(--s1)}
p{margin:0 0 1.1em}
a{color:var(--teal);text-decoration:none}
a:hover{color:var(--teal-hover);text-decoration:underline}
img{max-width:100%;height:auto;display:block}
table{border-collapse:collapse;width:100%;font-size:.95em}
th,td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
th{background:var(--teal-wash);color:var(--teal-deep);font-weight:600}
.tablewrap{overflow-x:auto;margin:0 0 1.2em}
.mono,code{font-family:var(--f-mono)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.grain{position:relative}

/* ── header ── */
.topbar{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.topbar .wrap{display:flex;align-items:center;gap:26px;min-height:62px}
.brand{display:flex;align-items:center;gap:9px;font-family:var(--f-latin);font-weight:800;font-size:1.16rem;letter-spacing:.04em;color:var(--ink);text-decoration:none}
.brand:hover{text-decoration:none;color:var(--ink)}
.brand .bmark{width:28px;height:28px;border-radius:7px;background:var(--teal);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.navrow{display:flex;align-items:center;gap:4px;flex:1;font-size:.96rem}
.navrow>a{color:var(--ink2);padding:10px 11px;border-radius:8px;min-height:44px;display:inline-flex;align-items:center}
.navrow>a:hover{background:var(--paper);text-decoration:none}
.ndrop{position:relative}
.ndrop>summary{list-style:none;cursor:pointer;color:var(--ink2);padding:10px 11px;border-radius:8px;min-height:44px;display:inline-flex;align-items:center;gap:5px;user-select:none}
.ndrop>summary::-webkit-details-marker{display:none}
.ndrop>summary:hover{background:var(--paper)}
.ndrop>summary::after{content:"";width:7px;height:7px;border-right:1.6px solid var(--faint);border-bottom:1.6px solid var(--faint);transform:rotate(45deg) translateY(-2px)}
.ndrop[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
.ndrop .sheet{position:absolute;top:calc(100% + 4px);left:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r2);box-shadow:0 14px 34px -18px rgba(23,33,31,.25);padding:8px;min-width:230px;z-index:60}
.ndrop .sheet a{display:block;padding:10px 12px;border-radius:8px;color:var(--ink2);min-height:44px;display:flex;align-items:center}
.ndrop .sheet a:hover{background:var(--teal-wash);color:var(--teal-deep);text-decoration:none}
.mtoggle{display:none}
/* 语种切换器(真 <a>,落对应翻译页) */
.langsw26{display:inline-flex;align-items:center;gap:7px;font-size:.88rem;white-space:nowrap;margin-left:auto}
.langsw26 a{color:var(--sub);padding:8px 10px;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}
.langsw26 a:hover{color:var(--teal);text-decoration:none}
.langsw26 a[aria-current="true"]{color:var(--ink);font-weight:600}
.langsw26 span{color:var(--line)}

/* 马拉地语(天城文)字体与排版 */
html[lang="mr"] body{font-family:'Noto Sans Devanagari',var(--f-body);line-height:1.85}
html[lang="mr"] h1,html[lang="mr"] h2,html[lang="mr"] h3{font-family:'Noto Sans Devanagari',var(--f-head);font-weight:700;line-height:1.45}
html[lang="mr"] .brand,html[lang="mr"] .mono,html[lang="mr"] code{font-family:var(--f-latin)}
html[lang="mr"] .mono{font-family:var(--f-mono)}
/* ASCI 强制免责条(印度合规) */
.asci{background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--amberlab);border-radius:0 var(--r1) var(--r1) 0;padding:10px 14px;font-size:.82rem;color:var(--sub);line-height:1.75;margin:0 0 1.2em}
.heroband .asci{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.22);border-left-color:var(--bnb);color:#B8D2CD;margin-top:14px}

/* ── hero ── */
.heroband{background:var(--hero) url('/assets/hero-bg.webp?v=20260717b') center/cover no-repeat;position:relative;color:#F5FAF8;overflow:hidden}
.heroband::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(13,36,40,.92) 0%,rgba(13,36,40,.72) 52%,rgba(13,36,40,.38) 100%)}
.heroband::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 80% 40%,rgba(94,200,190,.20),transparent 55%);mix-blend-mode:screen;animation:heroGlow 8s ease-in-out infinite}
@keyframes heroGlow{0%,100%{opacity:.45;transform:translate3d(0,0,0)}50%{opacity:1;transform:translate3d(-22px,6px,0)}}
.heroband .wrap{position:relative;z-index:2;padding-top:clamp(3rem,7vw,5.5rem);padding-bottom:clamp(2.2rem,5vw,3.6rem);max-width:var(--wrap)}
.heroband h1{color:#F5FAF8;font-size:var(--s4);max-width:15em;text-wrap:balance}
.herosub{color:#B8D2CD;max-width:36em;font-size:var(--s1);line-height:1.75}
.trustrow{display:flex;gap:26px;margin-top:22px;flex-wrap:wrap;font-size:.88rem;color:#B8D2CD}
.trustrow b{color:#fff;font-family:var(--f-latin)}

/* ── sections ── */
.sect{padding:clamp(2.6rem,6vw,4.4rem) 0}
.sect.alt{background:var(--card)}
.secthead{text-align:center;margin-bottom:clamp(1.4rem,3vw,2.2rem)}
.secthead .kicker{font-family:var(--f-mono);font-size:.8rem;letter-spacing:.16em;color:var(--teal);display:block;margin-bottom:8px}
.secthead p{color:var(--faint);font-size:.95rem;margin:6px 0 0}
.sectmore{font-size:.9rem}

/* 学习路线卡(3,非等宽内容) */
.routes{display:grid;grid-template-columns:1.15fr 1.15fr .9fr;gap:16px}
.stopcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.stopcard:hover{transform:translateY(-3px);box-shadow:0 18px 40px -22px rgba(14,124,134,.35);text-decoration:none}
.stopcard .cvr{aspect-ratio:16/7;background:var(--hero);overflow:hidden}
.stopcard .cvr img{width:100%;height:100%;object-fit:cover}
.stopcard .bd{padding:16px 18px 18px;display:flex;flex-direction:column;gap:7px;flex:1}
.stopcard .tag{font-size:.8rem;font-weight:700}
.stopcard .tag.ex{color:var(--amberlab)}
.stopcard .tag.wa{color:var(--teal)}
.stopcard h3{margin:0;font-size:1.12rem;line-height:1.5}
.stopcard .go{margin-top:auto;font-size:.9rem;color:var(--teal)}

/* 工具行 */
.toolgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.toolcell{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);padding:18px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s}
.toolcell:hover{border-color:var(--teal-line);text-decoration:none}
.toolcell h3,.toolcell h2{margin:0;font-size:1.08rem}
.toolcell p{margin:0;font-size:.9rem;color:var(--sub);line-height:1.7}
.toolcell .go{font-size:.9rem;color:var(--teal);margin-top:auto}

/* 关于|最新 双栏 */
.duo{display:grid;grid-template-columns:1fr 1.25fr;gap:34px;align-items:start}
.duo .abouttxt{font-size:.97rem;line-height:1.95}
.newsrow{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--r1);padding:11px 13px;margin-bottom:9px;align-items:center;color:var(--ink);transition:border-color .2s}
.newsrow:hover{border-color:var(--teal-line);text-decoration:none}
.newsrow .thumb{width:58px;height:40px;border-radius:6px;flex-shrink:0;object-fit:cover;background:var(--hero)}
.newsrow .t{flex:1;font-size:.95rem;line-height:1.55}
.newsrow .d{font-size:.78rem;color:var(--faint);font-family:var(--f-mono)}

/* FAQ */
.faqbox{max-width:760px;margin:0 auto}
.faqbox details,.art details,.toolshell details{background:var(--card);border:1px solid var(--line);border-radius:var(--r1);margin-bottom:9px;padding:0}
.faqbox summary,.art details>summary,.toolshell details>summary{cursor:pointer;list-style:none;padding:14px 18px;font-weight:600;color:var(--ink);display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:44px}
.faqbox summary::-webkit-details-marker,.art details>summary::-webkit-details-marker,.toolshell details>summary::-webkit-details-marker{display:none}
.faqbox summary::after,.art details>summary::after,.toolshell details>summary::after{content:"+";color:var(--teal);font-family:var(--f-latin);font-weight:700;font-size:1.2rem;flex-shrink:0}
.faqbox details[open] summary::after,.art details[open]>summary::after,.toolshell details[open]>summary::after{content:"−"}
.faqbox .fa,.art details .fa,.toolshell details .fa{padding:0 18px 15px;color:var(--ink2);font-size:.96rem}
.art details{max-width:70ch}

/* ── 文章页三栏 ── */
.pagehead{background:var(--card);border-bottom:1px solid var(--line)}
.pagehead .wrap{padding-top:26px;padding-bottom:22px}
.crumbs{font-size:.85rem;color:var(--faint);margin-bottom:10px}
.crumbs a{color:var(--teal)}
.pagehead h1{margin-bottom:8px;max-width:26em}
.bymeta{display:flex;gap:16px;font-size:.83rem;color:var(--faint);flex-wrap:wrap}
.seriespos{color:var(--amberlab);font-weight:600}
.seriespos.wa{color:var(--teal)}
.layout3{display:grid;grid-template-columns:198px minmax(0,1fr) 216px;gap:22px;padding:26px 0 44px;align-items:start}
/* grid 子项默认 min-width:auto 会被长词/表格撑破(mr 天城文长术语实测溢出 46-69px)*/
.layout3>*,.art,.sidebox{min-width:0}
.art{overflow-wrap:break-word;word-break:break-word}
.sidebox{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);padding:15px 16px}
.sidebox .sbt{font-size:.85rem;font-weight:700;color:var(--ink);margin-bottom:9px}
.toc26{position:sticky;top:78px}
.toc26 a{display:block;font-size:.86rem;color:var(--sub);padding:5px 0;line-height:1.5}
.toc26 a:hover{color:var(--teal);text-decoration:none}
/* 目录折叠:桌面强制展开当粘性标题,移动折叠成一行可点开(不遮挡首屏)*/
.toc26 .tocd summary.sbt{list-style:none;cursor:default;pointer-events:none;display:flex;align-items:center;justify-content:space-between;gap:8px}
.toc26 .tocd summary.sbt::-webkit-details-marker{display:none}
.toc26 .tocd summary.sbt::after{content:"";display:none}
.toc26 .tocd .toclinks{display:block}
.recomm .newsrow{padding:9px 10px}
.recomm .thumb{width:48px;height:34px}
.recomm .t{font-size:.85rem}
.art{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);padding:clamp(18px,3vw,34px)}
.art>p,.art>ul,.art>ol,.art .tablewrap{max-width:70ch}
.art ul,.art ol{padding-left:1.4em;margin:0 0 1.1em}
.art li{margin-bottom:.4em}
.art h2{border-left:4px solid var(--teal);padding-left:12px;margin-top:1.9em;font-size:var(--s2)}
.art h3{margin-top:1.5em}
.art blockquote{margin:0 0 1.1em;padding:10px 16px;border-left:3px solid var(--teal-line);background:var(--teal-wash);border-radius:0;color:var(--ink2);font-size:.96rem}

/* 30秒结论盒 */
.quicktake{background:var(--teal-wash);border:1px solid var(--teal-line);border-radius:var(--r2);padding:16px 20px;margin:0 0 22px}
.quicktake .qt{font-size:.83rem;font-weight:700;color:var(--teal-deep);letter-spacing:.08em;margin-bottom:7px}
.quicktake p{margin:0;font-size:.98rem;line-height:1.85}
.quicktake p+p{margin-top:.5em}

/* 品牌截图框 */
.shotframe{background:var(--hero);border-radius:var(--r2);padding:12px;margin:0 0 1.4em}
.shotframe .fhead{display:flex;justify-content:space-between;font-size:.78rem;color:#9ED0C9;padding:0 4px 9px}
.shotframe .fhead .fb{color:#DCEBE7;font-weight:600}
.shotframe .shots{display:flex;gap:9px}
.shotframe .shots img,.shotframe .shots .ph{flex:1;border-radius:8px;min-width:0}
.shotframe .ph{background:#EDF2F0;aspect-ratio:9/16;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:var(--faint);font-size:.8rem}
.shotframe .pills{display:flex;gap:8px;padding:9px 4px 0;flex-wrap:wrap}
.shotframe .pills span{background:#fff;color:var(--teal-deep);font-size:.78rem;font-weight:700;padding:4px 11px;border-radius:11px}
.shotframe figcaption{color:#9ED0C9;font-size:.8rem;padding:8px 4px 0}

/* 步骤条 */
.stepline{display:flex;align-items:baseline;gap:10px;margin:1.9em 0 .6em}
.stepline .sn{font-family:var(--f-latin);font-weight:800;color:var(--teal);font-size:1.05rem;flex-shrink:0}

/* 连载导航 */
.linehop{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line2);margin-top:26px;padding-top:16px;font-size:.92rem}
.linehop a{max-width:46%}
.linehop .nx{text-align:right;margin-left:auto}
.related26{border-top:1px solid var(--line2);margin-top:22px;padding-top:16px}
.related26 .sbt{font-size:.9rem;font-weight:700;color:var(--ink);margin-bottom:8px}
.related26 ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}
.related26 li{font-size:.92rem;line-height:1.6;padding:4px 0}
.sources{border-top:1px solid var(--line2);margin-top:22px;padding-top:16px}
.sources .sbt{font-size:.9rem;font-weight:700;color:var(--ink);margin-bottom:8px}
.sources ul{list-style:none;padding:0;margin:0 0 8px}
.sources li{font-size:.9rem;line-height:1.75;padding:4px 0;color:var(--ink2)}
.sources li a{word-break:break-word}
.sources .snote{font-size:.8rem;color:var(--faint);margin:0}

/* 免责/地区提示条 */
.regionote{font-size:.82rem;color:var(--faint);background:var(--paper);border:1px dashed var(--line);border-radius:var(--r1);padding:9px 13px;margin:0 0 1.2em;line-height:1.7}

/* 工具页 */
.toolshell{background:var(--card);border:1px solid var(--line);border-radius:var(--r2);padding:clamp(18px,3vw,30px);max-width:820px;margin:0 auto}
.toolshell .tio{background:var(--paper);border:1px solid var(--line);border-radius:var(--r2);padding:18px;margin:16px 0}
.toolshell label{display:block;font-size:.9rem;font-weight:600;color:var(--ink);margin:12px 0 5px}
.toolshell input[type=number],.toolshell input[type=text],.toolshell select{width:100%;max-width:340px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:1rem;font-family:var(--f-body);background:#fff;color:var(--ink)}
.toolshell input:focus,.toolshell select:focus{outline:2px solid var(--teal-line);border-color:var(--teal)}
.toolshell .runbtn{background:var(--teal);color:#fff;border:none;font-weight:700;padding:11px 20px;border-radius:9px;font-size:.98rem;cursor:pointer;margin-top:14px;min-height:44px;font-family:var(--f-body)}
.toolshell .runbtn:hover{background:var(--teal-hover)}
.copyurl{background:transparent;color:var(--teal-deep);border:1px solid var(--teal);font-weight:600;padding:8px 13px;border-radius:8px;font-size:.86rem;cursor:pointer;min-height:44px;font-family:var(--f-body)}
.copyurl:hover{background:var(--teal-wash)}
.toolshell .tout{background:var(--teal-wash);border:1px solid var(--teal-line);border-radius:var(--r2);padding:16px 18px;margin-top:16px;font-size:.97rem}
.toolshell .tout b.big{font-family:var(--f-mono);font-size:1.3rem;color:var(--teal-deep)}
.chkitem{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line2)}
.chkitem input[type=checkbox]{width:19px;height:19px;margin-top:3px;accent-color:var(--teal)}
.chkitem label{margin:0;font-weight:400;font-size:.96rem;color:var(--ink2)}

/* 按问题找答案索引 */
.qidx{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 26px;list-style:none;padding:0;margin:0}
.qidx li{font-size:.92rem;line-height:1.6;padding:6px 0;border-bottom:1px solid var(--line2)}
@media(max-width:900px){.qidx{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.qidx{grid-template-columns:1fr}}

/* ── footer ── */
.footwrap{padding:20px 20px 24px;max-width:calc(var(--wrap) + 40px);margin:0 auto}
.bigfoot{background:#EBF2F0;border-radius:var(--r3);padding:clamp(22px,4vw,36px)}
.bigfoot .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:24px}
.bigfoot .fbrand{font-family:var(--f-latin);font-weight:800;display:flex;align-items:center;gap:8px;color:var(--ink)}
.bigfoot .fbrand .bmark{width:24px;height:24px;border-radius:6px;background:var(--teal);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.bigfoot .fabout{font-size:.84rem;color:var(--sub);margin-top:10px;line-height:1.8}
.bigfoot .ct{font-size:.85rem;font-weight:700;color:var(--ink);margin-bottom:8px}
.bigfoot .cols a{display:block;font-size:.88rem;color:var(--sub);padding:4px 0;line-height:1.7}
@media(max-width:900px){.bigfoot .cols a{display:flex;align-items:center;min-height:44px;padding:2px 0;line-height:1.5}}
.bigfoot .cols a:hover{color:var(--teal)}
.bigfoot .legal{border-top:1px solid #D5E0DD;margin-top:20px;padding-top:14px;font-size:.8rem;color:var(--faint);line-height:1.8}

/* ── 移动端 ── */
@media(max-width:900px){
  .routes,.toolgrid{grid-template-columns:1fr 1fr}
  .duo{grid-template-columns:1fr}
  .layout3{grid-template-columns:1fr;padding-top:16px}
  .toc26{position:static}
  .toc26 a{min-height:44px;display:flex;align-items:center}
  .toc26 .tocd summary.sbt{cursor:pointer;pointer-events:auto;min-height:44px}
  .toc26 .tocd summary.sbt::after{display:block;width:7px;height:7px;border-right:2px solid var(--faint);border-bottom:2px solid var(--faint);transform:rotate(45deg);transition:transform .2s;flex-shrink:0}
  .toc26 .tocd[open] summary.sbt::after{transform:rotate(-135deg)}
  .toc26 .tocd:not([open]) .toclinks{display:none}
  .recomm{order:3}
  .bigfoot .cols{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .routes,.toolgrid{grid-template-columns:1fr}
  .navrow{display:none;position:absolute;top:62px;left:0;right:0;background:var(--card);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:10px 14px;gap:2px}
  .navrow>a{min-height:46px}
  .navrow .ndrop .sheet{position:static;box-shadow:none;border:none;padding-left:14px;min-width:0}
  .mtoggle{display:inline-flex;margin-left:auto;background:none;border:1px solid var(--line);border-radius:8px;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;color:var(--ink)}
  body.navopen .navrow{display:flex}
  .heroband h1{font-size:clamp(1.7rem,8vw,2.2rem)}
  .herosub{font-size:1rem}
  .trustrow{gap:14px;font-size:.8rem}
  .pagehead .wrap{padding-top:16px;padding-bottom:12px}
  .pagehead h1{font-size:1.45rem;line-height:1.32;margin-bottom:6px}
  .bymeta{gap:6px 12px;font-size:.78rem}
  .sidebox.toc26{padding:8px 14px}
  .layout3{padding-top:12px}
  .quicktake{padding:13px 15px;margin-bottom:16px}
  .shotframe .shots{flex-wrap:wrap}
  .shotframe .shots img,.shotframe .shots .ph{flex:1 1 45%}
  .related26 ul{grid-template-columns:1fr}
  .linehop{flex-direction:column}
  .linehop a{max-width:100%}
  .linehop .nx{text-align:left;margin-left:0}
}