/* All column pages share content and preserve both workspace/editorial layouts. */
:root{--serif:Georgia,'Songti SC',serif}
.route-style-changing,.route-style-changing *{overflow-anchor:none}
.header-inner{gap:20px}.header .header-tools{margin-left:auto;order:2}.header .home-link{order:3}.header .header-tools button{letter-spacing:0}.header nav{margin-left:auto;gap:22px}.header .brand span{margin-left:0;padding-left:12px}
.routes-sidebar,.routes-mobile-nav,.routes-breadcrumb{display:none}
.ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
:root[data-style=feishu]{--paper:#f5f6f8;--ink:#1f2329;--body:#555d69;--muted:#6d7582;--line:#e4e7ed;--green:#3370ff;--mint:#eaf1ff;--white:#fff;--sidebar-width:220px;--workspace-bar:#fff;--workspace-side:#f7f8fa}
:root[data-style=feishu] body{font-family:Inter,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}
:root[data-style=feishu] main,:root[data-style=feishu] .footer{margin-left:var(--sidebar-width)}
:root[data-style=feishu] .header{margin-left:var(--sidebar-width);background:var(--workspace-bar);backdrop-filter:none}
:root[data-style=feishu] .header-inner{height:68px;max-width:none;padding-inline:30px}
:root[data-style=feishu] .header .brand,:root[data-style=feishu] .header nav,:root[data-style=feishu] .header .home-link{display:none}
:root[data-style=feishu] .routes-breadcrumb{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted)}
.routes-breadcrumb a{text-decoration:none}.routes-breadcrumb strong{font-weight:500;color:var(--ink)}
:root[data-style=feishu] .routes-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:var(--workspace-side);border-right:1px solid var(--line);padding:24px 14px;display:flex;flex-direction:column;z-index:30;overflow-y:auto;color:var(--ink);font-size:13px}
.routes-brand{display:flex;align-items:center;gap:11px;padding:0 10px;text-decoration:none;font-size:21px;font-weight:700;letter-spacing:.04em}.routes-brand small{font-size:7px;font-weight:500;letter-spacing:.08em;display:block;color:var(--muted);margin-top:4px}.routes-logo{display:grid;place-items:center;background:linear-gradient(145deg,#467cff,#225cdb);color:#fff;width:36px;height:37px;border-radius:10px}.routes-logo .ui-icon{width:23px;height:23px}.routes-space{display:flex;align-items:center;gap:10px;margin:27px 0 24px;padding:13px 10px;border:1px solid var(--line);border-radius:8px;background:var(--white);font-size:12px;font-weight:600}.routes-space>span{width:31px;height:31px;background:#eee9fe;color:#8067be;display:grid;place-items:center;border-radius:7px;font-size:11px}.routes-space small{display:block;font-size:9px;margin-top:5px;font-weight:400;color:var(--muted)}.routes-sidebar nav{display:flex;flex-direction:column;gap:5px}.routes-sidebar nav a{display:flex;align-items:center;gap:10px;padding:11px 10px;text-decoration:none;border-radius:6px;color:var(--body);font-size:12px}.routes-sidebar nav a small{margin-left:auto;font-size:10px;color:var(--muted)}.routes-sidebar nav a.selected,.routes-sidebar nav a.is-active{background:var(--mint);color:var(--green);font-weight:600}.routes-sidebar nav a:hover{background:var(--mint)}.routes-sidebar>p{margin:29px 10px 12px;font-size:10px;color:var(--muted)}.routes-sidebar-note{margin:35px 8px 24px;padding:18px 12px;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:20px 1fr;gap:12px;font-size:11px;background:var(--white)}.routes-sidebar-note>.ui-icon{color:var(--green)}.routes-sidebar-note strong{align-self:center;font-weight:500}.routes-sidebar-note span{grid-column:1/-1;color:var(--muted);line-height:1.9;font-size:11px}.routes-sidebar-home{display:flex;align-items:center;gap:12px;margin-top:auto;padding:12px 10px;text-decoration:none;font-size:11px;color:var(--muted)}
:root[data-style=feishu] .frame{max-width:1320px;padding-inline:32px}
:root[data-style=feishu] .hero{padding-top:32px;padding-bottom:28px;gap:0;grid-template-columns:1.1fr 1fr;align-items:stretch}
:root[data-style=feishu] .hero-copy{background:linear-gradient(120deg,#eef4ff,#e6edfd);padding:30px 32px;border:1px solid #dce5f7;border-right:0;border-radius:10px 0 0 10px}
:root[data-style=feishu] .hero .eyebrow{color:#5274b4;font-size:10px;letter-spacing:.08em}
:root[data-style=feishu] .live-dot{background:#3370ff}
:root[data-style=feishu] .hero h1{font-size:36px;letter-spacing:-.035em;margin-top:17px;line-height:1.3;color:#233e72}
:root[data-style=feishu] .hero h1 span{color:#3370ff}
:root[data-style=feishu] .hero-description{margin-top:18px;font-size:13px;color:#587198}
:root[data-style=feishu] .hero-context{font-size:10px;color:#7386a4;margin-top:15px}
:root[data-style=feishu] .hero-actions{margin-top:22px;gap:23px}
:root[data-style=feishu] .hero-note{display:none}
:root[data-style=feishu] .button{background:var(--green);border-radius:6px;padding:12px 18px;color:#fff;font-size:12px;gap:24px}
:root[data-style=feishu] .text-link{font-size:12px;color:var(--green)}
:root[data-style=feishu] .hero-visual{border-radius:0 10px 10px 0;height:auto;min-height:300px;border:1px solid #dce5f7;border-left:0}
:root[data-style=feishu] .hero-visual>img{position:absolute;inset:0;object-position:70% center}
:root[data-style=feishu] .visual-stamp{display:none}
:root[data-style=feishu] .hero-visual figcaption{padding:15px;font-size:10px}
:root[data-style=feishu] .chapter-index{gap:14px;margin-bottom:30px}
:root[data-style=feishu] .chapter-index a{padding:17px;background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:0 2px 4px #1f232903}
:root[data-style=feishu] .chapter-index a:hover{border-color:#9abbff;background:var(--mint)}
:root[data-style=feishu] .chapter-index strong{font-size:12px;margin-top:10px}
:root[data-style=feishu] .chapter-index i{color:var(--green)}
:root[data-style=feishu] .chapter-index span{font-size:8px;letter-spacing:.06em}
:root[data-style=feishu] .content-shell{grid-template-columns:minmax(0,1fr) 170px;gap:24px}
:root[data-style=feishu] .chapters{grid-column:1;grid-row:1;min-width:0}
:root[data-style=feishu] .reading-nav{grid-column:2;grid-row:1;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:20px 15px;top:92px;gap:16px}
:root[data-style=feishu] .reading-note{margin:5px 0;font-size:10px}
:root[data-style=feishu] .reading-nav a.is-active{color:var(--green);border-color:var(--green)}
:root[data-style=feishu] .chapter{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:28px;margin-bottom:24px;scroll-margin-top:0;box-shadow:0 2px 4px #1f232903}
:root[data-style=feishu] .chapter h2{font-size:28px;font-weight:650;letter-spacing:-.025em;margin-bottom:16px}
:root[data-style=feishu] em{color:var(--green)}
:root[data-style=feishu] .section-label{font-size:9px;letter-spacing:.06em;margin-bottom:17px}
:root[data-style=feishu] .section-label span:first-child{color:var(--green)}
:root[data-style=feishu] .lead{font-size:13px}
:root[data-style=feishu] .chapter-art{margin:24px 0}
:root[data-style=feishu] .chapter-art img{border-radius:6px;aspect-ratio:2.2}
:root[data-style=feishu] .chapter-art figcaption{font-size:9px;letter-spacing:0}
:root[data-style=feishu] .two-up{gap:24px;margin-block:25px}
:root[data-style=feishu] .two-up h3{font-size:14px}
:root[data-style=feishu] .two-up p{font-size:12px}
:root[data-style=feishu] .flow{margin-block:24px}
:root[data-style=feishu] .flow li{background:var(--mint);border-color:var(--line);padding:16px 12px}
:root[data-style=feishu] .flow li>span,:root[data-style=feishu] .flow li::after{color:var(--green)}
:root[data-style=feishu] .flow strong{font-size:12px}
:root[data-style=feishu] .flow small{font-size:9px}
:root[data-style=feishu] .walkthrough,:root[data-style=feishu] .service-example{padding:20px;background:var(--paper)}
:root[data-style=feishu] .badge{color:var(--green);background:var(--mint);border-color:var(--line)}
:root[data-style=feishu] .step-controls button[aria-pressed=true]{background:var(--green);border-color:var(--green)}
:root[data-style=feishu] .step-result{background:var(--white);border-left-color:var(--green)}
:root[data-style=feishu] .step-result code{color:var(--muted)}
:root[data-style=feishu] .answer-bubble{background:var(--white);border-color:var(--line)}
:root[data-style=feishu] .takeaway{padding:17px;background:var(--mint);border-radius:6px;margin-top:22px;grid-template-columns:58px 1fr;gap:12px}
:root[data-style=feishu] .takeaway>span{color:var(--green)}
:root[data-style=feishu] .takeaway p{font-size:12px;font-weight:400}
:root[data-style=feishu] .case-study{padding:20px;background:var(--paper);margin-top:24px}
:root[data-style=feishu] .case-study>h3{font-size:21px}
:root[data-style=feishu] .case-study>p{font-size:12px}
:root[data-style=feishu] .task-board>section{background:var(--mint)}
:root[data-style=feishu] .task-card{background:var(--white)}
:root[data-style=feishu] .repo-card{background:var(--paper);padding:22px;grid-template-columns:48px 1fr;gap:20px}
:root[data-style=feishu] .repo-symbol{width:48px;height:48px;border-radius:10px;font-size:23px}
:root[data-style=feishu] .repo-body h3{font-size:20px}
:root[data-style=feishu] .repo-body p{font-size:12px}
:root[data-style=feishu] .repo-body>a{color:var(--green)}
:root[data-style=feishu] .closing{padding:28px 10px 45px;text-align:center}
:root[data-style=feishu] .closing h2{font-size:25px;letter-spacing:-.02em}
:root[data-style=feishu] .footer{max-width:none;padding-block:24px 30px}
/* Dark mode for both compositions, including cards rather than only the canvas. */
:root[data-theme=dark]{color-scheme:dark;--paper:#20241f;--ink:#e0e5d8;--body:#b9c3b4;--green:#aacaa7;--muted:#a5b09e;--line:#424b3c;--mint:#303c2e;--white:#282f25}
:root[data-theme=dark] .header{background:var(--paper)}
:root[data-theme=dark] .hero h1 span,:root[data-theme=dark] em{color:#b1cda5}
:root[data-theme=dark] .flow li,:root[data-theme=dark] .step-result,:root[data-theme=dark] .answer-bubble,:root[data-theme=dark] .task-board>section{background:var(--mint);border-color:var(--line)}
:root[data-theme=dark] .step-result code,:root[data-theme=dark] .step-result>span,:root[data-theme=dark] .flow li>span,:root[data-theme=dark] .flow li::after{color:var(--muted)}
:root[data-theme=dark] .badge{background:var(--mint);color:var(--green);border-color:var(--line)}
:root[data-theme=dark] .task-card{background:var(--white)}
:root[data-theme=dark] .metric-row>div{background:#382d42}
:root[data-theme=dark] .metric-row b{color:#dfc8f0}
:root[data-theme=dark] .metric-row span{color:#bca9cb}
:root[data-theme=dark] .takeaway>span{color:#c6b47d}
:root[data-theme=dark] .task-card>small{color:#c6b47d}
:root[data-theme=dark] .hero-visual>img,:root[data-theme=dark] .chapter-art img,:root[data-theme=dark] .survey-preview img{filter:brightness(.8)}
:root[data-theme=dark] .button{color:#20351e}
:root[data-theme=dark] .step-controls button[aria-pressed=true]{background:#8aa87f;border-color:#8aa87f;color:#152a16}
:root[data-style=feishu][data-theme=dark]{--paper:#191b20;--ink:#e4e8ee;--body:#b2bac6;--muted:#a1aab8;--line:#363c48;--green:#91b4ff;--mint:#253550;--white:#242830;--workspace-bar:#242830;--workspace-side:#20232a}
:root[data-style=feishu][data-theme=dark] .header{background:var(--workspace-bar)}
:root[data-style=feishu][data-theme=dark] .hero-copy{background:linear-gradient(120deg,#24314b,#293c5c);border-color:#354967}
:root[data-style=feishu][data-theme=dark] .hero h1{color:#e1eaff}
:root[data-style=feishu][data-theme=dark] .hero h1 span,:root[data-style=feishu][data-theme=dark] em{color:var(--green)}
:root[data-style=feishu][data-theme=dark] .hero-description{color:#b4c5e3}
:root[data-style=feishu][data-theme=dark] .hero-context,:root[data-style=feishu][data-theme=dark] .hero .eyebrow{color:#a3badf}
:root[data-style=feishu][data-theme=dark] .hero-visual{border-color:#354967}
:root[data-style=feishu][data-theme=dark] .step-result,:root[data-style=feishu][data-theme=dark] .answer-bubble{background:var(--white)}
:root[data-style=feishu][data-theme=dark] .button,:root[data-style=feishu][data-theme=dark] .step-controls button[aria-pressed=true]{background:#477fea;color:#fff;border-color:#477fea}
:root[data-style=feishu][data-theme=dark] .takeaway>span{color:var(--green)}
@media(max-width:1200px){:root[data-style=feishu]{--sidebar-width:200px}:root[data-style=feishu] .content-shell{grid-template-columns:minmax(0,1fr)}:root[data-style=feishu] .reading-nav{display:none}:root[data-style=feishu] .hero h1{font-size:31px}:root[data-style=feishu] .hero-copy{padding:27px}:root[data-style=feishu] .hero-actions{gap:15px}:root[data-style=feishu] .chapter-index{gap:10px}:root[data-style=feishu] .chapter-index a{padding:14px}:root[data-style=feishu] .chapter-index strong{font-size:11px}}
@media(max-width:1050px){.header .brand span,.header .home-link{display:none}.header nav{gap:15px;font-size:12px}.header-inner{gap:14px}.header .style-switch{width:102px}.header .header-tools{gap:7px}:root[data-style=feishu] .frame{padding-inline:24px}:root[data-style=feishu] .hero{grid-template-columns:1.15fr .85fr}:root[data-style=feishu] .hero h1{font-size:29px}:root[data-style=feishu] .hero-context{line-height:1.8}:root[data-style=feishu] .hero-actions{flex-wrap:wrap;gap:14px}:root[data-style=feishu] .chapter-index{grid-template-columns:repeat(2,1fr)}:root[data-style=feishu] .chapter-index strong{font-size:12px}}
@media(max-width:780px){.header-inner{flex-wrap:wrap;justify-content:space-between;height:auto;min-height:68px;padding-block:12px;gap:12px}.header .brand{font-size:19px}.header .brand img{width:27px;height:27px}.header .header-tools{order:0}.header nav{order:2;width:100%;justify-content:space-between;font-size:12px;padding-top:5px}.header .style-switch{width:108px}:root[data-style=feishu]{--sidebar-width:0px}:root[data-style=feishu] .routes-sidebar{display:none}:root[data-style=feishu] .header-inner{height:68px;min-height:68px;flex-wrap:nowrap;padding-block:0;padding-inline:24px}:root[data-style=feishu] .routes-breadcrumb{font-size:12px;gap:0}:root[data-style=feishu] .routes-breadcrumb>a,:root[data-style=feishu] .routes-breadcrumb>span{display:none}:root[data-style=feishu] .routes-breadcrumb strong{font-size:12px}:root[data-style=feishu] .hero{grid-template-columns:1.2fr 1fr;padding-top:24px}:root[data-style=feishu] .hero-copy{padding:24px}:root[data-style=feishu] .hero h1{font-size:30px}:root[data-style=feishu] .hero-visual{min-height:290px}:root[data-style=feishu] .chapter-index{margin-bottom:24px}:root[data-style=feishu] .chapter{padding:24px}:root[data-style=feishu] .chapter h2{font-size:28px}:root[data-style=feishu] .routes-mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:25;display:grid;grid-template-columns:repeat(4,1fr);background:var(--workspace-bar);border-top:1px solid var(--line);padding:9px 8px max(10px,env(safe-area-inset-bottom));gap:4px}:root[data-style=feishu] .routes-mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;text-decoration:none;color:var(--muted);padding:3px 0}:root[data-style=feishu] .routes-mobile-nav a.is-active{color:var(--green)}:root[data-style=feishu] .footer{padding-bottom:95px}}
@media(max-width:520px){:root[data-style=feishu] .frame{padding-inline:16px}:root[data-style=feishu] .header-inner{padding-inline:16px;gap:8px}:root[data-style=feishu] .routes-breadcrumb strong{font-size:11px}:root[data-style=feishu] .header .style-switch{width:96px;height:32px}:root[data-style=feishu] .header .theme-toggle{width:30px;height:30px;padding:5px}:root[data-style=feishu] .header-tools{gap:6px}:root[data-style=feishu] .hero{grid-template-columns:1fr;padding-top:18px;padding-bottom:20px}:root[data-style=feishu] .hero-copy{padding:24px;border-right:1px solid #dce5f7;border-bottom:0;border-radius:9px 9px 0 0}:root[data-style=feishu] .hero h1{font-size:33px}:root[data-style=feishu] .hero-description{font-size:13px}:root[data-style=feishu] .hero-visual{border-radius:0 0 9px 9px;min-height:190px;height:190px;border-left:1px solid #dce5f7;border-top:0}:root[data-style=feishu] .hero-visual>img{object-position:center 58%}:root[data-style=feishu] .hero-visual figcaption{font-size:9px;padding:10px 15px}:root[data-style=feishu] .chapter-index{gap:9px}:root[data-style=feishu] .chapter-index a{padding:15px 12px}:root[data-style=feishu] .chapter-index strong{font-size:11px}:root[data-style=feishu] .chapter{padding:20px 16px}:root[data-style=feishu] .chapter h2{font-size:25px}:root[data-style=feishu] .section-label{font-size:8px;gap:6px}:root[data-style=feishu] .chapter-art img{aspect-ratio:1.6}:root[data-style=feishu] .chapter-art figcaption{font-size:8px}:root[data-style=feishu] .two-up{grid-template-columns:1fr;gap:20px}:root[data-style=feishu] .flow{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-style=feishu] .flow li{padding:15px}:root[data-style=feishu] .walkthrough,:root[data-style=feishu] .service-example,:root[data-style=feishu] .case-study{padding:16px}:root[data-style=feishu] .step-controls button{font-size:10px}:root[data-style=feishu] .step-result{padding:14px}:root[data-style=feishu] .step-result h4{font-size:13px}:root[data-style=feishu] .badge{font-size:9px}:root[data-style=feishu] .case-study>h3{font-size:19px}:root[data-style=feishu] .metric-row{grid-template-columns:1fr;gap:6px}:root[data-style=feishu] .metric-row>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px}:root[data-style=feishu] .metric-row span{margin:0}:root[data-style=feishu] .repo-card{padding:17px 14px;grid-template-columns:35px 1fr;gap:12px}:root[data-style=feishu] .repo-symbol{width:35px;height:35px;font-size:19px}:root[data-style=feishu] .repo-body h3{font-size:18px}:root[data-style=feishu] .repo-body .eyebrow{font-size:7px}:root[data-style=feishu] .repo-body>a{font-size:10px}:root[data-style=feishu] .closing h2{font-size:23px}:root[data-style=feishu][data-theme=dark] .hero-copy,:root[data-style=feishu][data-theme=dark] .hero-visual{border-color:#354967}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.style-switch:before{transition:none}.theme-toggle:hover{transform:none}}
.article-heading{padding-block:48px 42px}.article-heading>.eyebrow{margin-top:30px}.article-heading h1{font-size:clamp(28px,3.8vw,48px);margin:18px 0 20px}.article-heading .lead{max-width:850px}.route-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.route-card{display:block;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--paper);text-decoration:none;transition:border-color .2s}.route-card:hover{border-color:var(--green)}.route-card>img{width:100%;height:auto;aspect-ratio:1.85;object-fit:cover}.route-card>div{padding:24px}.route-card .eyebrow{font-size:9px}.route-card h3{font-size:20px;line-height:1.6;margin:14px 0 12px}.route-card p{font-size:13px}.route-tags{display:block;font-size:10px;color:var(--muted);margin:20px 0}.route-card strong{display:block;font-size:12px;border-top:1px solid var(--line);padding-top:18px;color:var(--green)}.column-crosslink{display:block;padding:30px;background:var(--mint);border:1px solid var(--line);border-radius:10px;margin:0 0 50px;text-decoration:none}.column-crosslink h3{font-size:23px;margin:14px 0}.column-crosslink p{font-size:13px;margin-bottom:20px}.column-crosslink strong{font-size:13px;color:var(--green)}.case-lead{margin-top:20px}.source-links{display:grid;gap:18px;margin-top:30px;font-size:13px;overflow-wrap:anywhere}.survey-live-preview{display:block;margin:30px auto 0;padding:30px;max-width:620px;text-decoration:none;border:1px solid #e4d2ec;background:linear-gradient(120deg,#fbf8fc,#f7effa);color:#4a1460;border-radius:18px;box-shadow:0 12px 40px -24px #6c217e44}.survey-mini-label{font-size:11px;letter-spacing:.1em;color:#8b3a9a}.survey-live-preview h3{font-size:27px;margin:14px 0 8px}.survey-live-preview>p{color:#6b5874;font-size:13px;margin-bottom:25px}.survey-live-preview>div{display:flex;gap:16px;padding:20px 0;border-top:1px solid #e4d2ec;align-items:start;font-size:15px}.survey-live-preview b{font:12px monospace;padding:6px;background:#efe0f4;border-radius:5px}.survey-live-preview small{display:block;font-size:12px;color:#6b5874;margin-top:10px;line-height:1.9}.survey-live-preview .survey-scale{font-size:19px;letter-spacing:.1em}.survey-live-preview>strong{display:block;background:#6c217e;color:white;border-radius:8px;text-align:center;padding:14px;font-size:13px;margin-top:6px}.history-preview{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid #decbbb;background:#4a1942;color:#f5e6c8;border-radius:10px;overflow:hidden;text-decoration:none;margin:30px 0}.history-preview>div{padding:30px 24px}.history-preview .eyebrow{color:#d7b97e;font-size:9px}.history-preview h3{font-size:24px;margin:20px 0;line-height:1.5}.history-preview p{color:#e1ccd8;font-size:12px}.history-preview strong{display:block;font-size:12px;margin-top:30px;line-height:1.8}.history-preview>img{width:100%;height:100%;object-fit:cover}.chapter>.button{margin-top:26px}.route-card,.case-notes dd{overflow-wrap:anywhere}
:root[data-style=feishu] .article-heading{padding-block:35px}:root[data-style=feishu] .article-heading h1{font-size:34px}:root[data-style=feishu] .route-card>div{padding:20px}:root[data-style=feishu] .route-card h3{font-size:17px}:root[data-style=feishu] .route-card p{font-size:12px}:root[data-style=feishu] .route-card .eyebrow{font-size:8px}:root[data-style=feishu] .column-crosslink h3{font-size:21px}
:root[data-theme=dark] .survey-live-preview{background:#312338;border-color:#65466f;color:#f0d7fa}:root[data-theme=dark] .survey-mini-label,:root[data-theme=dark] .survey-live-preview p,:root[data-theme=dark] .survey-live-preview small{color:#cfafd9}:root[data-theme=dark] .survey-live-preview>div{border-color:#65466f}:root[data-theme=dark] .survey-live-preview b{background:#53355d}:root[data-theme=dark] .route-card>img{filter:brightness(.85)}
@media(max-width:1050px){.route-cards{gap:14px}.route-card>div{padding:18px}.route-card h3{font-size:18px}}
@media(max-width:650px){.route-cards{grid-template-columns:1fr}.article-heading{padding-block:30px}.article-heading h1,:root[data-style=feishu] .article-heading h1{font-size:28px}.survey-live-preview{padding:21px 18px}.survey-live-preview h3{font-size:24px}.survey-live-preview>div{font-size:14px;gap:12px}.survey-live-preview small{font-size:11px}.history-preview{grid-template-columns:1fr}.history-preview>img{height:200px;object-position:center 35%}.history-preview>div{padding:25px}.history-preview strong{margin-top:18px}.column-crosslink{padding:24px}.column-crosslink h3{font-size:20px}.source-links{font-size:11px}}
h1,h2,h3{text-wrap:balance}
@media(max-width:520px){.chapter h2{text-wrap:wrap}.chapter h2 em{display:block}}