:root{
  --paper:#f7f3ea; --paper2:#fffdf8; --ink:#172129; --muted:#6f6a61; --line:#ded6c9;
  --red:#a91f24; --red2:#c8413c; --redSoft:#f8ebe7; --jade:#3d7061; --blue:#526f8e;
  --shadow:0 12px 36px rgba(69,47,27,.11); --radius:14px;
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;font-family:"Noto Serif TC","Songti TC","SimSun",serif;color:var(--ink);background:#f4f0e8}
body:before{content:"";position:fixed;inset:74px 0 auto 0;height:430px;background:linear-gradient(to bottom,rgba(247,243,234,.05),rgba(247,243,234,.82)),url('/assets/ink-bg.jpg') center/cover no-repeat;opacity:.72;pointer-events:none;z-index:-2}
body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.8),transparent 35%),linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08));pointer-events:none;z-index:-1}
a{color:inherit;text-decoration:none} button,input,select{font:inherit}
.topbar{height:76px;background:rgba(255,253,248,.94);border-bottom:1px solid rgba(120,105,89,.18);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:50;backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:12px;min-width:305px}.brand-seal{width:42px;height:42px;border:2px solid var(--red);color:var(--red);display:grid;place-items:center;border-radius:7px;font-size:26px;font-weight:700}.brand strong{display:block;font-size:23px;letter-spacing:.04em}.brand small{display:block;font-size:13px;letter-spacing:.25em;margin-top:3px;color:#3f3d39}
.main-nav{display:flex;align-items:center;gap:7px;margin-left:auto}.nav-item{border:0;background:transparent;padding:27px 17px 24px;font-size:17px;cursor:pointer;position:relative;white-space:nowrap}.nav-item:hover,.nav-item.active{color:var(--red)}.nav-item.active:after,.nav-group:hover>.nav-item:after{content:"";position:absolute;left:14px;right:14px;bottom:14px;height:2px;background:var(--red)}.nav-button span{font-size:12px;margin-left:5px}.nav-group{position:relative}.mega-menu{position:absolute;top:64px;left:50%;transform:translateX(-50%) translateY(8px);display:grid;gap:0;background:rgba(255,254,250,.985);border:1px solid #ded5c9;border-radius:10px;box-shadow:var(--shadow);padding:18px 20px;min-width:580px;opacity:0;visibility:hidden;transition:.16s}.nav-group:hover .mega-menu,.nav-group:focus-within .mega-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr);min-width:690px}.mega-menu section{padding:0 20px;border-right:1px solid #eee6dc}.mega-menu section:last-child{border:0}.mega-menu h4{margin:0 0 12px;color:#3b3129;font-size:16px}.mega-menu a,.menu-muted{display:block;padding:7px 0;font-size:14px}.mega-menu a:hover{color:var(--red)}.menu-muted{color:#78716a}.icon-btn{margin-left:15px;border:0;background:transparent;font-size:32px;cursor:pointer}
.page{max-width:1460px;margin:0 auto;padding:28px 34px 60px}.hero{min-height:calc(100vh - 76px);display:flex;align-items:center;justify-content:center;padding-bottom:100px}.hero-box{text-align:center;width:min(900px,90vw)}.hero h1{font-size:44px;letter-spacing:.09em;margin:0 0 17px}.hero p{font-size:19px;letter-spacing:.08em;color:#514c46;margin-bottom:30px}.search-shell{position:relative}.big-search{display:flex;background:white;border:1px solid #d5c9bc;border-radius:999px;box-shadow:0 8px 30px rgba(85,61,38,.13);overflow:hidden;height:64px}.big-search input{border:0;outline:0;flex:1;font-size:19px;padding:0 24px;background:transparent}.big-search button{width:110px;border:0;background:linear-gradient(135deg,#8e1a1f,#bd2d31);color:white;font-size:19px;cursor:pointer}.search-scope{display:flex;justify-content:center;gap:24px;margin-top:18px;color:#514c46}.suggestions{position:absolute;left:20px;right:20px;top:70px;background:#fffdf9;border:1px solid #ddd3c6;border-radius:12px;box-shadow:var(--shadow);text-align:left;overflow:hidden;z-index:20}.suggestion{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;border-bottom:1px solid #eee7df;cursor:pointer}.suggestion:last-child{border-bottom:0}.suggestion:hover{background:#fbf2ee}.suggestion strong{font-size:18px}.suggestion small{display:block;color:#766f68;margin-top:3px}.tag{font-size:12px;padding:4px 8px;border-radius:99px;background:#f3ede5;color:#6e6258}.tag.red{background:#fae9e5;color:var(--red)}
.breadcrumb{font-size:13px;color:#776e65;margin-bottom:14px}.page-title{font-size:38px;margin:0 0 8px;letter-spacing:.05em}.page-sub{color:#655f58;margin:0 0 22px}.toolbar{display:flex;gap:12px;align-items:center;background:rgba(255,253,248,.88);border:1px solid #e2d9cd;border-radius:10px;padding:11px 13px;margin-bottom:15px}.toolbar label{font-size:13px;color:#655f58}.toolbar select,.toolbar input{height:40px;border:1px solid #d8cec1;background:white;border-radius:7px;padding:0 12px;outline:none}.toolbar .spacer{flex:1}.btn{border:1px solid #d7ccc0;background:#fffdfa;border-radius:7px;padding:10px 16px;cursor:pointer}.btn.primary{background:var(--red);color:white;border-color:var(--red)}.btn:hover{transform:translateY(-1px)}
.metric-line{display:flex;gap:25px;align-items:center;margin:9px 0 18px;color:#695f56}.metric-line b{font-size:24px;color:var(--red)}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:14px}.card{background:rgba(255,253,248,.94);border:1px solid #ded5c9;border-radius:12px;box-shadow:0 4px 16px rgba(70,50,30,.05)}.flow-card{min-height:570px;padding:18px}.detail-card{padding:21px;min-height:570px}.detail-card h2{font-size:29px;margin:0 0 15px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0}.mini-stat{background:#f8f3ed;border-radius:7px;padding:12px;text-align:center}.mini-stat b{display:block;font-size:23px;color:var(--red)}.section-title{border-left:3px solid var(--red);padding-left:10px;font-weight:700;margin:20px 0 10px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{background:#f6f1eb;border:1px solid #e3d9cd;padding:6px 10px;border-radius:7px}.hint-box{background:#fbf3e8;border-radius:8px;padding:14px;margin:15px 0;color:#5d5147}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.flow-svg{width:100%;overflow:auto;min-height:520px}.flow-svg svg{min-width:790px}.flow-node rect{fill:#fbf6ee;stroke:#d6c7b9}.flow-node text{fill:#2d2824;font-size:14px}.flow-node.selected rect{stroke:#c44940;stroke-width:2;fill:#fff0ec}.flow-link{fill:none;stroke:rgba(98,104,99,.2);cursor:pointer;transition:.16s}.flow-link.stable{stroke:rgba(84,107,93,.26)}.flow-link.change{stroke:rgba(185,57,48,.46)}.flow-link:hover,.flow-link.selected{stroke:rgba(184,43,39,.8)}
.tabs{display:flex;background:rgba(255,253,248,.93);border:1px solid #ded5c9;border-radius:10px 10px 0 0;margin-top:14px;overflow:hidden}.tab{border:0;background:transparent;padding:13px 26px;cursor:pointer}.tab.active{background:var(--red);color:white}.tab-panel{background:rgba(255,253,248,.96);border:1px solid #ded5c9;border-top:0;padding:14px;border-radius:0 0 10px 10px;min-height:150px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{background:#f0ebe4;text-align:left;padding:9px}.data-table td{border-top:1px solid #e8e0d7;padding:9px}.data-table tr.clickable{cursor:pointer}.data-table tr.clickable:hover{background:#fff1ec}.bar-list{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:75px 1fr 45px;gap:10px;align-items:center}.bar{height:9px;background:#ece7df;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:var(--red);border-radius:99px}
.compare-header{display:grid;grid-template-columns:1fr 220px 1fr;background:#eee9e2;border-radius:9px;padding:12px;text-align:center;font-weight:700}.match-row{display:grid;grid-template-columns:1fr 220px 1fr;gap:10px;margin-top:10px}.entry-card{background:#fffaf5;border:1px solid #ddcfc1;border-radius:10px;padding:15px}.entry-card h3{margin:0 0 8px;font-size:24px}.phon{letter-spacing:.08em;color:#4a443e}.gloss{line-height:1.75;margin-top:10px;color:#4d4944}.relation-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fbf6ef;border-radius:10px;color:#6a5d52}.relation-cell b{color:var(--red);margin-bottom:8px}.arrow{font-size:27px}.source-line{font-size:12px;color:#7d756e;margin-top:8px}.empty{padding:38px;text-align:center;color:#7a7269}.fanqie-hero{display:grid;grid-template-columns:1fr 330px 1fr;gap:12px}.big-group{text-align:center;padding:30px}.big-group h2{color:var(--red);font-size:40px;margin:4px}.change-card{padding:25px}.change-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #eee6de}.change-row strong{color:var(--red)}
.discover-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.discover-card{background:#fffdfa;border:1px solid #ded5c9;border-radius:10px;padding:17px}.discover-card h3{color:var(--red);font-size:22px;margin:3px 0 10px}.discover-card p{line-height:1.7;color:#5d5650}.footer-note{text-align:center;color:#857d74;font-size:12px;margin-top:26px}.toast{position:fixed;right:25px;bottom:25px;background:#2c2926;color:white;padding:12px 16px;border-radius:8px;opacity:0;transform:translateY(8px);transition:.2s;z-index:99}.toast.show{opacity:1;transform:none}
@media(max-width:1100px){.main-nav{display:none}.brand{min-width:0}.workspace{grid-template-columns:1fr}.detail-card{min-height:auto}.fanqie-hero{grid-template-columns:1fr}.discover-grid{grid-template-columns:1fr 1fr}.match-row,.compare-header{grid-template-columns:1fr}.relation-cell{padding:14px}.page{padding:20px}.hero h1{font-size:34px}}
.view-tabs{display:flex;gap:0;margin:4px 0 14px;border-bottom:1px solid #d8cdc0}.view-tabs a,.view-tabs span{padding:11px 28px;border:1px solid #ded5c9;border-bottom:0;background:rgba(255,253,248,.86);color:#665f58}.view-tabs .active{background:var(--red);color:white;border-color:var(--red)}
.link-btn{border:0;background:transparent;color:var(--red);cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:4px 6px}.entry-clickable{cursor:pointer;transition:.15s}.entry-clickable:hover{border-color:#c78c83;box-shadow:0 6px 18px rgba(90,45,35,.08)}
.drawer-backdrop{position:fixed;inset:0;background:rgba(37,31,27,.22);z-index:120;opacity:0;transition:.16s}.drawer-backdrop.open{opacity:1}.drawer{position:absolute;right:0;top:0;height:100%;width:min(520px,92vw);background:#fffdf9;border-left:1px solid #ddd1c5;box-shadow:-16px 0 42px rgba(49,37,28,.16);padding:30px;overflow:auto;transform:translateX(100%);transition:.18s}.drawer-backdrop.open .drawer{transform:none}.drawer-close{position:absolute;right:18px;top:12px;border:0;background:transparent;font-size:32px;cursor:pointer}.drawer-title{font-size:28px;font-weight:700;border-left:3px solid var(--red);padding-left:12px;margin:0 40px 20px 0}.drawer-tabs{display:flex;gap:7px;margin-bottom:16px}.drawer-tabs button{border:1px solid #dbd0c5;background:#faf6f0;padding:9px 17px;border-radius:7px;cursor:pointer}.drawer-tabs button.active{background:var(--red);border-color:var(--red);color:white}.raw-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e1d8ce;border-radius:8px;overflow:hidden}.raw-grid>div{padding:10px 12px;border-bottom:1px solid #eee6dd;display:flex;gap:8px;min-width:0}.raw-grid>div:nth-child(odd){border-right:1px solid #eee6dd}.raw-grid span{color:#796f66;min-width:72px}.raw-grid b{font-weight:500;overflow-wrap:anywhere}.raw-gloss{line-height:1.85;background:#faf6f0;padding:15px;border-radius:8px;white-space:pre-wrap}.drawer h3{margin-top:8px;color:#362f2a}
@media(max-width:1100px){.view-tabs{overflow:auto}.toolbar{flex-wrap:wrap}.raw-grid{grid-template-columns:1fr}.raw-grid>div:nth-child(odd){border-right:0}.drawer{width:min(640px,96vw)}}
/* MVP-3 knowledge graph */
.kg-page{max-width:1560px}.kg-toolbar input{width:80px}.check{display:flex;gap:6px;align-items:center}.check input{height:auto}.kg-stats{display:flex;gap:20px;flex-wrap:wrap;margin:0 0 13px;color:#6d635a}.kg-stats span{background:rgba(255,253,248,.82);border:1px solid #e0d6ca;border-radius:999px;padding:7px 12px}.kg-stats b{color:var(--red);font-size:18px;margin-right:4px}.kg-workspace{display:grid;grid-template-columns:220px minmax(640px,1fr) 350px;gap:12px;align-items:stretch}.kg-filter,.kg-detail{padding:18px;min-height:650px}.kg-main{min-height:650px;overflow:hidden}.kg-canvas{min-height:650px;overflow:auto;background:radial-gradient(circle at 50% 46%,rgba(246,239,226,.86),rgba(255,253,248,.72) 55%,rgba(239,234,224,.55));position:relative}.kg-canvas svg{width:100%;height:650px;min-width:850px}.kg-edge{fill:none;stroke:#a99d91;stroke-width:1.25;opacity:.5}.kg-edge.attests{stroke-dasharray:5 4;opacity:.38}.kg-edge.has_gloss{opacity:.35}.kg-edge.strict_match{stroke:#a61e25;stroke-width:2.4;opacity:.73}.kg-edge.active{stroke-width:3.4;opacity:1}.kg-edge-label{font-size:11px;fill:#8d2025;paint-order:stroke;stroke:#fffdf9;stroke-width:4px;stroke-linejoin:round}.kg-node{cursor:pointer}.kg-node rect,.kg-node circle{stroke-width:1.5;transition:.15s}.kg-node text{font-size:14px;pointer-events:none}.kg-node .kg-sub{font-size:11px;fill:#665f58}.kg-node.character circle{fill:#fff8ed;stroke:#a61e25;stroke-width:3}.kg-node.character .kg-char{font-size:38px;font-weight:700;fill:#8f171c}.kg-node.work rect{fill:#fff5f2;stroke:#b94a47}.kg-node.reading rect{fill:#fffdf8;stroke:#8b7e70}.kg-node.gloss rect{fill:#f2f5ef;stroke:#6f8977}.kg-node.selected rect,.kg-node.selected circle{filter:drop-shadow(0 4px 8px rgba(133,30,33,.22));stroke:#bf242a;stroke-width:3}.kg-legend{display:grid;gap:10px}.kg-legend span{display:flex;align-items:center;gap:9px}.kg-legend i{width:18px;height:18px;border-radius:5px;border:2px solid;display:inline-block}.kg-legend i.character{border-radius:50%;border-color:#a61e25;background:#fff8ed}.kg-legend i.work{border-color:#b94a47;background:#fff5f2}.kg-legend i.reading{border-color:#8b7e70;background:#fffdf8}.kg-legend i.gloss{border-color:#6f8977;background:#f2f5ef}.kg-redline,.kg-grayline{display:inline-block;width:28px;height:0;border-top:3px solid #a61e25;vertical-align:middle;margin-right:4px}.kg-grayline{border-top:2px solid #a99d91}.kg-detail-kicker{color:var(--red);font-size:12px;letter-spacing:.12em}.kg-detail h2{font-size:28px;margin:5px 0 14px}.kg-rel-list{display:grid;gap:7px}.kg-rel-list button{border:1px solid #e2d8cc;background:#fffdf9;border-radius:8px;padding:10px 11px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;gap:12px}.kg-rel-list button:hover{border-color:#c98d84;background:#fff7f2}.kg-rel-list span{color:#7b7066}.kg-rel-list b{font-weight:600}.kg-filter p{font-size:13px;color:#70665d}.kg-page #kgEvidenceWrap{margin-top:14px}
@media(max-width:1250px){.kg-workspace{grid-template-columns:1fr}.kg-filter{min-height:0}.kg-detail{min-height:0}.kg-canvas{min-height:600px}.kg-canvas svg{height:600px}}
/* MVP-4 · 《經典釋文》語境—注音—義項—屬性層 */
.kg-node.context rect{fill:#f4f1e8;stroke:#9b8b72}.kg-node.pronunciation rect{fill:#eef4f5;stroke:#597f88}.kg-node.sense rect{fill:#f3f5e8;stroke:#7c8d50}.kg-node.attribute rect{fill:#f7eef0;stroke:#9b6470}.kg-legend i.context{border-color:#9b8b72;background:#f4f1e8}.kg-legend i.pronunciation{border-color:#597f88;background:#eef4f5}.kg-legend i.sense{border-color:#7c8d50;background:#f3f5e8}.kg-legend i.attribute{border-color:#9b6470;background:#f7eef0}.kg-edge.has_pronunciation{stroke:#7698a0;opacity:.65}.kg-edge.realizes_sense,.kg-edge.expresses{stroke:#8d9b65;opacity:.6}.kg-edge.classified_as{stroke:#a77782;opacity:.58}.kg-edge.phonological_match{stroke:#4d7883;stroke-width:2.1;stroke-dasharray:7 4;opacity:.76}.kg-edge.attested_sense{stroke:#7d8d55;stroke-width:1.7;stroke-dasharray:4 4;opacity:.55}.kg-edge.attests_context,.kg-edge.occurs_in{opacity:.28}.kg-blueline{display:inline-block;width:28px;height:0;border-top:2px dashed #4d7883;vertical-align:middle;margin-right:4px}.mini-stat.wide{display:flex;gap:10px;align-items:baseline;padding:10px 0}.mini-stat.wide b{font-size:28px;color:var(--red)}.context-summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 0 14px;color:#6c6259}.context-summary b{color:var(--red)}.context-summary .btn:disabled{opacity:.45;cursor:not-allowed}.kg-toolbar{row-gap:8px}.kg-toolbar select{min-width:82px}
/* MVP-5 · SoundMeaningUnit + SenseConcept */
.kg-node.smu rect{fill:#fbf2df;stroke:#b88a3d;stroke-width:2}.kg-node.senseconcept rect{fill:#eef2e3;stroke:#6f8344;stroke-width:2}.kg-legend i.smu{border-color:#b88a3d;background:#fbf2df}.kg-legend i.senseconcept{border-color:#6f8344;background:#eef2e3}.kg-edge.has_sound_meaning_unit{stroke:#b88a3d;opacity:.34}.kg-edge.forms_unit{stroke:#b88a3d;stroke-width:1.8;opacity:.72}.kg-edge.reading_realizes_unit{stroke:#b88a3d;stroke-width:2.2;stroke-dasharray:6 4;opacity:.78}.kg-edge.candidate_concept{stroke:#6f8344;stroke-width:2;stroke-dasharray:3 4;opacity:.72}.kg-edge.unit_evidence{stroke:#a58a60;opacity:.45}.kg-edge.unit_attribute{stroke:#a77782;opacity:.52}.kg-goldline{display:inline-block;width:28px;height:0;border-top:2px dashed #b88a3d;vertical-align:middle;margin-right:4px}.hint-box.warning{background:#fff8e8;border-color:#e4c98a;color:#685832}.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.concept-card{background:#fffdfa;border:1px solid #ded5c9;border-radius:10px;padding:15px;display:grid;gap:10px}.concept-card.candidate{border-color:#d6b579;background:#fffaf0}.concept-card h3{margin:8px 0 3px;font-size:23px;color:#4c4a3c}.concept-card p{margin:0;color:#71675e}.concept-members{display:flex;gap:6px;flex-wrap:wrap}.concept-members span{background:#f2eee7;border:1px solid #e3d9ce;padding:5px 8px;border-radius:999px;font-size:12px}.concept-members b{color:var(--red);margin-left:4px}.concept-card small{line-height:1.6;color:#786f65}
@media(max-width:1200px){.concept-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.concept-grid{grid-template-columns:1fr}}
.kg-page .tabs{overflow-x:auto}.kg-page .tabs .tab{white-space:nowrap;flex:0 0 auto}

/* ===== Homepage and topbar refresh (2026-10-24) ===== */
.topbar{justify-content:center;position:sticky;top:0;padding:0 34px;}
.topbar-spacer,.topbar-actions{flex:1;min-width:160px}
.main-nav{margin-left:0;justify-content:center;flex:0 1 auto}
.topbar-actions{display:flex;justify-content:flex-end;align-items:center}
.login-btn{border:0;background:linear-gradient(180deg,#d18a50,#c87536);color:#fff;border-radius:8px;padding:12px 18px;font-size:16px;cursor:pointer;box-shadow:0 6px 16px rgba(160,103,53,.18)}
.login-btn:hover{transform:translateY(-1px)}
.icon-btn{display:none}

.hero.home-hero{min-height:calc(100vh - 76px);padding:0 28px 72px;position:relative;overflow:hidden}
.hero.home-hero:before{content:"";position:absolute;inset:0;background:
 linear-gradient(to bottom,rgba(247,243,234,.68),rgba(247,243,234,.78)),
 radial-gradient(circle at 50% 38%,rgba(255,255,255,.52),transparent 30%),
 url('/assets/ink-bg.jpg') center/cover no-repeat;
 opacity:.96;z-index:-2}
.hero.home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.25),rgba(255,255,255,.03) 20%,rgba(255,255,255,.15));z-index:-1}
.hero-box.home-box{width:min(1180px,94vw);text-align:center;padding-top:46px}
.hero-box.home-box .home-title{font-size:64px;line-height:1.2;letter-spacing:.04em;margin:84px 0 44px;color:#5b1d08;font-weight:900;text-shadow:0 2px 0 rgba(255,255,255,.55),0 3px 18px rgba(122,70,30,.08)}
.title-ornaments{display:flex;align-items:center;justify-content:center;gap:30px}
.title-ornaments .orn{width:110px;height:1px;background:linear-gradient(90deg,transparent,#caa274 30%,#caa274 70%,transparent);position:relative;opacity:.8}
.title-ornaments .orn:before,.title-ornaments .orn:after{content:"";position:absolute;top:-8px;width:18px;height:18px;border:2px solid #d1ad84;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(45deg)}
.title-ornaments .orn:before{left:8px}.title-ornaments .orn:after{right:8px;transform:rotate(225deg)}

.home-search-shell{position:relative;width:min(1050px,92vw);margin:0 auto}
.home-search-bar{display:flex;align-items:center;height:78px;background:rgba(255,255,255,.95);border:1px solid #d9cab5;border-radius:18px;box-shadow:0 12px 34px rgba(109,74,39,.12);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.home-search-bar:hover,.home-search-bar:focus-within{transform:translateY(-2px);box-shadow:0 18px 40px rgba(109,74,39,.17);border-color:#c9864d}
.search-mode-wrap{display:flex;align-items:center;flex:0 0 210px;padding-left:24px;padding-right:20px;position:relative}
.search-mode-wrap:after{content:"";position:absolute;right:0;top:18px;bottom:18px;width:1px;background:#e5d7c5}
.search-mode{width:100%;border:0;background:transparent;outline:none;font-size:17px;font-weight:700;color:#3f362f;appearance:none;cursor:pointer;padding-right:24px}
.search-mode-wrap:before{content:"⌄";position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:12px;color:#73655b;pointer-events:none}
.home-query{flex:1;border:0;outline:none;background:transparent;font-size:19px;padding:0 26px;color:#3d342e}
.home-query::placeholder{color:#b0a69a}
.home-go{width:98px;height:100%;border:0;background:linear-gradient(180deg,#d18a50,#c87536);color:#fff;font-size:34px;cursor:pointer;transition:filter .16s ease}
.home-go:hover{filter:brightness(.98)}
.search-scope.home-scope{display:flex;justify-content:center;gap:38px;margin-top:22px;color:#3f352d;font-size:18px}
.scope-choice{display:flex;align-items:center;gap:10px;cursor:pointer}
.scope-choice input{accent-color:#c87438;width:20px;height:20px}
.home-suggest{left:0;right:0;top:88px;border-radius:16px;background:rgba(255,253,248,.98)}
.home-quiet{display:none}

.hero-home-note{display:none}

/* hide previous large fixed bg so homepage bg controls visual tone more directly */
body:before{opacity:.26}

@media (max-width: 1100px){
  .topbar{padding:0 18px}
  .topbar-spacer{display:none}
  .main-nav{gap:0;overflow:auto}
  .nav-item{padding:24px 12px 22px;font-size:15px}
  .hero-box.home-box .home-title{font-size:46px;margin-top:64px}
  .search-mode-wrap{flex-basis:170px}
}
@media (max-width: 760px){
  .topbar-actions{min-width:auto}
  .login-btn{padding:9px 12px;font-size:14px}
  .hero.home-hero{padding-bottom:40px}
  .title-ornaments .orn{display:none}
  .hero-box.home-box .home-title{font-size:34px}
  .home-search-bar{height:auto;flex-wrap:wrap;border-radius:18px}
  .search-mode-wrap{flex:1 0 100%;padding:16px 18px 12px}
  .search-mode-wrap:after{left:18px;right:18px;top:auto;bottom:0;width:auto;height:1px}
  .home-query{flex:1 1 calc(100% - 90px);padding:18px}
  .home-go{width:88px;height:64px}
  .search-scope.home-scope{gap:20px;font-size:16px;flex-wrap:wrap}
}