/* Content refresh. Header, image banners and their typography are deliberately outside this scope. */
/* Explicit follow-up: only the final flag word is retouched, with identical geometry. */
.inf-hero--home .inf-hero__art { background-image:url('design-2026/home/hero-home-three-warriors-v4.webp'); }
.bk-content, .bk-service-shortcuts { --bk-ink:#ece4d6; --bk-muted:#b5b0a6; --bk-bronze:#c4a578; --bk-line:#554839; color:var(--bk-ink); }
.bk-content { background:linear-gradient(#0b1111f7,#0b1111f2); padding:20px; border-radius:4px; }
.bk-home { padding:0 22px 24px; }
.bk-content .text-link { color:#d3bb94; }
#content .panel:not(.safe-tool-hero), #content .event-card { border:1px solid #514536; border-image:none; border-radius:4px; background:linear-gradient(120deg,#141816,#0b1112); box-shadow:inset 0 1px #fff6d607,0 5px 20px #0002; }
#content .panel-head { min-height:56px; padding:14px 18px; gap:12px; background:#b59a6d06; border-bottom:1px solid #423b30; flex-wrap:wrap; }
#content .panel-head h2 { font-size:21px; letter-spacing:.2px; line-height:1.2; color:#e4d4b9; }
#content .panel-head > .text-link { font-size:14px; min-height:28px; }
#content .panel-head h2 > .icon { width:23px; height:23px; color:#ba9e72; }
#content .panel:not(.safe-tool-hero) :is(p,.prose) { line-height:1.6; }
#content :is(.panel,.bk-content,.auth-form) .button { min-height:44px; padding:10px 16px; border:1px solid #986258; border-radius:3px; background:linear-gradient(#75343a,#4c222a); box-shadow:inset 0 1px #ffffff0d; color:#fff0dc; font-size:14px; font-weight:500; letter-spacing:.15px; text-transform:none; }
#content :is(.panel,.bk-content,.auth-form) .button.ghost { background:#161b19; border-color:#70604a; color:#e3d3b6; }
#content :is(.panel,.bk-content,.auth-form) .button:hover { filter:brightness(1.12); }
#content :is(.panel,.bk-content,.auth-form) .button:disabled { cursor:not-allowed; opacity:.5; }
#content :is(.panel,.bk-content,.auth-form) :is(input,select,textarea) { border:1px solid #655640; border-radius:3px; background:#090e0e; color:#e9e3d7; font-size:16px; min-height:44px; max-width:100%; }
#content :is(.panel,.bk-content,.auth-form) input[type=checkbox], #content :is(.panel,.bk-content,.auth-form) input[type=radio] { min-height:18px; accent-color:#b59464; }
#content :is(.panel,.bk-content,.auth-form) :is(input,select,textarea):focus { outline:2px solid #d3b27b; outline-offset:2px; }
#content :is(.panel,.bk-content,.auth-form) .field > span { font-size:15px; color:#ddd4c4; }
#content :is(.panel,.bk-content,.auth-form) .field > small { font-size:13px; line-height:1.5; color:#b1aca2; }
#content .panel :is(.meta,.footnote) { font-size:13px; line-height:1.5; color:#b2aea4; }
#content .panel .text-link { color:#d1b98f; }
#content .panel .empty-state { padding:32px 20px; }
#content .panel .empty-state h3 { font-size:26px; }
#content .panel .empty-state p { font-size:15px; color:#b5b1a7; }
#content .panel .prose { font-size:16px; }
#content :is(.back-link,.pagination a) { min-height:44px; display:inline-flex; align-items:center; }
.bk-kicker { display:block; color:#bba37f; font-size:12px; line-height:1.4; font-weight:500; letter-spacing:1.7px; text-transform:uppercase; }
.bk-section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:18px; }
.bk-section-heading h2 { font-family:var(--serif); font-size:36px; font-weight:600; line-height:1.05; color:#eddfc4; margin:5px 0 0; letter-spacing:.25px; }
.bk-section-heading > p { max-width:330px; color:#b5b0a6; font-size:15px; margin:0 0 3px; }
.bk-section-heading > .text-link { font-size:15px; min-height:34px; }
.bk-workshop { padding:22px 0 0; }
.bk-workshop .bk-section-heading { margin-bottom:14px; }
.bk-workshop .bk-section-heading h2 { font-size:29px; }
.bk-workshop .bk-section-heading > p { font-size:14px; }
.bk-service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.bk-service-card { min-width:0; min-height:216px; position:relative; display:flex; overflow:hidden; border:1px solid #66563f; border-radius:4px; background:linear-gradient(120deg,#181c17,#101614); box-shadow:inset 0 1px #cbae760c; transition:border-color .2s,background-color .2s; }
.bk-service-art { position:absolute; top:16px; right:16px; height:60px; width:60px; object-fit:cover; object-position:center; border:1px solid #66533c; border-radius:4px; opacity:.88; }
.bk-service-art--item { display:flex; align-items:center; justify-content:center; background:radial-gradient(circle,#33332a,#151c18); }
.bk-service-art--item img { display:block; width:auto; height:auto; max-width:42px; max-height:46px; object-fit:contain; }
.bk-service-copy { width:100%; min-width:0; position:relative; display:flex; flex-direction:column; align-items:flex-start; padding:16px; }
.bk-service-type { display:flex; align-items:center; gap:6px; max-width:calc(100% - 66px); color:#b9a584; font-size:10px; line-height:1.4; letter-spacing:.6px; text-transform:uppercase; }
.bk-service-type .icon { width:16px; height:16px; flex:none; }
.bk-service-copy h3 { max-width:calc(100% - 66px); min-height:53px; font-family:var(--serif); font-size:24px; line-height:1.1; font-weight:600; margin:7px 0 9px; color:#eddfc4; }
.bk-service-copy p { flex:1; font-size:14px; line-height:1.5; color:#c2bdb2; margin:0; }
.bk-service-action { display:inline-flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; min-height:44px; padding:9px 12px; border:1px solid #776044; border-radius:3px; background:#29271f; color:#ecd8b8; font-size:13px; }
.bk-service-action .icon { width:18px; height:18px; }
.bk-service-card:hover { border-color:#ac8a5d; background:#1a2019; }
.bk-service-card:hover .bk-service-action { filter:brightness(1.12); }
.bk-service-card:focus-visible { outline:2px solid #ddbd84; outline-offset:4px; }
.bk-clan-hub { padding-top:34px; scroll-margin-top:20px; }
.bk-quicklinks { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid #544637; background:#101615; border-radius:4px; }
.bk-quicklinks a { display:flex; align-items:center; gap:13px; min-width:0; min-height:86px; padding:16px; border-right:1px solid #403a30; }
.bk-quicklinks a:last-child { border-right:0; }
.bk-quicklinks a > .icon:first-child { width:27px; height:27px; color:#b4986a; flex:none; }
.bk-quicklinks a > .icon:last-child { width:15px; height:15px; color:#9f8c6c; margin-left:auto; flex:none; }
.bk-quicklinks a span { min-width:0; }
.bk-quicklinks strong { display:block; font-size:17px; font-weight:500; color:#e6d8c1; line-height:1.3; }
.bk-quicklinks small { display:block; font-size:13px; color:#afa99c; line-height:1.4; margin-top:4px; }
.bk-quicklinks a:hover { background:#a0825010; }
.bk-clan-stats { display:flex; flex-wrap:wrap; gap:12px 28px; padding:16px 2px 20px; color:#a7aa9f; font-size:14px; }
.bk-clan-stats strong { font-weight:500; color:#dfd3bc; margin-right:3px; }
.bk-online { margin-left:auto; }
.bk-online i { display:inline-block; width:6px; height:6px; background:#819276; border-radius:50%; margin-right:8px; }
#content .bk-home-dashboard { display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:20px; align-items:start; padding:0; }
#content .bk-home-dashboard > * { min-width:0; grid-column:auto; grid-row:auto; }
#content .bk-home-dashboard .home-conversation { order:0; }
#content .bk-home-dashboard .home-news { order:1; }
#content .bk-home-dashboard .home-roster { order:2; }
#content .bk-home-dashboard .home-conversation { display:flex; flex-direction:column; padding:0; }
#content .bk-home-dashboard .mini-chat { min-height:340px; border-bottom-left-radius:0; border-bottom-right-radius:0; }
#content .bk-home-dashboard .chat-feed { min-height:240px; height:240px; max-height:360px; padding:12px 18px; }
#content .bk-home-dashboard .message-body { font-size:15px; line-height:1.5; }
#content .bk-home-dashboard .message-name { font-size:14px; color:#d4bf98; }
#content .bk-home-dashboard .message time { font-size:12px; color:#a4a799; }
#content .bk-home-dashboard .chat-login { font-size:14px; min-height:50px; padding:14px; }
.bk-panel-link { display:flex; align-items:center; justify-content:center; gap:10px; min-height:46px; background:#1b201b; color:#d6c2a0; font-size:14px; border:1px solid #514536; border-top:0; border-radius:0 0 4px 4px; }
.bk-panel-link .icon { width:17px; height:17px; }
#content .bk-home-dashboard .home-news { min-height:0; }
#content .bk-home-dashboard .clan-news-item { display:flex; align-items:center; gap:12px; padding:18px; min-height:90px; border-bottom:1px solid #39372e; }
#content .bk-home-dashboard .clan-news-item > .icon:first-child { width:23px; height:23px; flex:none; color:#b59b73; }
#content .bk-home-dashboard .clan-news-item > div { flex:1; min-width:0; }
#content .bk-home-dashboard .clan-news-item h3 { color:#ded7c9; font-size:17px; line-height:1.35; font-family:var(--font); font-weight:500; margin:5px 0 0; }
.bk-next-event { padding:22px 18px; }
.bk-next-event p { margin:10px 0; color:#b4b0a5; font-size:14px; }
.bk-next-event > a:not(.text-link) { display:flex; flex-direction:column; gap:7px; margin-top:10px; font-size:15px; }
.bk-next-event .text-link { font-size:14px; min-height:40px; }
#content .bk-home-dashboard .home-members { display:flex; flex-direction:column; gap:0; padding:0; }
#content .bk-home-dashboard .member-card { display:flex; align-items:center; gap:12px; border:0; border-image:none; border-bottom:1px solid #39372e; padding:11px 18px; min-height:67px; width:100%; background:none; box-shadow:none; border-radius:0; }
#content .bk-home-dashboard .member-card:last-child { border-bottom:0; }
#content .bk-home-dashboard .member-art { width:44px; height:48px; min-height:0; flex:0 0 44px; border:1px solid #64583f; overflow:hidden; border-radius:3px; }
#content .bk-home-dashboard .member-art::after, #content .bk-home-dashboard .member-symbol { display:none; }
#content .bk-home-dashboard .member-art img { width:100%; height:100%; object-fit:cover; }
#content .bk-home-dashboard .member-info { padding:0; min-width:0; flex:1; display:flex; align-items:baseline; flex-wrap:wrap; gap:3px 8px; }
#content .bk-home-dashboard .member-info h3 { font-family:var(--font); font-size:16px; width:100%; line-height:1.3; margin:0; display:flex; align-items:center; gap:5px; }
#content .bk-home-dashboard .member-info h3 a { color:#dfd3bc; overflow-wrap:anywhere; }
#content .bk-home-dashboard .member-info p:empty, #content .bk-home-dashboard .member-info .online-label, #content .bk-home-dashboard .member-meta span:empty { display:none; }
#content .bk-home-dashboard .member-info p { font-size:12px; margin:0; color:#adaea1; }
#content .bk-home-dashboard .member-meta { display:flex; gap:6px; font-size:12px; margin:0; color:#b6ab94; }
#content .bk-home-dashboard .clan-leader-badge { font-size:11px; padding:0; border:0; background:none; }
.bk-service-shortcuts { display:flex; align-items:center; gap:22px; padding:22px; margin:28px 0 10px; border:1px solid #514536; border-radius:4px; background:linear-gradient(110deg,#191c16,#0d1413); }
.bk-service-shortcuts > div { margin-right:auto; }
.bk-service-shortcuts strong { display:block; font-family:var(--serif); font-size:26px; margin-top:3px; }
.bk-service-shortcuts a { display:flex; gap:10px; align-items:center; min-height:46px; padding:10px 15px; border:1px solid #6b593f; color:#e1ccaa; font-size:15px; }
.bk-service-shortcuts a:hover { background:#ac854019; }
.bk-service-shortcuts .icon { width:21px; height:21px; }
#content .tools-navigation { flex-wrap:wrap; gap:8px; padding:12px 0; border:0; background:none; }
#content .tools-navigation a { font-size:14px; min-height:44px; padding:10px 14px; border:1px solid #584c38; border-radius:3px; background:#131915; color:#d1c3a9; }
#content .tools-navigation a[aria-current=page] { border-color:#b09064; background:#3c3023; color:#f0dfbc; }
#content :is(.news-card,.article) .pad { padding:24px; }
#content .news-card h2 { font-size:30px; }
#content .news-card p { font-size:16px; color:#bfbbae; }
#content .auth-form, #content .account-grid .pad { background:#111815; }
#content .auth-form .muted { color:#bcb7aa; font-size:15px; line-height:1.6; }
#content .article-narrow { max-width:960px; }
@media(max-width:1100px) {
  .bk-service-art { width:48px; height:48px; top:14px; right:14px; }
  .bk-service-copy { padding:14px; }
  .bk-service-type, .bk-service-copy h3 { max-width:calc(100% - 56px); }
  .bk-service-type { font-size:9px; letter-spacing:.25px; }
  .bk-service-copy h3 { font-size:22px; min-height:49px; }
  #content .bk-home-dashboard { grid-template-columns:1fr 1fr; }
  #content .bk-home-dashboard .home-roster { grid-column:1/-1; }
  #content .bk-home-dashboard .home-members { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .bk-quicklinks { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bk-quicklinks a:nth-child(2) { border-right:0; }
  .bk-quicklinks a:nth-child(-n+2) { border-bottom:1px solid #403a30; }
  .bk-service-shortcuts { gap:12px; flex-wrap:wrap; }
  .bk-service-shortcuts > div { width:100%; }
}
@media(max-width:760px) {
  .bk-content { padding:12px; }
  .bk-home { padding:0 12px 16px; }
  .bk-workshop { padding-top:20px; }
  .bk-section-heading { align-items:start; gap:10px; margin-bottom:15px; flex-wrap:wrap; }
  .bk-section-heading h2 { font-size:32px; }
  .bk-section-heading > p { font-size:14px; max-width:none; }
  .bk-kicker { font-size:11px; letter-spacing:1.3px; }
  .bk-service-grid { grid-template-columns:1fr; gap:10px; }
  .bk-service-card { min-height:0; }
  .bk-service-copy { padding:15px; }
  .bk-service-type { font-size:10px; max-width:calc(100% - 64px); }
  .bk-service-copy h3 { font-size:24px; min-height:0; max-width:calc(100% - 64px); margin:6px 0 10px; }
  .bk-service-copy p { max-width:520px; }
  .bk-service-art { top:15px; right:15px; width:54px; height:54px; }
  .bk-service-action { font-size:13px; margin-top:12px; }
  .bk-clan-hub { padding-top:28px; }
  .bk-quicklinks a { padding:13px; gap:9px; min-height:90px; }
  .bk-quicklinks a > .icon:first-child { width:23px; height:23px; }
  .bk-quicklinks a > .icon:last-child { display:none; }
  .bk-quicklinks strong { font-size:16px; }
  .bk-quicklinks small { font-size:13px; }
  .bk-clan-stats { gap:10px 16px; font-size:13px; padding:16px 0 20px; }
  .bk-online { margin-left:0; }
  #content .bk-home-dashboard { grid-template-columns:1fr; gap:18px; }
  #content .bk-home-dashboard .home-roster { grid-column:auto; }
  #content .bk-home-dashboard .home-members { display:flex; }
  #content .panel-head { padding:14px 16px; }
  #content .panel-head h2 { font-size:22px; }
  #content .panel-head > .text-link { font-size:13px; }
  .bk-service-shortcuts { padding:18px; margin-top:22px; }
  .bk-service-shortcuts a { width:100%; justify-content:flex-start; }
  .bk-service-shortcuts a > .icon:last-child { margin-left:auto; }
  #content .tools-navigation { gap:6px; }
  #content .tools-navigation a { padding:9px; font-size:13px; }
  #content .tools-navigation a .icon { width:17px; height:17px; }
}
@media(max-width:390px) {
  .bk-service-copy h3 { font-size:23px; }
  .bk-quicklinks a { padding:12px 10px; }
  .bk-quicklinks a > .icon:first-child { display:none; }
}
@media(prefers-reduced-motion:reduce) { .bk-service-card { transition:none; } }