/* The six encyclopedia pages share one visual system; article pages stay independent. */
.wiki-experience { --wx-ink:#173340; --wx-navy:#112d39; --wx-gold:#d7bc8b; --wx-paper:#f8f7f2; --wx-muted:#6c7a78; --wx-line:#e0e4da; --wx-sage:#edf1e7; background:var(--wx-paper); color:var(--wx-ink); }
.wiki-experience .wx-main { font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif; font-size:15px; line-height:1.7; overflow:clip; }
.wiki-experience .wiki-container { width:min(1240px,calc(100% - 96px)); max-width:1240px; margin-inline:auto; }
.wiki-experience .wx-main *, .wiki-experience .wx-main *::before, .wiki-experience .wx-main *::after { box-sizing:border-box; }
.wiki-experience .wx-main [hidden] { display:none !important; }
.wiki-experience .wx-main a { text-decoration:none; }
.wiki-experience .wx-main button, .wiki-experience .wx-main input, .wiki-experience .wx-main select { font:inherit; }
.wiki-experience .wx-main button, .wiki-experience .wx-main summary { cursor:pointer; }
.wiki-experience .wx-main :is(a,button,input,select,summary):focus-visible { outline:3px solid #9a7b45; outline-offset:5px; }
.wiki-experience .wx-main :is(h1,h2,h3,h4,p,figure) { margin-top:0; }
.wiki-experience .wx-main h2 { color:var(--wx-ink); }
.wx-eyebrow { display:flex; align-items:center; gap:12px; font-size:10px; letter-spacing:.16em; font-weight:500; margin-bottom:16px; line-height:1.6; color:#6b806c; }
.wx-eyebrow::before { content:""; width:24px; height:1px; background:currentColor; flex-shrink:0; }
.wx-hero { padding:126px 0 0; background:var(--wx-navy); color:#fff; position:relative; isolation:isolate; }
.wx-hero::before { content:""; position:absolute; height:580px; width:580px; border:1px solid #d7bc8b19; border-radius:50%; left:-420px; top:-150px; z-index:-1; box-shadow:0 0 0 75px #d7bc8b05; }
.wx-breadcrumb { display:flex; align-items:center; gap:12px; font-size:11px; color:#a9b9bc; margin-bottom:32px; }
.wx-breadcrumb a { color:var(--wx-gold); }
.wx-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.95fr); align-items:center; gap:76px; padding-bottom:52px; }
.wx-hero .wx-eyebrow { color:var(--wx-gold); margin-bottom:22px; }
.wx-hero-copy h1 { font-size:clamp(32px,3.25vw,46px); line-height:1.45; letter-spacing:-.04em; font-weight:600; max-width:600px; margin-bottom:24px; text-wrap:balance; color:#fbfaf3; }
.wx-hero-intro { max-width:550px; color:#bdcbcb; font-size:15px; line-height:1.95; margin-bottom:27px; }
.wx-hero-link { display:inline-flex; align-items:center; gap:24px; color:#f0d8af; font-size:13px; padding:11px 15px 11px 20px; border:1px solid #d7bc8b70; border-radius:8px; background:linear-gradient(135deg,#304b4e,#183640); box-shadow:inset 0 1px #ffffff10,0 5px 15px #071c2426; }
.wx-hero-link span { display:grid; place-items:center; width:25px; height:25px; border:1px solid #d7bc8b66; border-radius:50%; font-size:16px; background:#d7bc8b10; }
.wx-hero-photo, .wx-topic-photo { position:relative; margin:0; height:310px; min-width:0; }
.wx-hero-photo::before, .wx-topic-photo::before { content:""; position:absolute; inset:-10px 12px 12px -10px; border:1px solid #d7bc8b66; border-radius:74px 8px 8px 8px; pointer-events:none; }
.wx-hero-photo img, .wx-topic-photo img { position:relative; width:100%; height:100%; object-fit:cover; border-radius:68px 6px 6px 6px; display:block; }
.wx-hero-photo figcaption, .wx-topic-photo figcaption { position:absolute; bottom:-17px; left:26px; right:22px; display:flex; align-items:center; gap:13px; background:#fbf9ee; color:#375348; padding:16px 18px; font-size:12px; border:1px solid #e5e0cf; box-shadow:0 12px 20px #031b2112; border-radius:3px; }
.wx-photo-mark { display:grid; place-items:center; flex-shrink:0; }
.wx-photo-mark svg { width:25px; height:25px; }
.wx-photo-line { height:1px; background:#cdd5c4; flex:1; min-width:12px; }
.wx-hero-footer { display:flex; justify-content:space-between; align-items:center; padding:21px 0; border-top:1px solid #d7bc8b26; gap:20px; }
.wx-hero-footer>span { font-size:11px; letter-spacing:.06em; color:#a6b7b7; }
.wx-hero-footer p { display:flex; align-items:center; gap:10px; font-size:10px; margin:0; color:#b2c2c1; }
.wx-hero-footer strong { color:#e4cea6; font-size:25px; font-weight:400; letter-spacing:-.04em; }
.wx-hero-footer i { width:1px; height:18px; background:#d7bc8b33; margin:0 12px; }
.wx-navigation { background:#fffefa; border-bottom:1px solid #dce1d7; }
.wiki-experience .wx-navigation-inner { display:flex; align-items:stretch; justify-content:space-between; overflow-x:auto; scrollbar-width:thin; gap:12px; padding-block:14px; }
.wx-navigation a { display:flex; flex:1 0 auto; align-items:center; justify-content:center; gap:9px; padding:12px 15px; border:1px solid #e0e3d5; border-radius:9px; color:#556951; background:linear-gradient(145deg,#fffefa,#f0f2e8); box-shadow:inset 0 1px #fff,0 2px 3px #233c2d04; font-size:13px; white-space:nowrap; }
.wx-navigation a>span { display:grid; place-items:center; width:24px; height:24px; flex-shrink:0; border:1px solid #d9decc; border-radius:7px; color:#758266; background:#fffefa; font-size:10px; font-weight:500; font-variant-numeric:tabular-nums; }
.wx-navigation a:hover { color:#254535; border-color:#bca577; box-shadow:inset 0 1px #fff,0 5px 12px #213b2d0d; }
.wx-navigation a[aria-current] { color:#f4e8cb; background:linear-gradient(135deg,#294b47,#17343c); border-color:#bda475; box-shadow:inset 0 1px #ffffff15,0 5px 12px #17343c1a; font-weight:600; }
.wx-navigation a[aria-current]>span { color:#f0d4a1; background:#d7bc8b16; border-color:#d7bc8b60; }
.wx-directory { padding-block:65px 60px; scroll-margin-top:110px; }
.wx-section-heading { display:flex; align-items:end; justify-content:space-between; gap:44px; margin-bottom:32px; }
.wx-section-heading h2 { font-size:28px; letter-spacing:-.03em; margin:0; line-height:1.5; font-weight:600; }
.wx-section-heading>.wx-eyebrow { margin-bottom:12px; }
.wx-section-heading>p { font-size:13px; color:var(--wx-muted); max-width:370px; margin:0; line-height:1.9; }
.wx-fields-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.wx-field-card { --field-ink:#4b7351; --field-tint:#edf2e7; background:#fffefa; border:1px solid #e0e4d9; border-radius:10px; padding:26px; display:flex; flex-direction:column; position:relative; transition:border-color .2s,transform .2s,box-shadow .2s; scroll-margin-top:120px; }
.wx-field-card[data-tone="teal"] { --field-ink:#38726b; --field-tint:#eaf2ee; }
.wx-field-card[data-tone="ochre"] { --field-ink:#917346; --field-tint:#f4efe3; }
.wx-field-card:hover { transform:translateY(-4px); border-color:#a5b69c; box-shadow:0 15px 35px #213a3010; }
.wx-field-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }
.wx-field-symbol { display:grid; place-items:center; height:46px; width:46px; border-radius:12px; background:var(--field-tint); color:var(--field-ink); }
.wx-field-symbol svg { height:25px; width:25px; }
.wx-field-number { font-size:43px; font-weight:300; color:#c4cdbe; letter-spacing:-.07em; line-height:1; }
.wx-field-card h3 { font-size:20px; line-height:1.6; margin-bottom:12px; letter-spacing:-.025em; }
.wx-field-card h3 a { color:#24463b; }
.wx-field-card>p { font-size:13px; line-height:1.9; color:#6e7b70; margin-bottom:24px; flex:1; }
.wx-field-topics { border-top:1px solid #e8ebdf; padding:16px 0 18px; }
.wx-field-topics>span { font-size:10px; color:#8b9685; display:block; margin-bottom:10px; }
.wx-field-topics a { display:flex; align-items:baseline; justify-content:space-between; color:#5b7260; font-size:12px; padding:5px 0; gap:14px; }
.wx-field-topics a:hover { color:#163d2d; text-decoration:underline; text-underline-offset:3px; }
.wx-field-topics a>span { flex-shrink:0; color:#8b9a82; }
.wx-field-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid #e8ebdf; padding-top:17px; font-size:11px; color:#61715e; }
.wx-round-arrow { display:grid; place-items:center; height:31px; width:31px; border:1px solid #d4ddcd; border-radius:50%; flex-shrink:0; color:#59745a; font-size:17px; transition:background .2s; }
a:hover .wx-round-arrow { background:#eaf0e2; }
.wx-explore-guide { padding:58px 0 62px; background:#eaf0e7; border-block:1px solid #dce5d7; }
.wx-guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.wx-guide-card { display:grid; grid-template-columns:1.4fr 1fr; min-height:220px; background:#fafbf5; border:1px solid #d9e2d3; border-radius:8px; color:#28483c; overflow:hidden; }
.wx-guide-card>div { padding:23px 16px 22px 22px; position:relative; z-index:1; }
.wx-guide-card .wx-eyebrow { font-size:9px; letter-spacing:.1em; margin-bottom:13px; }
.wx-guide-card .wx-eyebrow::before { display:none; }
.wx-guide-card h3 { font-size:18px; font-weight:600; line-height:1.5; margin-bottom:12px; }
.wx-guide-card p { font-size:11px; line-height:1.8; color:#768373; margin-bottom:18px; }
.wx-guide-card img { width:100%; height:100%; object-fit:cover; object-position:64% center; }
.wx-guide-card:hover { border-color:#a8b69c; }
.wx-endnote { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-block:0 40px; color:#84907e; font-size:11px; }
.wx-endnote p { display:flex; align-items:center; gap:10px; margin:0; }
.wx-endnote svg { width:18px; height:18px; flex-shrink:0; }
.wx-endnote a { color:#63785c; white-space:nowrap; }
.wx-explore-guide+.wx-endnote { padding-top:28px; }
.wx-search-form { display:flex; align-items:center; gap:12px; padding:6px; border:1px solid #d5ded2; border-radius:7px; background:#fffefa; }
.wx-search-form>svg { width:20px; height:20px; color:#81907a; flex-shrink:0; margin-left:10px; }
.wx-search-form input[type="search"] { width:100%; flex:1; min-width:0; background:transparent; color:#254a3b; border:0; box-shadow:none; padding:9px 0; font-size:12px; outline:none; }
.wx-search-form input::placeholder { color:#929a8e; }
.wx-search-form button { flex-shrink:0; display:flex; gap:16px; align-items:center; border:0; background:#284e40; color:#f7f9ed; border-radius:4px; padding:10px 20px; font-size:12px; }
.wx-search-form button:hover { background:#396653; }
.wx-search-form:focus-within { box-shadow:0 0 0 3px #9cad8d33; border-color:#829776; }
.wx-hero-search .wx-hero-grid { grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:65px; }
.wx-hero-search .wx-search-form { margin-top:28px; }
.wx-hero-search .wx-search-form button { background:#d8c295; color:#203c38; }
.wx-hero-search .wx-hero-photo { height:300px; }
.wx-suggestions { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:15px; font-size:10px; }
.wx-suggestions>span { color:#94aaa9; }
.wx-suggestions a { color:#d3d9c7; }
.wx-suggestions a:hover { color:#f1d4a0; text-decoration:underline; }
.wx-filter-bar { display:flex; align-items:end; flex-wrap:wrap; gap:16px; background:#eef1e7; border:1px solid #dfe5d7; padding:22px; border-radius:8px; margin-bottom:20px; }
.wx-filter-bar>.wx-search-form { flex:1.1; min-width:260px; }
.wx-filter-bar>label { display:grid; gap:8px; flex:1; min-width:180px; color:#65765f; font-size:11px; }
.wx-filter-bar select { width:100%; min-height:45px; border:1px solid #d5dece; border-radius:5px; padding:9px 28px 9px 12px; color:#3e5d47; background:#fffefa; font-size:12px; cursor:pointer; text-overflow:ellipsis; }
.wx-filter-bar>.wx-reset { padding:11px 14px; min-height:45px; flex-shrink:0; }
.wx-reset { border:1px dashed #aebd9e; border-radius:7px; background:#fffefa80; color:#536b48; font-size:11px !important; display:flex; gap:9px; align-items:center; }
.wx-reset:not(:disabled):hover { background:#fffefa; border-color:#9c865a; }
.wx-reset:disabled { opacity:.45; cursor:default !important; }
.wx-results-meta { display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:12px; color:#7b8772; margin-bottom:22px; min-height:24px; }
.wx-results-meta p { margin:0; }
#wx-scene-label { color:#52745a; background:#e6edde; padding:4px 10px; border-radius:4px; }
.wx-leaf-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:18px; }
.wx-leaf-card { border:1px solid #dce3d4; border-radius:8px; background:#fffefa; scroll-margin-top:120px; overflow:hidden; }
.wx-leaf-card:target { outline:2px solid #b39b6c; outline-offset:4px; }
.wx-leaf-top { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:20px 20px 0; }
.wx-code { font-size:11px; color:#658060; font-weight:500; font-variant-numeric:tabular-nums; letter-spacing:.04em; white-space:nowrap; }
.wx-leaf-field { font-size:9px; color:#929d88; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:65%; }
.wx-leaf-details summary { padding:17px 20px 20px; list-style:none; display:block; }
.wx-leaf-details summary::-webkit-details-marker { display:none; }
.wx-leaf-details h3 { color:#2a493b; font-size:17px; margin-bottom:10px; line-height:1.6; font-weight:600; }
.wx-leaf-parent { color:#84917d; display:block; font-size:11px; min-height:36px; margin-bottom:18px; }
.wx-leaf-trigger { border:1px solid #dce3d2; border-radius:6px; padding:8px 10px; display:flex; align-items:center; justify-content:space-between; gap:12px; background:linear-gradient(135deg,#f9faf3,#eef3e6); color:#526d45; font-size:11px; }
.wx-leaf-trigger::after { content:'＋'; display:grid; place-items:center; width:22px; height:22px; flex-shrink:0; border:1px solid #c8d2b8; border-radius:50%; background:#fffefa; font-size:15px; line-height:1; }
.wx-leaf-details[open] .wx-leaf-trigger::after { content:'−'; }
.wx-leaf-details[open] summary { background:#f2f5eb; }
.wx-leaf-details[open] .wx-leaf-trigger { color:#41653b; }
.wx-leaf-description { padding:20px; border-top:1px solid #e2e8d8; }
.wx-leaf-description h4 { color:#688058; font-size:10px; margin-bottom:8px; }
.wx-leaf-description p { color:#71806a; font-size:12px; line-height:1.9; margin-bottom:18px; }
.wx-code-link { color:#477144; text-decoration:underline !important; text-underline-offset:3px; }
.wx-parent-link { color:#436939; font-size:11px; }
.wx-filter-chips { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:26px; }
.wx-filter-chips button { display:flex; align-items:center; gap:9px; border:1px solid #d5ddc8; color:#5b714e; background:linear-gradient(135deg,#fffefa,#f1f4e9); padding:10px 20px; min-height:43px; border-radius:24px; box-shadow:inset 0 1px #fff,0 2px 4px #334b2b05; font-size:12px !important; }
.wx-filter-chips button[aria-pressed="true"] { background:linear-gradient(135deg,#355b4c,#203f36); color:#fff6e3; border-color:#b99f70; box-shadow:inset 0 1px #ffffff20,0 4px 10px #274c3e1a; }
.wx-filter-chips button:hover { border-color:#a58f64; }
.wx-filter-chips button>span { min-width:25px; padding:1px 6px; border-radius:12px; color:#6f795f; background:#e5ebda; font-size:10px; font-variant-numeric:tabular-nums; }
.wx-filter-chips button[aria-pressed="true"]>span { background:#e3ca9626; color:#f0d6a4; }
.wx-search-results { border-top:1px solid #dde3d5; }
.wx-search-result { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 25px; border-bottom:1px solid #dde3d5; background:#fffefa; }
.wx-search-result:hover { background:#eef2e7; }
.wx-result-top { display:flex; align-items:center; gap:14px; margin-bottom:8px; }
.wx-result-kind { color:#8e9a83; border-left:1px solid #d6dfca; padding-left:14px; font-size:10px; }
.wx-result-copy h3 { color:#244737; font-size:18px; margin-bottom:8px; font-weight:600; line-height:1.6; }
.wx-result-path { color:#84907c; font-size:11px; margin:0; }
.wx-page-search .wx-filter-bar>label { max-width:460px; }
.wx-load-more { display:flex; flex-direction:column; align-items:center; padding-top:32px; gap:10px; }
.wx-load-more p { color:#94a08b; font-size:10px; margin:0; }
.wx-secondary, .wx-primary { display:inline-flex; align-items:center; justify-content:center; gap:28px; padding:12px 24px; min-height:46px; font-size:12px !important; border:1px solid #b5b994; border-radius:8px; background:linear-gradient(135deg,#fffdf5,#edf2e4); color:#49633e; box-shadow:inset 0 1px #fff,0 4px 10px #294b3210; }
.wx-secondary:hover { border-color:#a28c5f; background:linear-gradient(135deg,#fffaf0,#e7eddb); }
.wx-primary { background:linear-gradient(135deg,#385e4d,#234638); color:#fff8e9; border-color:#82926d; box-shadow:inset 0 1px #ffffff20,0 4px 10px #294b3218; }
.wx-empty { padding:58px 25px; text-align:center; background:#f0f3e9; border:1px dashed #cbd6be; border-radius:8px; }
.wx-empty>svg { width:40px; height:40px; margin-bottom:18px; color:#90a17d; }
.wx-empty h3 { font-size:21px; color:#4d6844; margin-bottom:12px; }
.wx-empty p { color:#819074; font-size:13px; margin-bottom:24px; }
.wx-invalid, .wx-noscript { padding:20px; color:#78633e; border:1px solid #ded3bb; background:#faf5e6; border-radius:6px; font-size:13px; }
.wx-scenes-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 24px; }
.wx-scene-card { background:#fffefa; border:1px solid #dfe4d8; border-radius:9px; overflow:hidden; display:flex; flex-direction:column; }
.wx-scene-image { position:relative; height:204px; overflow:hidden; }
.wx-scene-image img { height:100%; width:100%; display:block; object-fit:cover; transition:transform .4s; }
.wx-scene-card:hover .wx-scene-image img { transform:scale(1.035); }
.wx-scene-number { position:absolute; top:14px; left:16px; color:#f8f3e5; background:#17352cc9; width:30px; height:30px; display:grid; place-items:center; border-radius:50%; font-size:10px; }
.wx-scene-body { padding:0 25px 22px; display:flex; flex-direction:column; flex:1; }
.wx-scene-icon { display:grid; place-items:center; background:#f0f3e9; border:5px solid #fffefa; width:48px; height:48px; border-radius:14px; margin-top:-25px; position:relative; color:#577750; margin-bottom:13px; }
.wx-scene-icon svg { width:23px; height:23px; }
.wx-scene-body h3 { color:#254936; font-size:21px; font-weight:600; margin-bottom:12px; }
.wx-scene-body>p { color:#7b8772; font-size:13px; line-height:1.9; margin-bottom:22px; flex:1; }
.wx-scene-topics { display:flex; flex-direction:column; align-items:start; gap:7px; margin-bottom:22px; }
.wx-scene-topics>span { color:#96a088; font-size:10px; margin-bottom:4px; }
.wx-scene-topics a { font-size:11px; color:#5c7850; background:#f0f3e9; border-radius:4px; padding:4px 9px; max-width:100%; }
.wx-scene-topics a:hover { background:#e5ecd9; }
.wx-scene-link { display:flex; align-items:center; justify-content:space-between; color:#3f653c; font-size:12px; border-top:1px solid #e2e7d9; padding-top:16px; }
.wx-scene-status { font-size:11px; color:#8b9680; margin-bottom:18px; }
/* Bring the existing overview and full static topic directory into the collection. */
.wiki-experience.wiki-overview .wiki-masthead { background:var(--wx-navy); min-height:570px; padding-top:150px; }
.wiki-experience.wiki-overview .wiki-masthead .wiki-kicker { color:var(--wx-gold); }
.wiki-experience.wiki-overview .wiki-masthead .wiki-kicker::before { background:var(--wx-gold); }
.wiki-experience.wiki-overview .wiki-masthead h1 { font-weight:600; letter-spacing:-.04em; }
.wiki-experience.wiki-overview .wiki-search-form button { background:#d8c295; color:#294339; }
.wiki-experience.wiki-overview .wiki-masthead-figure::before { border-color:#d7bc8b77; }
.wiki-experience.wiki-overview .wiki-photo-caption { border:1px solid #e4dfcc; }
.wiki-experience.wiki-overview .wiki-strip-inner { min-height:90px; }
.wiki-experience.wiki-overview .wiki-fields { padding-block:62px; }
.wiki-experience.wiki-categories .wiki-category-hero { background:var(--wx-navy); padding-top:126px; }
.wiki-experience.wiki-categories .wiki-category-hero-grid { grid-template-columns:minmax(0,1fr) minmax(0,.8fr); position:relative; padding-bottom:50px; gap:65px; }
.wiki-experience.wiki-categories .wiki-category-hero-copy { grid-column:1; grid-row:1; }
.wiki-experience.wiki-categories .wx-topic-photo { grid-column:2; grid-row:1; height:260px; }
.wiki-experience.wiki-categories .wiki-category-hero-index { display:flex; position:absolute; right:16px; top:12px; padding:8px 13px; border:1px solid #ffffff52; background:#102f2ac9; border-radius:4px; align-items:center; gap:7px; }
.wiki-experience.wiki-categories .wiki-category-emblem { display:none; }
.wiki-experience.wiki-categories #wiki-category-number, .wiki-experience.wiki-categories #wiki-category-number.is-all { font-size:18px; padding:0; color:#e8d6aa; letter-spacing:0; }
.wiki-experience.wiki-categories #wiki-category-field-label { font-size:10px; color:#dce1ca; }
.wiki-experience.wiki-categories .wiki-category-hero .wiki-kicker { color:var(--wx-gold); }
.wiki-experience.wiki-categories .wiki-category-hero h1 { font-size:clamp(30px,3vw,42px); }
.wiki-experience.wiki-categories .wiki-category-layout { padding-top:45px; }
.wiki-experience.wiki-categories .wiki-category-card { box-shadow:0 2px 8px #263c2a03; }
.wiki-experience.wiki-categories .wiki-leaf-list a { color:#4d6f44; display:flex; justify-content:space-between; gap:10px; }
.wiki-experience.wiki-categories .wiki-leaf-list a:hover { text-decoration:underline; text-underline-offset:3px; }
.wiki-experience.wiki-categories .wiki-leaf-list a>span { color:#8ea27d; flex-shrink:0; }

/* Shared button finishes keep the existing controls and keyboard semantics. */
.wiki-experience .wx-main :is(.wx-hero-link,.wx-navigation a,.wx-filter-chips button,.wx-primary,.wx-secondary,.wx-reset,.wx-search-form button,.wiki-search-form button,.wiki-category-search button,.wiki-overview-jump a),
.wiki-experience #wiki-category-expand { transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease,color .2s ease; }
.wiki-experience .wx-main :is(.wx-search-form,.wiki-search-form,.wiki-category-search) button { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:43px; border:1px solid #778b65; border-radius:7px; color:#fff8e9; background:linear-gradient(135deg,#3d6250,#244638); box-shadow:inset 0 1px #ffffff26,0 3px 7px #1d392320; font-size:12px; font-weight:600; }
.wiki-experience .wx-main :is(.wx-search-form,.wiki-search-form,.wiki-category-search) button:hover { border-color:#bca271; background:linear-gradient(135deg,#496e57,#2c503e); }
.wiki-experience.wiki-overview .wiki-search-form button,
.wiki-experience .wx-hero-search .wx-search-form button { border-color:#bda273; color:#243f36; background:linear-gradient(135deg,#f2dfb7,#d4b782); box-shadow:inset 0 1px #fff8e8b3,0 3px 8px #533b1b24; }
.wiki-experience.wiki-overview .wiki-search-form button:hover,
.wiki-experience .wx-hero-search .wx-search-form button:hover { border-color:#d8b97b; background:linear-gradient(135deg,#f9e8c8,#e1c38c); }
.wiki-experience .wx-main :is(.wx-search-form button,.wx-secondary)>span { display:grid; place-items:center; width:22px; height:22px; border:1px solid currentColor; border-color:color-mix(in srgb,currentColor 24%,transparent); border-radius:50%; background:#ffffff0f; font-size:14px; line-height:1; }
.wiki-experience :is(.wx-round-arrow,.wiki-domain-arrow),
.wiki-experience .wx-scene-link>span { display:grid; place-items:center; width:34px; height:34px; flex-shrink:0; border:1px solid #b8bd9d; border-radius:50%; color:#536b45; background:linear-gradient(135deg,#fffdf3,#e9eedf); box-shadow:inset 0 1px #fff,0 3px 7px #294b320b; transition:transform .2s ease,background-color .2s ease,border-color .2s ease; }
.wiki-experience a:hover :is(.wx-round-arrow,.wiki-domain-arrow),
.wiki-experience .wx-scene-link:hover>span { border-color:#af9564; background:#f1e7cf; transform:translate(2px,-2px); }
.wiki-experience .wiki-overview-jump a { padding:9px 13px; border:1px solid #d4ddc8; border-radius:7px; background:#fffefa; color:#536c47; box-shadow:inset 0 1px #fff,0 2px 5px #294b3206; }
.wiki-experience .wiki-overview-jump a:hover { border-color:#bba170; box-shadow:0 4px 10px #294b3210; }
.wiki-experience #wiki-category-expand { padding:9px 13px; min-height:42px; border:1px solid #b5b994; border-radius:7px; background:linear-gradient(135deg,#fffdf5,#edf2e4); box-shadow:inset 0 1px #fff,0 3px 8px #294b320b; color:#49633e; }
.wiki-experience #wiki-category-expand:hover { border-color:#a28c5f; }
@media(hover:hover) {
  .wiki-experience .wx-main :is(.wx-hero-link,.wx-navigation a,.wx-filter-chips button,.wx-primary,.wx-secondary,.wx-search-form button,.wiki-search-form button,.wiki-category-search button):not(:disabled):hover { transform:translateY(-2px); }
  .wiki-experience .wx-hero-link:hover { border-color:#e0c58f; box-shadow:inset 0 1px #ffffff20,0 7px 18px #071c2440; }
  .wiki-experience .wx-leaf-details summary:hover .wx-leaf-trigger { border-color:#b3b994; background:#edf1e1; }
}
.wiki-experience .wx-main :is(.wx-hero-link,.wx-navigation a,.wx-filter-chips button,.wx-primary,.wx-secondary,.wx-search-form button,.wiki-search-form button,.wiki-category-search button):not(:disabled):active { transform:translateY(1px); box-shadow:inset 0 2px 4px #1833261a; }

@media(min-width:1600px) { .wiki-experience .wiki-container { width:calc(100% - 160px); max-width:1360px; } .wx-hero-photo { height:350px; } }
@media(max-width:1199px) {
  .wiki-experience .wiki-container { width:calc(100% - 56px); }
  .wx-hero { padding-top:112px; }
  .wx-hero-grid, .wx-hero-search .wx-hero-grid { gap:38px; }
  .wx-hero-photo { height:290px; }
  .wx-hero-copy h1 { font-size:34px; }
  .wx-hero-intro { font-size:13px; }
  .wx-fields-grid, .wx-scenes-grid, .wx-leaf-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .wx-guide-grid { gap:14px; }
  .wx-guide-card { grid-template-columns:1.8fr 1fr; }
  .wx-guide-card>div { padding:20px 12px 20px 16px; }
  .wx-guide-card h3 { font-size:16px; }
  .wx-navigation a { font-size:12px; gap:7px; padding-inline:11px; }
  .wiki-experience .wx-navigation-inner { gap:10px; }
  .wx-filter-bar>.wx-search-form { flex-basis:100%; }
  .wiki-experience.wiki-overview .wiki-masthead-grid { gap:35px; }
  .wiki-experience.wiki-overview .wiki-strip-inner { gap:18px; }
  .wiki-experience.wiki-overview .wiki-taxonomy-stats { gap:18px; }
  .wiki-experience.wiki-overview .wiki-taxonomy-stats>div+div { padding-left:18px; }
  .wiki-experience.wiki-overview .wiki-overview-jump { gap:15px; }
  .wiki-experience.wiki-categories .wiki-category-hero-grid { gap:36px; }
}
@media(max-width:767px) {
  .wiki-experience .wiki-container { width:calc(100% - 36px); }
  .wx-hero { padding-top:99px; }
  .wx-breadcrumb { margin-bottom:25px; }
  .wx-hero-grid, .wx-hero-search .wx-hero-grid { grid-template-columns:1fr; gap:36px; padding-bottom:40px; }
  .wx-hero-copy h1 { font-size:31px; line-height:1.5; max-width:520px; margin-bottom:16px; }
  .wx-heading-line { display:block; }
  .wx-hero .wx-eyebrow { margin-bottom:15px; font-size:9px; }
  .wx-hero-intro { font-size:13px; margin-bottom:17px; }
  .wx-hero-photo, .wx-hero-search .wx-hero-photo { height:245px; margin-left:8px; }
  .wx-hero-photo img, .wx-topic-photo img { border-radius:50px 5px 5px 5px; }
  .wx-hero-photo::before, .wx-topic-photo::before { border-radius:56px 5px 5px 5px; }
  .wx-hero-photo figcaption, .wx-topic-photo figcaption { padding:12px 14px; left:15px; right:15px; font-size:11px; gap:10px; bottom:-12px; }
  .wx-hero-footer { padding-block:16px; justify-content:center; }
  .wx-hero-footer>span { display:none; }
  .wx-hero-footer p { font-size:9px; gap:8px; }
  .wx-hero-footer strong { font-size:23px; }
  .wx-hero-footer i { margin-inline:5px; }
  .wiki-experience .wx-navigation-inner { width:100%; padding:12px 18px; gap:9px; justify-content:start; }
  .wiki-experience .wx-navigation-inner { scrollbar-width:none; }
  .wiki-experience .wx-navigation-inner::-webkit-scrollbar { display:none; }
  .wx-navigation a { flex-grow:0; padding:10px 13px; font-size:12px; }
  .wx-navigation a>span { font-size:9px; }
  .wx-directory { padding-block:40px; }
  .wx-section-heading { display:block; margin-bottom:25px; }
  .wx-section-heading h2 { font-size:24px; }
  .wx-section-heading>p { font-size:12px; margin-top:13px; }
  .wx-eyebrow { font-size:9px; margin-bottom:12px; }
  .wx-fields-grid, .wx-scenes-grid, .wx-leaf-grid { grid-template-columns:1fr; gap:17px; }
  .wx-field-card { padding:23px; }
  .wx-field-card h3 { font-size:20px; }
  .wx-field-top { margin-bottom:18px; }
  .wx-field-card>p { margin-bottom:18px; }
  .wx-guide-grid { grid-template-columns:1fr; gap:16px; }
  .wx-guide-card { min-height:185px; grid-template-columns:1.5fr 1fr; }
  .wx-guide-card>div { padding:22px; }
  .wx-guide-card h3 { font-size:19px; }
  .wx-explore-guide { padding-block:38px; }
  .wx-endnote { align-items:start; font-size:10px; padding-bottom:28px; }
  .wx-endnote p { align-items:start; }
  .wx-filter-bar { padding:16px; gap:15px; }
  .wx-filter-bar>.wx-search-form { min-width:0; flex-basis:100%; }
  .wx-filter-bar>label { flex-basis:100%; min-width:0; }
  .wx-filter-bar>.wx-reset { padding:9px 12px; min-height:40px; }
  .wx-search-form { gap:7px; }
  .wx-search-form>svg { margin-left:6px; width:17px; height:17px; }
  .wx-search-form input[type="search"] { font-size:11px; }
  .wx-search-form button { padding:11px 13px; gap:8px; font-size:11px; }
  .wiki-experience .wx-main :is(.wx-search-form,.wiki-search-form,.wiki-category-search) button { min-height:43px; gap:8px; font-size:11px; }
  .wx-filter-chips { gap:7px; }
  .wx-filter-chips button { padding:9px 13px; font-size:11px !important; }
  .wx-search-result { padding:21px 15px; gap:12px; }
  .wx-result-copy h3 { font-size:16px; }
  .wx-results-meta { align-items:start; font-size:11px; }
  .wx-scene-image { height:220px; }
  .wx-scene-body { padding-inline:22px; }
  .wx-hero-search .wx-hero-photo { height:205px; }
  .wiki-experience.wiki-overview .wiki-masthead { padding-top:112px; padding-bottom:42px; }
  .wiki-experience.wiki-overview .wiki-masthead-grid { grid-template-columns:1fr; gap:34px; }
  .wiki-experience.wiki-overview .wiki-masthead h1 { font-size:34px; }
  .wiki-experience.wiki-overview .wiki-masthead-figure { height:260px; margin-left:8px; }
  .wiki-experience.wiki-overview .wiki-strip-inner { flex-direction:column; gap:13px; padding-block:21px 15px; }
  .wiki-experience.wiki-overview .wiki-taxonomy-stats { gap:20px; }
  .wiki-experience.wiki-overview .wiki-taxonomy-stats>div+div { padding-left:20px; }
  .wiki-experience.wiki-overview .wiki-taxonomy-stats dd { font-size:29px; }
  .wiki-experience.wiki-overview .wiki-taxonomy-stats dt { font-size:10px; }
  .wiki-experience.wiki-overview .wiki-overview-jump { width:100%; justify-content:space-between; gap:10px; }
  .wiki-experience.wiki-overview .wiki-overview-jump a { font-size:11px; }
  .wiki-experience.wiki-overview .wiki-fields { padding-block:40px; }
  .wiki-experience.wiki-categories .wiki-category-hero { padding-top:100px; }
  .wiki-experience.wiki-categories .wiki-category-hero-grid { grid-template-columns:1fr; gap:34px; padding-bottom:40px; }
  .wiki-experience.wiki-categories .wx-topic-photo { grid-column:1; grid-row:2; height:220px; margin-left:8px; }
  .wiki-experience.wiki-categories .wiki-category-hero-index { display:none; }
  .wiki-experience.wiki-categories .wiki-category-hero h1 { font-size:31px; }
  .wiki-experience.wiki-categories .wiki-category-hero-bottom { justify-content:center; }
  .wiki-experience.wiki-categories .wiki-category-motto { display:none; }
}
@media(prefers-reduced-motion:reduce) { .wiki-experience .wx-main *, .wiki-experience .wx-main *::before, .wiki-experience .wx-main *::after { transition:none !important; animation:none !important; scroll-behavior:auto !important; } }