/* Scoped to the public About: the existing parchment, stone and gold artwork. */
#cnb-about { --ink:#50331c; --muted:#70543a; --gold:#b8a165; --line:#b8a17b; color:var(--ink); font:16px/1.65 Arial,Helvetica,sans-serif; }
#cnb-about * { box-sizing:border-box; }
#cnb-about [hidden] { display:none !important; }
#cnb-about h1,#cnb-about h2,#cnb-about h3,#cnb-about h4,#cnb-about p { margin:0; }
#cnb-about a { color:#684617; font:inherit; font-weight:bold; text-decoration:underline; text-underline-offset:3px; }
#cnb-about a:hover { color:#261b0d; font-size:inherit; }
#cnb-about a:focus-visible,#cnb-about button:focus-visible,#cnb-about summary:focus-visible { outline:3px solid #345c91; outline-offset:3px; }
#cnb-about .about-heading { display:flex; align-items:center; gap:8px; padding:3px 10px; border:1px solid #827554; background:#292a26 url('../images/global/content/newsheadline_background.gif') repeat; box-shadow:inset 0 0 0 1px #44413a; color:#e7d7a6; }
#cnb-about .about-heading img { flex:none; width:22px; height:22px; image-rendering:pixelated; }
#cnb-about .about-heading h1 { font:bold 17px/1.2 Georgia,serif; }
#cnb-about .about-heading>span { margin-left:auto; font:12px/1.4 Arial,sans-serif; letter-spacing:1px; white-space:nowrap; color:#c9bf9f; }
#cnb-about .about-intro { padding:28px 23px 18px; text-align:center; }
#cnb-about .about-eyebrow { color:var(--muted); font-size:12px; font-weight:bold; letter-spacing:1.4px; text-transform:uppercase; }
#cnb-about .about-intro h2 { max-width:550px; margin:9px auto 13px; font:normal 29px/1.3 martel,Georgia,serif; color:#51320e; }
#cnb-about .about-intro>p:last-of-type { max-width:570px; margin:auto; }
#cnb-about .about-milestones { display:grid; grid-template-columns:repeat(3,1fr); max-width:445px; margin:24px auto 19px; border-block:1px solid var(--line); padding:12px 0; }
#cnb-about .about-milestones a { text-decoration:none; border-right:1px solid var(--line); }
#cnb-about .about-milestones a:last-child { border:0; }
#cnb-about .about-milestones strong { display:block; font:normal 26px/1.3 Georgia,serif; color:#725218; }
#cnb-about .about-milestones a>span:last-child { display:block; font:normal 18px/1.5 martel,Georgia,serif; }
#cnb-about .about-jumps { display:flex; flex-wrap:wrap; justify-content:center; gap:7px 20px; font-size:14px; }
#cnb-about .about-section { margin:18px 0 28px; scroll-margin-top:16px; }
#cnb-about .about-section>p { padding:0 14px; margin:14px 0; }
#cnb-about .about-bar { padding:3px 13px; font:bold 18px/22px Georgia,serif; color:#eadcb5; background:#30302b url('../images/global/content/newsheadline_background.gif') left center / auto 100% repeat-x; border:1px solid #81714f; box-shadow:inset 0 0 0 1px #464238; }
#cnb-about .archive-worlds { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; margin:19px 13px 0; }
#cnb-about .archive-world { padding:9px 6px; border:1px solid #a18b63; border-bottom:0; background:#d8c5a3; text-align:center; text-decoration:none; box-shadow:inset 0 0 0 1px #eee0c4; }
#cnb-about .about-server-emblem[data-emblem=canob] { --world-emblem:url('../images/about/canob-emblem.svg'); }
#cnb-about .about-server-emblem[data-emblem=netunia] { --world-emblem:url('../images/about/netunia-emblem.svg'); }
#cnb-about .about-server-emblem[data-emblem=alastera] { --world-emblem:url('../images/about/alastera-emblem.svg'); }
#cnb-about .about-server-emblem { display:block; width:80px; height:80px; margin:0 auto 8px; background-color:currentColor; -webkit-mask:var(--world-emblem) center / contain no-repeat; mask:var(--world-emblem) center / contain no-repeat; }
#cnb-about .archive-world strong { display:block; font:bold 18px/1.4 Georgia,serif; }
#cnb-about .archive-world span { display:block; font-size:12px; font-weight:normal; }
#cnb-about .archive-world.is-selected { background:#393e30; color:#f0dc9f; box-shadow:inset 0 0 0 1px #807550; border-color:#635b40; }
#cnb-about .archive-ledger { padding:17px; margin:0 7px; border:3px double #847249; background:rgba(247,236,207,.62); box-shadow:0 2px 4px #3d2a1826,inset 0 0 20px #9a784019; }
#cnb-about .archive-ledger-heading { display:flex; gap:14px; align-items:center; justify-content:space-between; padding-bottom:12px; border-bottom:1px solid var(--line); }
#cnb-about .archive-ledger-heading .about-eyebrow { font-size:12px; letter-spacing:1px; }
#cnb-about .archive-ledger-heading h3 { font:normal 24px/1.5 martel,Georgia,serif; }
#cnb-about .archive-ledger-heading>a { font-size:14px; text-align:right; }
#cnb-about .archive-status { font-size:14px; margin:12px 0; line-height:1.55; color:var(--muted); }
#cnb-about .archive-toolbar { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:4px 14px; margin:18px 0 8px; }
#cnb-about .archive-toolbar h4 { font:bold 16px/1.4 Georgia,serif; }
#cnb-about .archive-toolbar>span { font-size:12px; color:var(--muted); }
#cnb-about .archive-years { display:flex; flex-wrap:wrap; gap:5px; }
#cnb-about button { cursor:pointer; font:inherit; }
#cnb-about .archive-year { position:relative; min-height:42px; flex:1 0 48px; padding:6px 7px 10px; border:1px solid #a9926d; background:#e7d6b6; box-shadow:inset 0 0 0 1px #f8edda; color:#674d2d; font-size:14px; }
#cnb-about .archive-year.has-captures::after { content:''; position:absolute; bottom:4px; left:calc(50% - 2px); width:4px; height:4px; background:#5c733a; }
#cnb-about .archive-year[aria-pressed=true] { background:#454b36; border-color:#43462e; box-shadow:inset 0 0 0 1px #899062; color:#fff0bb; font-weight:bold; }
#cnb-about .archive-year[aria-pressed=true]::after { background:#edcd7f; }
#cnb-about .archive-months { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; }
#cnb-about .archive-month { min-height:60px; padding:8px 2px; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#d6caaf; border:1px solid #b5a489; color:#776851; font-size:14px; line-height:1.4; }
#cnb-about .archive-month span { font-size:12px; }
#cnb-about button.archive-month { color:#344526; background:#dde0bc; border-color:#8b9364; box-shadow:inset 0 0 0 1px #f0f0cf; }
#cnb-about button.archive-month[aria-pressed=true] { background:#495337; color:#fff1be; border-color:#4e5736; box-shadow:inset 0 0 0 1px #99a172; }
#cnb-about button:hover { filter:brightness(1.07); }
#cnb-about .archive-capture { display:flex; gap:17px; padding:17px 0 4px; margin-top:17px; border-top:1px solid var(--line); align-items:center; }
#cnb-about .archive-date { flex:0 0 81px; border:1px solid #837052; background:#ede0c2; text-align:center; box-shadow:inset 0 0 0 3px #f8edcf,0 2px 2px #63471d20; }
#cnb-about .archive-date span:first-child { display:block; background:#4a4936; color:#f4e8c1; padding:3px; font-size:12px; text-transform:uppercase; }
#cnb-about .archive-date strong { display:block; font:34px/1.4 Georgia,serif; padding-top:3px; }
#cnb-about .archive-date span:last-child { display:block; font-size:13px; padding-bottom:5px; }
#cnb-about .archive-capture-copy { min-width:0; }
#cnb-about .archive-capture-copy .about-eyebrow { font-size:12px; letter-spacing:1px; }
#cnb-about .archive-capture-copy h4 { font:bold 17px/1.5 Georgia,serif; margin:3px 0; }
#cnb-about .archive-capture-copy p { overflow-wrap:anywhere; font-size:12px; margin-bottom:11px; color:var(--muted); }
#cnb-about a.about-button { display:inline-block; padding:5px 16px; border:3px double #b7a25b; background:linear-gradient(#2f4aa5,#101f63 51%,#14255e); color:#f9e7a0; box-shadow:0 0 0 1px #43402b,inset 0 0 0 1px #080e37; text-shadow:1px 1px #10132e; text-decoration:none; font-size:14px; line-height:1.6; }
#cnb-about .archive-meta { margin-top:15px; font-size:12px; color:var(--muted); }
#cnb-about .archive-preview { margin:18px 0 0; border:3px double #938057; background:#ede0c2; box-shadow:0 2px 4px #3d2a1826; }
#cnb-about .archive-preview-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:5px 12px; padding:2px 10px; background:#30302b url('../images/global/content/newsheadline_background.gif') left center / auto 100% repeat-x; color:#eadcb5; font-size:14px; line-height:20px; }
#cnb-about .archive-preview-toolbar>span { font-weight:bold; }
#cnb-about .archive-preview-toolbar button { flex:none; margin-left:auto; background:#e4d5b4; border:1px solid #a89466; padding:2px 8px; color:#50331c; font-size:13px; line-height:18px; white-space:nowrap; }
#cnb-about .archive-preview-viewport { position:relative; overflow:hidden; aspect-ratio:5/4; background:#fff; }
#cnb-about #archive-preview-frame { display:block; position:absolute; top:0; left:0; width:1200px; height:960px; max-width:none; border:0; transform:scale(var(--archive-preview-scale, .5)); transform-origin:top left; }
#cnb-about .archive-preview-status { padding:8px 10px; border-top:1px solid var(--line); font-size:13px; color:var(--muted); }
#cnb-about .archive-preview-status:empty { display:none; }
#cnb-about .archive-reference { border-top:1px solid var(--line); display:flex; gap:10px; flex-wrap:wrap; justify-content:space-between; margin-top:15px; padding-top:11px; font-size:13px; }
#cnb-about .archive-empty { padding:17px 0 3px; font-size:14px; }
#cnb-about .about-mission-lead { font:normal 23px/1.55 Georgia,serif; color:#664514; }
#cnb-about .about-forum { display:flex; gap:13px; margin:20px 14px; padding:18px; border:1px solid var(--line); background:#d8c6a644; }
#cnb-about .about-forum img { flex:none; margin-top:3px; image-rendering:pixelated; }
#cnb-about .about-forum h3 { font:bold 18px/1.5 Georgia,serif; }
#cnb-about .about-forum p { margin:5px 0 8px; font-size:14px; }
#cnb-about .about-forum a { font-size:14px; }
#cnb-about .about-world-list { margin:10px 14px; }
#cnb-about .about-world-row { display:flex; gap:22px; padding:20px 0; border-bottom:1px solid var(--line); scroll-margin-top:16px; }
#cnb-about .about-world-row:last-child { border:0; }
#cnb-about .about-world-year { flex:0 0 65px; font:normal 25px/1.5 Georgia,serif; color:#84652e; }
#cnb-about .about-world-row h3 { display:flex; align-items:center; gap:8px; font:bold 20px/1.5 Georgia,serif; }
#cnb-about .about-world-flag { flex:none; width:24px; height:auto; image-rendering:pixelated; }
#cnb-about .about-world-globe { flex:none; font:22px/1 "Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif; }
#cnb-about .about-world-row p { margin:5px 0 8px; }
#cnb-about .about-world-row a { font-size:14px; }
#cnb-about .about-terms { margin:16px 14px; border:1px solid #af9670; background:#e6d5b650; }
#cnb-about .about-terms summary { padding:10px 13px; font-weight:bold; cursor:pointer; }
#cnb-about .about-terms-body { padding:15px; border-top:1px solid var(--line); font-size:14px; }
#cnb-about .about-colophon { text-align:center; border-top:3px double var(--line); padding:21px 10px 15px; color:var(--muted); }
#cnb-about .about-colophon strong { display:block; font:normal 22px/1.5 martel,Georgia,serif; color:#6a4f24; }
#cnb-about .about-colophon .about-brand-dot { font-family:Georgia,serif; }
#cnb-about .about-colophon>span { font-size:12px; letter-spacing:1px; }
@media(max-width:576px) {
    #cnb-about { font-size:16px; }
    #cnb-about .about-intro { padding:24px 8px 16px; }
    #cnb-about .about-intro h2 { font-size:25px; }
    #cnb-about .about-heading { padding-inline:6px; gap:6px; }
    #cnb-about .about-heading>span { display:none; }
    #cnb-about .archive-worlds { margin-inline:2px; }
    #cnb-about .archive-world { padding:11px 4px 10px; }
    #cnb-about .about-server-emblem { width:64px; height:64px; margin-bottom:7px; }
    #cnb-about .archive-world strong { font-size:17px; }
    #cnb-about .archive-ledger { margin-inline:0; padding:12px; }
    #cnb-about .archive-months { grid-template-columns:repeat(4,minmax(0,1fr)); }
    #cnb-about .archive-ledger-heading { align-items:flex-start; }
    #cnb-about .archive-ledger-heading>a { max-width:105px; }
    #cnb-about .archive-capture { gap:12px; }
    #cnb-about .archive-date { flex-basis:64px; }
    #cnb-about .archive-capture-copy h4 { font-size:16px; }
    #cnb-about .about-world-row { gap:13px; }
    #cnb-about .about-world-year { flex-basis:58px; font-size:23px; }
    #cnb-about .about-forum { margin-inline:7px; padding:13px; }
}