/* KINGDOM 2.0 common room theme. Presentation only; shared from the approved announcement board. */
:root{--kingdom-navy:#0b2542;--kingdom-gold:#b69751;--kingdom-ivory:#f7f6f1;--kingdom-ink:#183b56}
body.kingdom-2{background:var(--kingdom-ivory);color:var(--kingdom-ink);-webkit-font-smoothing:antialiased;color-scheme:light}
.kingdom-2>header{height:auto;min-height:72px;max-width:none;margin:0;padding:15px max(18px,calc((100vw - 1100px)/2 + 24px));background:var(--kingdom-navy);border-bottom:2px solid var(--kingdom-gold);color:#fff0c3;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.kingdom-2>header .brand{display:flex;align-items:center;gap:10px;color:#fff0c3;font:700 22px/1.3 Georgia,'Yu Mincho',serif;letter-spacing:.02em;min-width:0;text-decoration:none}
.kingdom-2>header .brand strong,.kingdom-2>header .brand-name,.kingdom-2>header .brand>span:not(.mark){color:#fff0c3;font:inherit;white-space:normal}
.kingdom-2>header .brand img{width:36px;height:44px;object-fit:contain;flex:0 0 36px}
.kingdom-2>header .brand small,.kingdom-2>header>small{display:block;color:#d6bd7d;font:8px/1.6 sans-serif;letter-spacing:.12em;margin-top:4px}
.kingdom-2>header nav{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.kingdom-2>header :is(nav>a,nav>button,a.menu,a.main-return,a.return-link,a.button,a.nav-link,.kingdom-home){display:inline-flex;align-items:center;justify-content:center;min-height:42px;max-width:100%;padding:9px 12px;border:1px solid #b69751aa;border-radius:9px;background:#ffffff06;color:#f9edc7;font-size:11px;line-height:1.5;text-decoration:none;box-shadow:none;white-space:normal;text-align:center}
.kingdom-2>main{max-width:1100px;margin-inline:auto;padding-top:22px}
.kingdom-2 :is(.hero,.directory-hero,.ranking-hero){background:var(--kingdom-navy);border:1px solid var(--kingdom-gold);border-radius:17px;color:#fff7dc;box-shadow:0 6px 20px #102b4208;padding:28px 30px;min-height:0;max-width:100%;overflow-wrap:anywhere}
.kingdom-2 :is(.hero,.directory-hero,.ranking-hero) h1{font-family:Georgia,'Yu Mincho',serif;font-size:clamp(27px,4vw,38px);line-height:1.55;color:#fff7dc;letter-spacing:.035em;margin:10px 0}
.kingdom-2 :is(.hero,.directory-hero,.ranking-hero) p{color:#dbe5ec;font-size:13px;line-height:1.85}
.kingdom-2 :is(.hero,.directory-hero,.ranking-hero) :is(.eyebrow,.over){color:#d7bf80;font-size:9px;letter-spacing:.18em}
.kingdom-2 :is(.hero,.directory-hero,.ranking-hero)::after{display:none}
.kingdom-2 :is(.hero,.directory-hero,.ranking-hero) .sample{background:#ffffff08;border-color:#b6975180;color:#efdcaa}
.kingdom-2 :is(.primary,.gold,.btn.primary,.button.primary,.button.gold,button.primary,a.primary,.nav-link.gold){background:linear-gradient(115deg,#f5e3ab,#d4b466);border:1px solid #b69751;color:#172e42;box-shadow:0 2px 0 #9d7d3b;border-radius:9px;min-height:44px;white-space:normal;text-align:center}
.kingdom-2 :is(.panel,.search-panel,.product-entry,.entrances>div,.login-panel,.login-help,.workspace,.private-card,.card,.stat,.member-comparison){border-color:#dcd6c5;border-radius:14px;box-shadow:0 4px 18px #122d4104}
.kingdom-2 :is(.panel,.search-panel,.product-entry,.login-panel,.login-help){background:#fff;border-top:3px solid var(--kingdom-gold)}
.kingdom-2 :is(.tabs,.tab-bar,.filters,.chips,.toolbar){gap:8px}
.kingdom-2 :is(.tabs button.active,.tab.active,.chip.on,.btn.active,.filters button.active,.kind.selected){background:var(--kingdom-navy);border-color:var(--kingdom-gold);color:#ffedb9;box-shadow:none}
.kingdom-2 :is(input,textarea,select){max-width:100%;font-size:16px;border-radius:9px;border-color:#cbd6df;color:#183b56}
.kingdom-2 :is(button,a,summary){touch-action:manipulation}
.kingdom-2 :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #b69751;outline-offset:3px}
.kingdom-2 :is(.notice,.trial,.hint,.membership-note,.subtle){overflow-wrap:anywhere}
.kingdom-2 :is(.card,.panel,.post-card,.product-entry,.private-card,.directory-hero,.hero,.search-panel){min-width:0;max-width:100%}
.kingdom-2 :is(.hero .hero-book,.hero .hero-mark){flex-shrink:1}
.kingdom-2 footer{color:#907841;letter-spacing:.1em}
@media(max-width:600px){
 .kingdom-2>header{padding:13px 16px;gap:10px;min-height:64px}
 .kingdom-2>header .brand{font-size:clamp(15px,4.4vw,19px);gap:8px;letter-spacing:0}
 .kingdom-2>header .brand img{width:28px;height:36px;flex-basis:28px}
 .kingdom-2>header .brand small{font-size:6px;letter-spacing:.07em}
 .kingdom-2>header :is(nav>a,nav>button,a.menu,a.main-return,a.return-link,a.button,a.nav-link,.kingdom-home){min-height:38px;padding:7px 10px;font-size:10px}
 .kingdom-2>main{padding-top:16px;padding-left:14px;padding-right:14px}
 .kingdom-2 :is(.hero,.directory-hero,.ranking-hero){padding:20px 19px;border-radius:13px;gap:16px}
 .kingdom-2 :is(.hero,.directory-hero,.ranking-hero) h1{font-size:clamp(24px,6.7vw,29px);letter-spacing:.015em;line-height:1.55}
 .kingdom-2 :is(.hero,.directory-hero,.ranking-hero) p{font-size:11px}
 .kingdom-2 :is(.hero,.directory-hero,.ranking-hero) :is(.eyebrow,.over){font-size:8px;letter-spacing:.1em}
 .kingdom-2 :is(.panel,.search-panel,.product-entry,.login-panel,.login-help){border-radius:12px}
 .kingdom-2 .hero .hero-book{display:none}
 .kingdom-2 .hero .hero-mark{width:46px;min-width:0;flex-basis:46px}
 .kingdom-2 .hero .hero-mark small{display:none}
}
@media(prefers-reduced-motion:reduce){.kingdom-2 *{scroll-behavior:auto!important}}

@media print{body.kingdom-2{background:white!important}.kingdom-2>header{display:none!important}.kingdom-2 :is(.hero,.directory-hero,.ranking-hero){background:white!important;color:#183b56!important;box-shadow:none}.kingdom-2 :is(.hero,.directory-hero,.ranking-hero) :is(h1,p){color:#183b56!important}}

.kingdom-2 .product-entry{padding:24px}.kingdom-2 .product-entry h2{font-size:25px;line-height:1.6}.kingdom-2 .panel{padding:22px}
.kingdom-2 .canvas{background:#102b46;background-image:radial-gradient(#9e8b5a44 1px,transparent 1px);background-size:24px 24px}.kingdom-2 .map-note,.kingdom-2 .bottom{background:#f8f4e9;color:#183b56}.kingdom-2 .node,.kingdom-2 .tree ul ul ul .node,.kingdom-2 .map-card .node{background:#fffdf6;border-color:#c1ad7b;color:#183b56}.kingdom-2 .node b,.kingdom-2 .node small{color:#183b56}.kingdom-2 .node .pill{color:#846a35}.kingdom-2 .node.root,.kingdom-2 .map-card .node.root{background:#0b2542;border-color:#d4b466}.kingdom-2 .node.root b,.kingdom-2 .node.root small,.kingdom-2 .node.root .pill{color:#ffedb9}.kingdom-2 .links path{stroke:#cfb36c}.kingdom-2 .stat strong{color:#183b56}.kingdom-2 .toolbar #readable{background:#0b2542;color:#ffedb9;border-color:#b69751}.kingdom-2 .map-note button{color:#183b56}
@media(max-width:600px){.kingdom-2 .product-entry,.kingdom-2 .panel{padding:19px 17px}.kingdom-2 .product-entry h2{font-size:23px}.kingdom-2 .product-entry .eyebrow{font-size:9px}}

#email-login{display:grid;gap:12px;max-width:480px;margin:18px 0}#email-login label{display:grid;gap:7px}#email-login input{width:100%;min-width:0;padding:12px;border:1px solid #bfd0df;border-radius:9px;font:inherit;background:#fff}#code-label[hidden],#login-reset[hidden],#email-account[hidden],#public-share[hidden]{display:none}#email-account{margin:14px 0}#public-share{padding:18px;border:1px solid #c7b077;border-radius:13px;margin:20px 0;background:#fff9e8}#public-url{width:100%;min-width:0;padding:11px;border:1px solid #bccbda;border-radius:8px;font:12px system-ui}#public-share button,#public-share a{display:inline-block;margin:12px 9px 0 0}#public-options{margin:14px 0}

.card-qr-widget{margin-top:18px}.card-qr-widget[hidden]{display:none}.card-qr-open{padding:12px 18px;border:1px solid #bca262;border-radius:10px;background:linear-gradient(120deg,#fbedc3,#dfc37b);color:#173e60;font-weight:600;cursor:pointer}.card-qr-dialog{width:min(94vw,470px);max-height:92dvh;padding:24px;border:1px solid #bc9c52;border-radius:19px;background:#fffef9;color:#193e61;box-shadow:0 24px 80px #102c5266;overflow:auto}.card-qr-dialog::backdrop{background:#071f3bd9}.card-qr-dialog>button{display:block;margin-left:auto;padding:8px 14px;border:1px solid #b8c8d5;border-radius:8px;color:#264f71;background:#fff}.card-qr-dialog h2{text-align:center;font:24px/1.5 serif;margin:14px 0 4px}.card-qr-name{text-align:center;font-size:15px;overflow-wrap:anywhere}.card-qr-dialog [role=status]{font-size:12px;text-align:center;line-height:1.7}.card-qr-image{display:block;width:100%;max-width:340px;height:auto;aspect-ratio:1;margin:12px auto;background:#fff;border-radius:0}.card-qr-image[hidden],.card-qr-download[hidden]{display:none}.card-qr-download{display:block;padding:12px 16px;text-align:center;border:1px solid #b9a068;border-radius:9px;background:#f5e5b5;color:#244b6d;text-decoration:none;font-weight:600}.card-qr-dialog input{width:100%;min-width:0;padding:10px;margin-top:14px;border:1px solid #c5d0da;border-radius:8px;color:#345774;background:#fff;font:11px system-ui}.card-qr-hint{font-size:11px;line-height:1.8;color:#6b8193}@media(max-width:420px){.card-qr-dialog{padding:17px}.card-qr-dialog h2{font-size:22px}}
.card-qr-dialog,.card-qr-dialog *{box-sizing:border-box}

.card-metrics{margin-top:20px;padding:20px;border:1px solid #c7ac68;border-radius:18px;background:#f4f8fd}.card-metrics h3{margin:5px 0 15px}.card-metrics #metrics-values{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.metric-number{flex:1;min-width:100px;padding:14px;border-radius:12px;background:#102f50;color:#fff;display:grid;gap:6px}.metric-number strong{font-size:28px;color:#ecd391}.metric-link{flex-basis:100%;margin:0;overflow-wrap:anywhere}