/* KWD diplomacy handbook — uses the same two-theme design system as the portal. */
body.kwd-app.diplomacy-page{
  --bg:var(--kwd-bg);--surface:var(--kwd-panel);--surface-2:var(--kwd-panel-soft);--surface-3:var(--kwd-panel-raised);
  --text:var(--kwd-text);--muted:var(--kwd-muted);--line:var(--kwd-line);--line-strong:var(--kwd-line-strong);
  --accent:var(--kwd-accent);--accent-soft:color-mix(in srgb,var(--kwd-accent) 14%,var(--kwd-panel));
  --green:var(--kwd-success);--green-soft:color-mix(in srgb,var(--kwd-success) 13%,var(--kwd-panel));
  --orange:var(--kwd-gold);--orange-soft:color-mix(in srgb,var(--kwd-gold) 13%,var(--kwd-panel));
  --red:var(--kwd-danger);--red-soft:color-mix(in srgb,var(--kwd-danger) 12%,var(--kwd-panel));
  --purple:var(--kwd-accent);--purple-soft:color-mix(in srgb,var(--kwd-accent) 13%,var(--kwd-panel));
  --shadow:var(--kwd-shadow);background:var(--kwd-bg)!important;color:var(--kwd-copy)!important;font-size:16px;
}
body.diplomacy-page .kwd-header a:hover,body.diplomacy-page .footer-v11 a:hover{text-decoration:none}
body.diplomacy-page .page{padding-top:68px;background:var(--kwd-bg)}
body.diplomacy-page .diplomacy-breadcrumb{max-width:1160px;margin:0 auto 22px;display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:var(--kwd-muted);font-size:13px}
body.diplomacy-page .diplomacy-breadcrumb a{color:var(--kwd-accent);font-weight:700}
body.diplomacy-page .diplomacy-breadcrumb strong{color:var(--kwd-copy);font-weight:650}
body.diplomacy-page .diplomacy-nav-button{margin:0 0 16px}
body.diplomacy-page .topbar{height:68px;padding:0 26px;border-color:var(--kwd-line);background:color-mix(in srgb,var(--kwd-bg) 92%,transparent);box-shadow:0 8px 24px rgba(0,0,0,.07);backdrop-filter:blur(18px) saturate(120%)}
body.diplomacy-page .logo{color:var(--kwd-text)}body.diplomacy-page .logo-mark{background:var(--kwd-accent-deep);color:#fff}body.diplomacy-page .breadcrumbs{color:var(--kwd-muted)}
body.diplomacy-page .top-actions{align-items:center}body.diplomacy-page .top-actions>a{padding:7px 9px;color:var(--kwd-accent);font-size:13px;font-weight:700}body.diplomacy-page .btn{min-height:40px;border-color:var(--kwd-line-strong);border-radius:10px;background:var(--kwd-panel);color:var(--kwd-text)}body.diplomacy-page .btn:hover{background:var(--kwd-panel-raised)}
body.diplomacy-page .diplomacy-theme-toggle{width:40px;padding:0;display:grid;place-items:center;font-size:18px}html[data-theme="dark"] body.diplomacy-page .theme-light-icon{display:none}html[data-theme="light"] body.diplomacy-page .theme-dark-icon{display:none}
body.diplomacy-page .sidebar{border-color:var(--kwd-line);background:var(--kwd-bg-soft)}body.diplomacy-page .search input{border-color:var(--kwd-line-strong);background:var(--kwd-panel);color:var(--kwd-text)}body.diplomacy-page .search input:focus{border-color:var(--kwd-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--kwd-accent) 18%,transparent)}
body.diplomacy-page .nav-group-title{color:var(--kwd-accent)}body.diplomacy-page .nav a{color:var(--kwd-copy)}body.diplomacy-page .nav a.sub{color:var(--kwd-muted)}body.diplomacy-page .nav a:hover{background:var(--kwd-panel);color:var(--kwd-text)}body.diplomacy-page .nav a.active{background:var(--accent-soft);color:var(--kwd-accent-strong)}
body.diplomacy-page .main{background:var(--kwd-bg)}body.diplomacy-page .article{max-width:1160px}body.diplomacy-page .hero{border-color:var(--kwd-line);background:var(--kwd-panel);box-shadow:var(--kwd-shadow)}body.diplomacy-page .hero-kicker{color:var(--kwd-accent);letter-spacing:.12em}body.diplomacy-page .hero h1{color:var(--kwd-text);font-size:clamp(42px,4.6vw,64px);line-height:1;letter-spacing:-.045em}body.diplomacy-page .hero p{color:var(--kwd-copy);font-size:17px}body.diplomacy-page .hero-meta{border-color:var(--kwd-line);background:var(--kwd-panel-soft)}body.diplomacy-page .hero-meta div{border-color:var(--kwd-line)}body.diplomacy-page .hero-meta b{color:var(--kwd-text)}body.diplomacy-page .hero-meta span{color:var(--kwd-muted)}
body.diplomacy-page .summary-card,body.diplomacy-page .callout,body.diplomacy-page .rule-list,body.diplomacy-page table,body.diplomacy-page .step,body.diplomacy-page .info-card,body.diplomacy-page .diagram,body.diplomacy-page details{border-color:var(--kwd-line);background:var(--kwd-panel);box-shadow:none}body.diplomacy-page .summary-card b,body.diplomacy-page .callout b,body.diplomacy-page .rule strong,body.diplomacy-page .step b,body.diplomacy-page .diagram-title,body.diplomacy-page h2,body.diplomacy-page h3,body.diplomacy-page h4,body.diplomacy-page summary{color:var(--kwd-text)}body.diplomacy-page .summary-card span,body.diplomacy-page .rule div,body.diplomacy-page td,body.diplomacy-page .lead{color:var(--kwd-copy)}
body.diplomacy-page h2{border-color:var(--kwd-line);font-size:30px}body.diplomacy-page h3{font-size:22px}body.diplomacy-page .callout.info{border-left-color:var(--kwd-accent);background:var(--accent-soft)}body.diplomacy-page .callout.good{border-left-color:var(--kwd-success);background:var(--green-soft)}body.diplomacy-page .callout.warn{border-left-color:var(--kwd-gold);background:var(--orange-soft)}body.diplomacy-page .callout.danger{border-left-color:var(--kwd-danger);background:var(--red-soft)}body.diplomacy-page .callout.tech{border-left-color:var(--kwd-accent);background:var(--purple-soft)}
body.diplomacy-page .pill,body.diplomacy-page .flow span{border-color:var(--kwd-line);background:var(--kwd-panel-raised);color:var(--kwd-copy)}body.diplomacy-page th{border-color:var(--kwd-line);background:var(--kwd-panel-raised);color:var(--kwd-text)}body.diplomacy-page td{border-color:var(--kwd-line)}body.diplomacy-page code,body.diplomacy-page pre{border-color:var(--kwd-line);background:var(--kwd-bg-soft);color:var(--kwd-copy)}body.diplomacy-page .step::before{background:var(--accent-soft);color:var(--kwd-accent-strong)}body.diplomacy-page .diplomacy-article-footer{border-color:var(--kwd-line);color:var(--kwd-muted)}body.diplomacy-page #reading-progress{top:68px;background:var(--kwd-accent)}
html[data-theme="light"] body.diplomacy-page .nav a.active{color:var(--kwd-accent-deep)}html[data-theme="light"] body.diplomacy-page .topbar{background:color-mix(in srgb,var(--kwd-panel-raised) 93%,transparent)}
@media(max-width:820px){body.diplomacy-page .page{padding-top:62px}body.diplomacy-page .sidebar{inset:62px auto 0 0!important}body.diplomacy-page #reading-progress{top:62px}body.diplomacy-page .main{padding:24px 18px 72px;overflow:hidden}body.diplomacy-page .hero-main{padding:27px 22px 24px}body.diplomacy-page .hero h1{font-size:38px}body.diplomacy-page .topbar{padding:0 12px;gap:10px}body.diplomacy-page .logo span{font-size:14px}body.diplomacy-page table{display:block;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}body.diplomacy-page pre,body.diplomacy-page code{max-width:100%;overflow-wrap:anywhere}}
