/* Three independent presentation directions, sharing the existing functional pages. */
.design-switch{padding:10px 4vw;display:flex;gap:9px;align-items:center;flex-wrap:wrap;background:#fff;border-bottom:1px solid #d9dfe4;font-size:12px;color:#53606b}.design-switch>span{margin-right:auto;color:#283848;font-weight:700}.design-switch a{padding:5px 11px;border:1px solid #dbe1e5;border-radius:3px}.design-switch [aria-current]{color:white;background:#243d56;border-color:#243d56}.design header{padding:23px max(calc((100vw - 1200px)/2),32px)}.design main{max-width:1264px}.design .brand{font-size:27px;letter-spacing:5px}.design .brand span{font-size:10px;letter-spacing:3px;margin-top:4px}.design nav{gap:32px;font-size:14px}.design .section-title{padding-bottom:16px}.design .section-title h2{margin:4px 0}.design .section-title .eyebrow{margin-bottom:7px}.design .card{transition:border-color .15s,transform .15s}.design .card:hover{border-color:var(--green);transform:translateY(-2px)}.design .search{margin:14px 0}.design .search input{outline-offset:0}.design small{font-size:11px;letter-spacing:1px}.design .primary-link{display:inline-flex;align-items:center;gap:42px;padding:13px 22px;background:var(--green);color:white;margin-top:18px;font-size:14px}.question-list>a{display:flex;align-items:baseline;gap:13px;padding:20px 0;border-bottom:1px solid var(--line);font-size:13px}.question-list span{font-family:Georgia,serif;color:var(--gold)}.question-list b{margin-left:auto;font-weight:400}.method-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:32px;gap:36px}.method-strip h3{margin:8px 0}.method-strip p{font-size:12px}.method-strip small{color:var(--gold)}
/* A — institution: monumental composition, navy, brass and architectural rhythm. */
.design-a{--ink:#152c42;--muted:#63717d;--green:#183d59;--paper:#f5f6f7;--line:#d8dfe4;--gold:#9a783e}.design-a .preview{background:#edf0f3;color:#5b6772}.design-a .institution-hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:410px;gap:46px;align-items:center;margin:44px 0}.institution-copy h1{font-size:48px;line-height:1.45;font-family:"SimSun",serif;font-weight:700}.institution-copy p{font-size:14px;line-height:2.1}.institution-map{height:360px;position:relative;overflow:hidden;background:#19384e;color:white;padding:28px 32px;display:flex;flex-direction:column;justify-content:space-between}.map-top{font-size:10px;letter-spacing:2px;z-index:1;display:flex;justify-content:space-between}.map-top span{letter-spacing:1px;color:#c6ae82}.map-bottom{z-index:1;border-top:1px solid #ffffff33;padding-top:20px}.map-bottom strong{font-size:17px;letter-spacing:2px;font-weight:400;display:block}.map-bottom>span{color:#9fb2c1;font-size:11px}.architectural-lines{position:absolute;inset:70px -40px 70px 65px;display:flex;gap:20px;transform:skewY(-20deg) rotate(-4deg)}.architectural-lines i{display:block;width:64px;height:260px;border:1px solid #b5a47a66;background:linear-gradient(90deg,#b5c6d113,#fff0);box-shadow:16px -12px 0 #ffffff05}.architectural-lines i:nth-child(2n){transform:translateY(-30px)}.search-band{display:grid;grid-template-columns:1fr 2fr;gap:44px;align-items:center;padding:28px 36px;background:white;border-left:3px solid var(--gold)}.search-band h2{font-size:21px;margin:6px 0}.search-band small{color:var(--gold)}.search-band .search{margin-top:0}.design-a .topics{gap:0;border:1px solid var(--line)}.design-a .topic{border:0;border-right:1px solid var(--line);padding:28px 22px;background:white}.design-a .topic:last-child{border-right:0}.design-a .topic h3{font-size:17px;margin:18px 0 10px}.design-a .topic>span{font-size:32px;font-style:italic;color:#b39c75}.design-a .topic b{display:block;margin-top:24px}.design-a .tag{background:#edf1f5}.design-a .focus-note{padding:32px;background:#e9eef2;border-top:3px solid var(--gold)}.focus-note h2{font-family:"SimSun",serif;font-size:30px;line-height:1.6}.focus-note p{font-size:13px}.focus-note>a{font-size:13px;font-weight:700}.focus-note small{color:var(--gold)}.design-a .panel{background:#eaf0f4}.design-a footer{background:#193449;color:#dce5eb}.design-a footer p,.design-a footer a,.design-a footer span{color:#c5d0d9}
/* B — publication: serif headlines, open paper, red editorial annotations. */
.design-b{--ink:#252720;--muted:#74736a;--green:#8a352c;--paper:#f8f6f0;--line:#d9d5cb;--gold:#9b453b}.design-b .preview{background:#ede9df;color:#6d6557}.design-b header{background:var(--paper);border-bottom:3px double #bcb8ae}.design-b .brand{font-family:"SimSun",serif}.editorial-mast{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:2px;border-bottom:1px solid var(--line);padding:15px 0;margin:0}.editorial-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;margin:38px 0}.editorial-hero h1{font-family:"SimSun",serif;font-weight:500;font-size:54px;line-height:1.4;letter-spacing:2px}.editorial-hero p{font-size:14px;line-height:2.1}.editorial-feature{border-left:1px solid var(--line);padding:12px 0 12px 42px}.issue-label{display:flex;justify-content:space-between;font-size:11px;color:var(--green);letter-spacing:2px}.issue-label span{color:var(--muted);letter-spacing:0}.editorial-feature h2{font-family:"SimSun",serif;font-size:28px;line-height:1.7;font-weight:600}.editorial-feature p{font-size:12px}.text-link{display:block;font-size:12px;border-top:1px solid var(--line);padding-top:15px}.text-link b{float:right}.editorial-search{display:flex;align-items:center;gap:30px;border-block:1px solid var(--line);padding:10px 0}.editorial-search>span{font-family:"SimSun",serif;white-space:nowrap;font-size:19px}.editorial-search .search{flex:1;background:transparent;border:0;padding:0}.editorial-search input{background:transparent}.design-b button{background:#343a33}.design-b .section-title{border-bottom:2px solid #444b43}.design-b .section-title h2{font-family:"SimSun",serif;font-size:24px}.design-b em{font-family:Georgia,serif;color:var(--green);font-size:15px;font-weight:400;margin-right:15px}.design-b .topics{gap:0}.design-b .topic{background:transparent;border:0;border-right:1px solid var(--line);padding:10px 24px}.design-b .topic:first-child{padding-left:0}.design-b .topic:last-child{border-right:0}.design-b .topic>span{font-size:15px;font-style:italic}.design-b .topic h3{font-family:"SimSun",serif;font-size:21px}.design-b .topic b{display:block;margin-top:24px}.design-b .cards{display:block}.design-b .card{border:0;border-bottom:1px solid var(--line);background:transparent;padding:24px 0}.design-b .card h3{font-family:"SimSun",serif;font-size:22px}.design-b .card p{max-width:640px}.design-b .tag{background:#ebe8df;color:#69665b}.reading-note{padding:28px 0 28px 32px;border-left:1px solid var(--line)}.reading-note h2{font-family:"SimSun",serif}.reading-note blockquote{font-family:"SimSun",serif;font-size:24px;margin:35px 0;line-height:1.8;color:#8a352c}.reading-note>a{font-size:12px}.design-b .panel{background:#f0ede5}.design-b .article{background:#fffdf7;border-top-color:#8a352c}.design-b .article h1,.design-b .topic-hero h1{font-family:"SimSun",serif}.design-b footer{background:#eeece5}
/* C — practical reference: task navigation, concise rows, precise indigo accents. */
.design-c{--ink:#192841;--muted:#63718a;--green:#3856a4;--paper:#fff;--line:#e1e6ef;--gold:#526cb2}.design-c .preview{background:#edf1fa;color:#586786}.design-c .brand{letter-spacing:2px}.design-c header{padding-top:20px;padding-bottom:20px}.workspace-hero{padding:42px;background:#f2f5fb;border:1px solid #e3e9f4;display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:center;margin:32px 0;border-radius:5px}.workspace-hero h1{font-size:40px;line-height:1.45;font-weight:650;letter-spacing:0}.workspace-hero p{font-size:14px}.workspace-hero .search{border-color:#9eafd5;padding:5px;border-radius:4px}.workspace-hero .eyebrow{letter-spacing:1px}.status-dot{display:inline-block;width:7px;height:7px;background:#4964ab;margin-right:8px;border-radius:50%}.path-card{background:#fff;border:1px solid #dfe6f3;padding:26px;border-radius:5px}.path-card>span{font-size:12px;font-weight:700}.path-card ol{list-style:none;padding:0;margin:20px 0 0}.path-card li{display:flex;gap:16px;align-items:center;margin:20px 0}.path-card li:last-child{margin-bottom:0}.path-card li>b{font-size:12px;color:#637bb6;background:#edf1fa;width:30px;height:30px;text-align:center;line-height:30px;border-radius:50%}.path-card strong{display:block;font-size:13px;font-weight:600}.path-card small{display:block;font-size:10px;letter-spacing:0;color:var(--muted);margin-top:2px}.workspace-body{display:grid;grid-template-columns:255px 1fr;gap:36px}.domain-rail{border-right:1px solid var(--line);padding-right:24px}.domain-rail>.eyebrow{margin:10px 0 16px;letter-spacing:1px}.domain-rail>a{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:20px 0;font-size:11px;color:#7c8bad}.domain-rail strong{font-size:12px;font-weight:500;color:var(--ink)}.domain-rail b{margin-left:auto;font-weight:400}.rail-note{padding:20px;background:#f4f6fa;margin-top:30px;border-radius:4px}.rail-note span,.rail-note p,.rail-note a{font-size:11px}.rail-note span{color:var(--muted)}.task-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:36px}.task-cards>a{padding:20px 16px;border:1px solid var(--line);border-top:3px solid #768cc4;border-radius:4px}.task-cards span{font-size:10px;color:var(--muted)}.task-cards h3{font-size:15px;margin:12px 0 22px}.task-cards b{font-size:11px;color:var(--green);font-weight:500}.design-c .section-title h2{font-size:20px}.design-c .cards{display:block}.design-c .card{padding:20px 0;background:white;border:0;border-bottom:1px solid var(--line)}.design-c .card h3{font-size:18px}.design-c .card p{margin:6px 0;font-size:12px}.design-c .tag{background:#eef2fb;border-radius:3px}.checklist-link{margin-top:25px;padding:20px;display:flex;gap:20px;align-items:center;background:#f4f6fb;border-radius:4px;font-size:12px}.checklist-link span{color:var(--green)}.checklist-link b{margin-left:auto;font-weight:500}.design-c .panel{background:#f4f6fb}.design-c .topic{border-radius:4px}.design-c .article{border:1px solid var(--line);border-top:3px solid var(--green);border-radius:4px}.design-c footer{background:#f7f9fc}
/* Comparison landing. */
.comparison-intro{max-width:750px;margin:50px 0 36px}.comparison-intro h1{font-family:"SimSun",serif}.concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.concept{display:block;background:#fff;border:1px solid #dce1df}.concept:hover{text-decoration:none;border-color:#7c8a95}.concept-art{height:220px;padding:24px;position:relative;overflow:hidden;color:white;background:#19384e}.concept-art>span{font:70px Georgia,serif;position:relative;z-index:1}.concept-art>b{position:absolute;bottom:22px;left:24px;font-size:11px;font-weight:400;letter-spacing:2px}.mini-lines{position:absolute;right:12px;top:25px;display:flex;gap:12px;transform:skewY(-20deg)}.mini-lines i{display:block;width:35px;height:160px;border:1px solid #a69a7f66}.concept-b .concept-art{background:#eeeadf;color:#843b32}.concept-b .mini-lines{transform:none;display:block;top:45px}.concept-b .mini-lines i{height:1px;width:125px;border:0;background:#8c877960;margin:18px 0}.concept-c .concept-art{background:#eaf0fc;color:#3b57a0}.concept-c .mini-lines{transform:none;gap:8px}.concept-c .mini-lines i{border:1px solid #aab9db;background:#fff;width:34px;height:90px;border-radius:4px}.concept-text{padding:26px}.concept-text h2{margin:8px 0}.concept-text small{font-size:11px;letter-spacing:2px;color:#7c857e}.concept-text p{font-size:13px;min-height:50px}.concept-text strong{font-size:13px}.compare-note{padding:28px;background:#eaf0ed;max-width:920px}.compare-note p{font-size:14px}
@media(max-width:1000px){.institution-copy h1{font-size:40px}.institution-map{padding:22px;height:330px}.design-a .institution-hero{gap:24px}.editorial-hero{gap:30px}.editorial-hero h1{font-size:43px}.editorial-feature{padding-left:28px}.editorial-feature h2{font-size:24px}.workspace-hero{padding:28px;gap:24px}.workspace-body{grid-template-columns:210px 1fr;gap:24px}.task-cards{grid-template-columns:1fr}.task-cards>a{padding:15px 20px}.task-cards h3{margin:5px 0}.concepts{gap:15px}.concept-text{padding:20px}}
@media(max-width:800px){.design header{padding:20px}.design nav{gap:18px;font-size:12px}.design .brand{font-size:23px}.design-a .institution-hero,.editorial-hero,.workspace-hero{grid-template-columns:1fr;gap:26px;margin:30px 0}.institution-copy h1{font-size:36px}.institution-map{height:235px}.architectural-lines{inset:50px -20px 45px 110px}.search-band{grid-template-columns:1fr;padding:24px;gap:10px}.search-band h2{font-size:21px}.design-a .topic:nth-child(2){border-right:0}.design-a .topic:nth-child(-n+2){border-bottom:1px solid var(--line)}.design-a .topic{padding:24px 18px}.method-strip{gap:20px}.method-strip h3{font-size:15px}.design-b .topic:nth-child(2){border-right:0}.design-b .topic{padding:18px}.design-b .topic:nth-child(3){padding-left:0}.editorial-mast{font-size:9px;letter-spacing:1px}.editorial-hero h1{font-size:40px}.editorial-feature{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.editorial-feature h2{font-size:27px}.editorial-search{gap:10px}.editorial-search>span{font-size:15px}.reading-note{border:0;padding:20px 0}.workspace-body{grid-template-columns:1fr}.domain-rail{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.domain-rail>.eyebrow{grid-column:1/-1}.rail-note{display:none}.workspace-hero{padding:24px}.workspace-hero h1{font-size:34px}.path-card{padding:20px}.task-cards{grid-template-columns:repeat(3,1fr);gap:10px}.task-cards>a{padding:14px}.task-cards h3{font-size:14px;margin:10px 0}.concepts{grid-template-columns:1fr}.concept{display:grid;grid-template-columns:180px 1fr}.concept-art{height:100%;min-height:220px}.concept-text p{min-height:0}.mini-lines{right:-35px}.design-switch>span{width:100%}.design-switch a{font-size:11px;padding:4px 8px}}
@media(max-width:480px){.design .brand{font-size:22px}.institution-copy h1{font-size:33px}.institution-copy p br{display:none}.design .topic h3{font-size:16px}.method-strip{grid-template-columns:1fr;gap:4px}.method-strip>div{padding:16px 0;border-bottom:1px solid var(--line)}.editorial-mast{flex-direction:column;gap:5px}.editorial-search{display:block}.editorial-search>span{display:none}.editorial-hero h1{font-size:36px}.workspace-hero{padding:22px 18px}.workspace-hero h1{font-size:30px}.workspace-hero .search input{font-size:12px;padding:9px 5px}.workspace-hero .search button{font-size:12px}.task-cards{grid-template-columns:1fr}.task-cards>a{padding:18px}.checklist-link{align-items:flex-start;flex-direction:column;gap:6px}.checklist-link b{margin:0}.concept{grid-template-columns:1fr}.concept-art{min-height:180px;height:180px}.mini-lines{right:20px}.design .section-title span{font-size:10px}.design .section-title{align-items:flex-end}}

/* Selected A: shared interior page typography and accessible interaction states. */
.design-a .topic-hero{padding:36px;border-top:3px solid var(--gold);background:#e9eef2;margin-top:28px}
.design-a .topic-hero h1,.design-a .article h1{font-family:"SimSun",serif;font-weight:700;line-height:1.5}
.design-a .article{border-top:3px solid var(--gold);box-shadow:0 8px 30px #152c4205}
.design-a .article h2{font-family:"SimSun",serif}
.design-a .lead{background:#f4f5f6;border-left-color:var(--gold);padding:16px 22px}
.design-a button:hover{background:#244e6c}
.design-a .filters{padding:18px 22px;background:#e9eef2;border-left:3px solid var(--gold);margin:24px 0}
.design-a .results .card{border-left:3px solid #c8d2dc}
.design-a .results .card:hover{border-left-color:var(--gold)}
@media(max-width:800px){.design-a .topic-hero{padding:24px}.design-a .topic-hero h1{font-size:28px}.design-a .filters{padding:18px}.design-a .article h1{font-size:27px}}