:root{--ink:#241f1b;--muted:#6e655d;--line:#dfd7cc;--paper:#fffdf9;--cream:#f7f1e8;--red:#7e1d1d;--deep:#2d2925;--shadow:0 12px 35px rgba(48,38,28,.08)}*{box-sizing:border-box}body{margin:0;background:#f3efe9;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.shell{max-width:1180px;margin:0 auto;padding:24px 18px 64px}a{color:inherit}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 0 22px}.brand{text-decoration:none;font-family:Georgia,serif;font-size:25px;font-weight:700}.brand small{display:block;font-family:Arial,sans-serif;font-size:11px;letter-spacing:1.8px;color:var(--red);margin-top:3px}.nav{display:flex;gap:10px;flex-wrap:wrap}.nav a{text-decoration:none;font-size:13px;color:#5e554e;padding:8px 10px;border-radius:8px}.nav a:hover{background:#ece4d9}.hero{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:46px;box-shadow:var(--shadow);margin-bottom:24px}.kicker{font-size:12px;letter-spacing:1.8px;color:var(--red);font-weight:700;margin-bottom:12px}h1,h2,h3{font-family:Georgia,"Times New Roman",serif}h1{font-size:clamp(36px,6vw,64px);line-height:1.06;margin:0 0 18px}.hero p{font-family:Georgia,serif;font-size:19px;line-height:1.75;color:#5c534b;max-width:900px}.zh{font-size:15px;color:#8b8178;margin-top:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.stat{background:var(--cream);border:1px solid var(--line);padding:18px;border-radius:16px}.stat b{font-family:Georgia,serif;font-size:25px;display:block;margin-bottom:4px}.searchbox{display:flex;gap:10px;margin-top:24px}.searchbox input{flex:1;padding:15px 16px;border:1px solid #cfc4b7;border-radius:12px;font-size:16px;background:white}.searchbox button,.btn{border:1px solid var(--deep);background:var(--deep);color:white;padding:12px 17px;border-radius:10px;cursor:pointer;text-decoration:none;display:inline-block;font-weight:700;font-size:14px}.section{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:30px;margin:22px 0;box-shadow:0 7px 22px rgba(40,32,24,.045)}.section h2{font-size:30px;margin:0 0 16px}.section p,.article p{font-family:Georgia,serif;font-size:18px;line-height:1.82;color:#4f4842}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cat{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff;text-decoration:none}.cat:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.cat .n{font-size:12px;color:var(--red);font-weight:700;letter-spacing:1px}.cat h3{font-size:21px;margin:8px 0}.cat p{font-size:13px;color:var(--muted);margin:0}.qgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.qcard{display:block;text-decoration:none;border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:#fff}.qcard:hover{border-color:#bfaea0;box-shadow:0 8px 22px rgba(40,32,24,.06)}.qcard b{font-family:Georgia,serif;font-size:18px;line-height:1.35}.qcard small{display:block;color:#8a7f75;margin-top:7px}.promo-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.promo{min-height:180px;border-radius:20px;padding:24px;color:white;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#4b4037,#7e1d1d);box-shadow:var(--shadow)}.promo:nth-child(2){background:linear-gradient(135deg,#27231f,#66594d)}.promo:nth-child(3){background:linear-gradient(135deg,#6b5b4d,#2d2925)}.promo .tag{font-size:11px;letter-spacing:1.3px;opacity:.8}.promo h3{font-size:23px;margin:7px 0}.promo p{margin:0;color:#f1e9df;font-size:14px;line-height:1.55}.breadcrumb{font-size:13px;color:#867b70;margin:6px 0 18px}.breadcrumb a{text-decoration:none}.article{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:42px;box-shadow:var(--shadow)}.article h1{font-size:clamp(34px,5vw,54px)}.article h2{font-size:29px;margin:36px 0 12px}.quick{border-left:4px solid var(--red);background:#faf5ee;padding:18px 22px;margin:26px 0}.quick p{margin:0}.note{background:#f8f5f1;border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:22px 0;color:#635a52;line-height:1.7}.resources,.sources{display:grid;gap:9px}.resources a,.sources a{display:block;border:1px solid var(--line);border-radius:12px;padding:13px 15px;background:#fff;text-decoration:none}.sources small{display:block;color:#81776e;margin-top:5px;line-height:1.45}.artist-promo{background:#28231f;color:white;border-radius:18px;padding:26px;margin:34px 0}.artist-promo h3{font-size:27px;margin:0 0 8px}.artist-promo p{color:#e9dfd5;font-family:Georgia,serif;font-size:17px;line-height:1.7}.artist-promo a{background:white;color:#211d1a}.footer{margin-top:34px;padding:25px 5px;color:#7f756d;font-size:12px;line-height:1.7}.badge{display:inline-block;border:1px solid #cdbfb2;border-radius:100px;padding:6px 10px;font-size:11px;letter-spacing:1px;color:#74675e;background:#fff}.pagination{display:flex;gap:10px;justify-content:space-between;margin-top:30px}.pagination a{max-width:48%;text-decoration:none;border:1px solid var(--line);background:white;border-radius:12px;padding:14px 16px;font-size:14px}.hidden{display:none!important}@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,1fr)}.promo-wrap{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.qgrid{grid-template-columns:1fr}.hero,.article{padding:28px 22px}.topbar{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.category-grid{grid-template-columns:1fr}.shell{padding:14px 12px 42px}.hero{border-radius:18px}.section{padding:22px 18px}.article p,.section p{font-size:17px}.searchbox{flex-direction:column}}


/* V2: simple, realistic, dictionary-inspired layout */
body{background:#f6f3ee}
.shell{max-width:1200px}
.topbar{background:rgba(255,253,249,.94);border-bottom:1px solid var(--line);padding:16px 4px;margin-bottom:20px}
.hero{border-radius:18px;padding:38px 40px;background:#fffdf9}
.hero h1{font-size:clamp(38px,5.5vw,58px)}
.promo-wrap{grid-template-columns:repeat(3,1fr)}
.promo{min-height:150px;border-radius:14px;padding:22px}
.section{border-radius:16px;padding:26px}
.category-grid{grid-template-columns:repeat(3,1fr)}
.cat{border-radius:12px;min-height:116px}
.qcard{border-radius:12px}
.home-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.home-actions a{border:1px solid var(--deep);padding:11px 16px;border-radius:9px;text-decoration:none;font-weight:700;font-size:14px}
.home-actions a.primary{background:var(--deep);color:#fff}
.home-actions a.secondary{background:#fff;color:var(--deep)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:16px}
.section-head h2{margin:0}
.section-head a{font-size:13px;color:var(--red);text-decoration:none;font-weight:700}
@media(max-width:900px){.promo-wrap,.category-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.promo-wrap,.category-grid{grid-template-columns:1fr}}


/* V3 knowledge-hub navigation */
.hero .stats{display:none}
.search-wrap{position:relative;margin-top:24px}
.searchbox{margin-top:0}
.search-hints{font-size:12px;color:#756b63;margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.search-hints button{border:1px solid var(--line);background:#fff;color:#5f554c;border-radius:999px;padding:6px 10px;cursor:pointer;font-size:12px}
.search-results{position:absolute;z-index:30;left:0;right:0;top:58px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(30,24,18,.14);padding:10px;display:none;max-height:440px;overflow:auto}
.search-results.show{display:block}
.search-msg{padding:10px 12px;color:#6b625a;font-size:13px;border-bottom:1px solid #eee6dc}
.search-result{display:block;text-decoration:none;padding:12px;border-radius:10px}
.search-result:hover{background:#f7f1e8}
.search-result b{display:block;font-family:Georgia,serif;font-size:16px;line-height:1.3}
.search-result small{display:block;margin-top:4px;color:#82776e}
.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.start-card{display:block;text-decoration:none;border:1px solid var(--line);background:#fff;border-radius:13px;padding:18px;min-height:112px}
.start-card:hover{box-shadow:var(--shadow);border-color:#c6b7aa}
.start-card .eyebrow{font-size:11px;letter-spacing:1px;color:var(--red);font-weight:700}
.start-card h3{font-size:19px;margin:8px 0 6px}
.start-card p{font-family:Arial,sans-serif!important;font-size:13px!important;line-height:1.5!important;color:#72685f!important;margin:0}
.cat .n{display:none!important}
.cat h3{margin:0 0 8px}
.cat p{font-family:Arial,sans-serif!important;font-size:13px!important;line-height:1.5!important}
.all-link{font-size:13px;color:var(--red);text-decoration:none;font-weight:700}
.section-sub{font-size:14px!important;font-family:Arial,sans-serif!important;color:#776c63!important;margin:-8px 0 18px!important}
@media(max-width:900px){.start-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.start-grid{grid-template-columns:1fr}.search-results{top:112px}}