:root { --site-inverse:#fff5bd; --poster-paper-deep:#fff5bd; }
/* The original warm poster palette, with a quieter Clone Wars broadcast layer. */
body { background: var(--poster-ink); }
#app .backdrop { background:var(--poster-ink)!important; }
#app .backdrop::before,#app .backdrop::after { content:''!important; display:block!important; position:absolute!important; inset:0!important; background-size:cover!important; background-position:center!important; transform:none!important; transition:opacity 1.2s ease!important; filter:none!important; }
#app .backdrop::before,#app .access-intro>.backdrop::before { background-image:linear-gradient(180deg,color-mix(in srgb,var(--poster-ink) 40%,transparent),color-mix(in srgb,var(--poster-ink) 90%,transparent)),var(--event-background-0,url('./assets/event-archive/hoth-01.webp'))!important; opacity:1!important; }
#app .backdrop::after,#app .access-intro>.backdrop::after { background-image:linear-gradient(180deg,color-mix(in srgb,var(--poster-ink) 40%,transparent),color-mix(in srgb,var(--poster-ink) 90%,transparent)),var(--event-background-1,url('./assets/event-archive/hoth-01.webp'))!important; opacity:0!important; }
html[data-event-background-layer="1"] #app .backdrop::after { opacity:1!important; }
html[data-event-background-layer="0"] #app .backdrop::after { opacity:0!important; }
@media(prefers-reduced-motion:reduce) { #app .backdrop::before,#app .backdrop::after { transition:none!important; } }
#app .community-page { color:var(--poster-ink); background:var(--poster-paper); padding:24px clamp(16px,3vw,44px) 18px; box-shadow:var(--poster-shadow); border:1px solid var(--poster-line); }
#app .community-page h1,#app .community-page h2,#app .community-page h3 { font-family:var(--poster-title-font); color:var(--poster-ink); line-height:1.02; text-transform:none; margin:0; letter-spacing:-.035em; }
#app .community-page h1 { font-size:clamp(42px,5.5vw,84px); font-weight:900; max-width:900px; }
#app .community-page h1 em { font-style:normal; color:var(--poster-muted); }
#app .community-page h2 { font-size:clamp(26px,2.7vw,36px); margin:20px 0; }
#app .community-page h3 { font-size:29px; font-weight:800; }
#app .community-page p { font-size:16px; line-height:1.65; max-width:72ch; }
#app .community-page .kicker { color:var(--poster-muted); font:700 11px/1.5 var(--poster-title-font); letter-spacing:.15em; text-transform:uppercase; margin-bottom:14px; }
.hub-masthead,.hub-footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; border-bottom:1px solid var(--poster-line); padding-bottom:14px; font:700 10px/1.5 var(--poster-title-font); letter-spacing:.12em; }
.hub-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:22px; margin:30px 0; }
.hub-heading p { margin:16px 0 0; color:var(--poster-muted); }
.hub-tools,.hub-card-actions,.hub-legacy-tools { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.hub-tools { max-width:340px; justify-content:flex-end; }
.hub-hero { display:grid; grid-template-columns:1.35fr 1fr; min-height:400px; border:1px solid var(--poster-ink); margin-bottom:32px; }
.hub-hero-photo { position:relative; min-height:400px; overflow:hidden; background:#302b24; }
.hub-hero-photo::after { content:none; }
.hub-hero-photo img { width:100%; height:100%; position:absolute; object-fit:cover; object-position:48% center; filter:none; }
.hub-tape { position:absolute; bottom:0; left:0; right:0; display:flex; justify-content:space-between; gap:10px; color:var(--site-inverse); background:color-mix(in srgb,var(--poster-ink) 87%,transparent); padding:14px 18px; font:11px var(--poster-title-font); letter-spacing:.08em; z-index:1; }
.hub-hero-copy { padding:clamp(24px,3vw,40px); background:var(--poster-paper-deep); position:relative; }
#app .hub-hero-copy h2 { font-size:clamp(36px,4vw,58px); margin:16px 0; }
.hub-hero-copy .command { margin:5px 0; display:flex; justify-content:space-between; width:100%; }
.hub-signal { display:flex; justify-content:space-between; border-top:1px solid var(--poster-line); padding-top:20px; margin-top:22px; font:10px var(--poster-title-font); letter-spacing:.1em; }
.hub-columns { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:28px; }
.hub-section-title { display:flex; justify-content:space-between; align-items:center; gap:12px; }
#app .hub-section-title h2 { margin:6px 0 20px; }
.hub-card { padding:24px; border:1px solid var(--poster-line); border-top:3px solid var(--poster-muted); background:var(--poster-paper-deep); margin-bottom:18px; overflow-wrap:anywhere; }
.hub-card.is-pinned { border-top-color:var(--poster-ink); }
.hub-card-meta,.hub-card-tags { display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between; font:11px/1.5 var(--poster-title-font); color:var(--poster-muted); margin-bottom:14px; }
.hub-card-tags { justify-content:flex-start; margin-top:15px; }
.hub-status { display:inline-block; padding:4px 8px; border:1px solid var(--poster-muted); font:700 10px/1.5 var(--poster-title-font); text-transform:uppercase; background:#e8d89b; }
.hub-status.status-in-progress { background:var(--poster-red); border-color:var(--poster-muted); }
.hub-status.status-completed { background:#ccd6af; border-color:#526040; }
.hub-card blockquote { margin:18px 0; border-left:3px solid #8a7b3a; padding:10px 16px; background:var(--poster-paper-deep); font-size:15px; line-height:1.6; }
.hub-card blockquote span { display:block; text-transform:uppercase; font:700 10px var(--poster-title-font); margin-bottom:7px; }
.hub-prose { white-space:pre-wrap; }
.hub-card-bottom { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid var(--poster-paper-deep); padding-top:14px; margin-top:20px; }
.hub-card-bottom small { font-size:11px; color:var(--poster-muted); }
#app .hub-card .command { font-size:12px; min-height:36px; padding:8px 12px; }
.hub-test-time { border-block:1px solid var(--poster-paper-deep); padding:16px 0; margin:18px 0; display:grid; gap:8px; }
.hub-test-time small { color:var(--poster-muted); }
.hub-empty { border:1px dashed var(--poster-muted); padding:26px; margin-bottom:18px; color:var(--poster-muted); background:var(--poster-paper-deep); }
.hub-empty strong { display:block; font-size:20px; color:var(--poster-ink); }
#app .hub-empty p { font-size:14px; margin-bottom:0; }
.hub-photo-note { margin:22px 0; border:1px solid var(--poster-ink); }
.hub-photo-note img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; filter:none; }
.hub-photo-note figcaption { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px; font:10px var(--poster-title-font); }
.hub-footer { margin-top:36px; padding-top:16px; border-top:1px solid var(--poster-line); border-bottom:0; color:var(--poster-muted); }
.hub-filters { display:flex; flex-wrap:wrap; gap:16px; border-block:1px solid var(--poster-line); padding:16px 0; margin-bottom:24px; }
#app .community-page label { display:grid; gap:8px; font:700 12px/1.6 var(--poster-text-font); color:var(--poster-ink); }
#app .community-page input,#app .community-page textarea,#app .community-page select { border-radius:0; background:var(--site-inverse); color:var(--poster-ink); border:1px solid var(--poster-muted); padding:10px 12px; font:15px/1.5 var(--poster-text-font); min-width:0; box-shadow:none; width:100%; }
#app .community-page textarea { resize:vertical; }
.hub-log { max-width:960px; }
.hub-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.hub-gallery figure { margin:0; border:1px solid var(--poster-muted); background:var(--poster-paper-deep); }
.hub-gallery img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; transition:filter .2s; }
.hub-gallery a:hover img { filter:none; }
.hub-gallery figcaption { display:flex; justify-content:space-between; gap:10px; padding:13px 16px; font:11px var(--poster-title-font); }
.hub-board { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
#app .hub-board-column > h2 { font-size:24px; border-bottom:2px solid var(--poster-muted); padding-bottom:14px; }
.hub-board-column h2 small { font:14px var(--poster-title-font); float:right; }
.hub-board .hub-card { padding:18px; }
#app .hub-board h3 { font-size:24px; }
.hub-board .hub-card-meta { font-size:10px; }
.hub-board .hub-card-meta time { display:none; }
.hub-thread { margin-top:20px; border-top:2px solid var(--poster-muted); padding-top:18px; }
.hub-comment { border-bottom:1px solid var(--poster-paper-deep); margin-bottom:14px; padding-bottom:8px; }
.hub-comment small { display:block; margin-top:4px; font-size:10px; }
#app .hub-comment p { font-size:14px; }
.hub-thread form { display:grid; gap:10px; }
.hub-editor { max-width:900px; display:grid; gap:20px; }
.hub-editor-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.hub-editor label small { font-weight:400; }
.hub-playtest-fields { border:1px solid var(--poster-muted); padding:20px; margin:0; }
.hub-playtest-fields p { margin-top:0; font-size:13px!important; }
#app .community-page .hub-check { display:flex; align-items:center; gap:10px; margin-top:8px; }
#app .community-page [hidden] { display:none!important; }
#app .hub-check input { width:18px; height:18px; accent-color:var(--poster-muted); }
.hub-alert,.hub-preview { padding:14px; border:1px solid #80663a; background:var(--poster-paper-deep); margin-bottom:18px; font-size:13px; }
.hub-preview { font:11px var(--poster-title-font); margin-top:16px; }
.hub-alert .command { margin-left:10px; }
.hub-legacy-tools { padding:15px; background:var(--poster-paper); border:1px solid var(--poster-line); margin-bottom:20px; }
#app .hud .nav-tabs { display:flex; flex-wrap:wrap; grid-template-columns:none; }
#app .hud .nav-tab { flex:1 0 auto; white-space:nowrap; font-size:12px; }
#app .community-page button:focus-visible,#app .community-page a:focus-visible { outline:3px solid #253f53; outline-offset:3px; }
@media(min-width:1600px) { #app .community-page { max-width:1600px; margin-inline:auto; } }
@media(max-width:1050px) { .hub-heading { align-items:flex-start; flex-direction:column; }.hub-tools { justify-content:flex-start;max-width:none; }.hub-board { grid-template-columns:1fr; }.hub-hero { grid-template-columns:1fr 1fr; }.hub-hero-photo { min-height:360px; } }
@media(max-width:700px) { .hub-masthead span:nth-child(2) { display:none; }.hub-hero,.hub-columns,.hub-gallery,.hub-editor-grid { grid-template-columns:1fr; }.hub-hero-photo { min-height:280px; }.hub-hero { min-height:0; }.hub-heading { margin:24px 0; }.hub-tape { font-size:9px; }.hub-card { padding:18px; }.hub-filters label { flex:1; }.hub-footer { font-size:9px; }#app .community-page h1 { font-size:44px; } }
@media(prefers-reduced-motion:reduce) { .hub-gallery img { transition:none; } }
@media(max-width:700px) {
  #app .hud { grid-template-rows:auto auto!important; }
  #app .hud .nav-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-flow:row; height:auto!important; overflow:visible; }
  #app .hud .nav-tab { white-space:normal; min-height:44px; font-size:12px; }
}

/* Past events: two tapes, then a planet collection. */
.archive-events { display:grid; gap:24px; }
.archive-event-card { display:grid; grid-template-columns:1.2fr 1fr; border:1px solid var(--poster-ink); background:var(--poster-paper-deep); }
.archive-event-card>a { display:block; min-height:290px; overflow:hidden; }
.archive-event-card>a img { width:100%; height:100%; object-fit:cover; filter:none; display:block; }
.archive-event-card>div { padding:30px; }
#app .archive-event-card h2 { font-size:clamp(28px,3.5vw,46px); margin:12px 0; }
.archive-event-card h2 em { font-style:normal; color:var(--poster-muted); }
.archive-event-card .command { display:inline-flex; gap:28px; text-decoration:none; }
.archive-event-card small { display:block; margin-top:18px; font:11px/1.5 var(--poster-title-font); }
.archive-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); }
.archive-gallery figure { margin:0; }
.archive-gallery figure>button { padding:0; background:var(--poster-ink); border:0; width:100%; cursor:zoom-in; display:block; }
.archive-gallery img { display:block; width:100%; aspect-ratio:16/9; height:auto; object-fit:cover; }
.archive-gallery figcaption { font-size:10px; padding:9px; }
.archive-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin:24px 0; font:11px/1.5 var(--poster-title-font); }
.archive-pagination button:disabled { opacity:.4; cursor:default; }
.archive-recap { max-width:80ch; margin:24px 0 32px; }
.archive-lightbox { max-width:min(1200px,94vw); max-height:94dvh; padding:16px; border:1px solid #c7ae4d; color:var(--site-inverse); background:var(--poster-ink); box-shadow:0 16px 80px #000; }
.archive-lightbox::backdrop { background:#10100de8; }
.archive-lightbox img { display:block; width:100%; max-height:72dvh; object-fit:contain; min-height:100px; }
.archive-lightbox-tools { display:flex; justify-content:space-between; gap:14px; align-items:center; font:12px/1.5 var(--poster-title-font); }
.archive-lightbox-tools .command { color:var(--site-inverse); border:1px solid #ad9852; background:#302d22; padding:10px 14px; cursor:pointer; }
.archive-lightbox-tools:first-child { margin-bottom:12px; }
.archive-lightbox-tools:last-child { margin-top:12px; }
[data-archive]:focus-visible,[data-archive-event]:focus-visible { outline:3px solid #9b6a08; outline-offset:4px; }
@media(max-width:430px) { .archive-gallery { grid-template-columns:1fr; } }
@media(max-width:780px) { .archive-event-card { grid-template-columns:1fr; } .archive-event-card>a { min-height:0; max-height:280px; } .archive-event-card>a img { aspect-ratio:16/9; } .archive-event-card>div { padding:24px; } .archive-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); } .archive-pagination span { order:-1; width:100%; text-align:center; } }
@media(max-width:430px) { .archive-gallery { grid-template-columns:1fr; } }

.archive-breadcrumbs { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:24px; }
.archive-collection-intro { border-top:1px solid var(--poster-line); margin-top:28px; padding-top:8px; }
#app .archive-collection-intro h2 { margin-bottom:8px; }
#app .archive-collection-intro p { margin-top:0; font-size:14px; }
.archive-collections { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:24px 0 32px; }
.archive-collection { color:var(--poster-ink); text-decoration:none; border:1px solid var(--poster-ink); background:var(--poster-paper-deep); display:block; }
.archive-collection-photo { position:relative; overflow:hidden; background:var(--poster-ink); }
.archive-collection-photo::after { content:none; }
.archive-collection-photo img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; filter:none; transition:filter .2s; }
.archive-collection:hover img { filter:none; }
.archive-collection-number { position:absolute; left:12px; top:12px; color:var(--site-inverse); background:color-mix(in srgb,var(--poster-ink) 91%,transparent); padding:5px 8px; font:10px/1.5 var(--poster-title-font); }
.archive-collection-label { padding:20px; }
#app .archive-collection-label h3 { font-size:clamp(24px,2.7vw,34px); margin:0 0 12px; }
.archive-collection-label>span { display:flex; justify-content:space-between; gap:8px; font:11px/1.5 var(--poster-title-font); }
.archive-collection-label b { font-size:20px; line-height:1; }
.archive-collection:focus-visible { outline:3px solid #9b6a08; outline-offset:4px; }
.archive-gallery-heading { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; border-top:1px solid var(--poster-line); padding:20px 0; font:11px/1.5 var(--poster-title-font); }
.archive-season-photos { display:grid; grid-template-columns:1.3fr 1fr; background:var(--poster-paper-deep); border:1px solid var(--poster-ink); margin:24px 0; }
.archive-season-photos>img { display:block; width:100%; height:100%; object-fit:cover; }
.archive-season-photos>div { padding:28px; }
@media(max-width:780px) { .archive-collections { grid-template-columns:1fr; } .archive-collection-photo img { aspect-ratio:16/9; } .archive-collection-label { display:flex; justify-content:space-between; align-items:center; gap:18px; } #app .archive-collection-label h3 { margin:0; } .archive-collection-label>span { gap:18px; } .archive-season-photos { grid-template-columns:1fr; } .archive-season-photos>img { aspect-ratio:16/9; } }

/* Post attachments keep the same tape-frame treatment as the event photos. */
.post-attachments{border:1px solid var(--line);padding:20px;margin:20px 0}
.post-attachments legend{font-weight:700;padding:0 8px}
.post-attachments input[type=file]{max-width:100%;padding:12px 0}
.post-pictures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.post-pictures:has(>.post-picture:only-child){grid-template-columns:1fr}
.post-picture{min-width:0}
.post-picture-open{position:relative;display:block;width:100%;border:1px solid #656036;padding:0;background:#302e25;color:#eee2a2;cursor:zoom-in;min-height:120px;overflow:hidden}
.post-picture-open img{display:block;width:100%;max-height:440px;object-fit:contain}
.post-picture-open img:not([src]){visibility:hidden;height:120px}
.post-picture-open [data-picture-status]{position:absolute;inset:0;align-content:center;padding:15px}
.post-picture>label{margin:12px 0!important}
.post-video{aspect-ratio:16/9;margin:18px 0;background:#302e25;border:1px solid #656036}
.post-video iframe{display:block;width:100%;height:100%;border:0}
.post-picture-dialog{position:fixed;max-width:95vw;max-height:94vh;padding:16px;background:#302e25;border:1px solid #eee2a2;color:#eee2a2}
.post-picture-dialog::backdrop{background:#111c}
.post-picture-dialog img{display:block;max-width:88vw;max-height:78vh;object-fit:contain;margin:12px auto 0}
.hub-tape{gap:12px;flex-wrap:wrap}
.hub-masthead{gap:12px;flex-wrap:wrap}
@media(max-width:600px){.post-pictures{grid-template-columns:1fr}.post-attachments{padding:12px}}

/* The Minecraft menu's VHS belongs only to the background, including login. */
body::before,body::after,#app .scanlines{display:none!important}
#app .backdrop .vhs-canvas,#app .backdrop .vhs-fallback{position:absolute;pointer-events:none;z-index:1;display:block;inset:auto;opacity:0}
#app .vhs-ready>.vhs-canvas{opacity:1}
#app .backdrop.vhs-ready::before,#app .backdrop.vhs-ready::after{visibility:hidden}
.hub-photo-note{position:relative;overflow:hidden}
.hub-tape{z-index:2}
.hub-photo-note figcaption{position:relative;z-index:2;background:var(--poster-paper)}
#app .vhs-fallback{opacity:1!important;background:repeating-linear-gradient(0deg,#0000000d 0 1px,transparent 1px 2px)}
.vhs-fallback::after{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.07}
.hub-hero-photo img,.hub-photo-note img,.archive-gallery img,.archive-lightbox img,.archive-event-card img,.archive-collection-photo img,.archive-season-photos img,.post-picture img,.post-picture-dialog img{filter:none!important}

/* One rhythm for the members hub: paper, ink and a little breathing room. */
#app .app-frame { width:min(1240px,calc(100% - 48px)); padding:28px 0 48px; gap:20px; }
#app .hud,#app .hud.has-tools { grid-template-columns:minmax(190px,.8fr) minmax(0,2.7fr) minmax(100px,.4fr); box-shadow:0 6px 24px #0002; }
#app .hud.no-tools { grid-template-columns:minmax(190px,.8fr) minmax(0,3.1fr); }
#app .hud .nav-tabs { flex-wrap:nowrap; min-width:0; }
#app .hud .nav-tab { flex:1 1 auto; min-width:0; min-height:48px; padding:11px 10px; font-size:15px; line-height:1.1; letter-spacing:.02em; text-transform:uppercase; color:var(--site-inverse)!important; transition:background-color .2s,color .2s; }
#app .hud .nav-tab:hover { transform:none; }
#app .community-page { padding:24px clamp(22px,3.2vw,40px) 20px; border:2px solid var(--poster-ink); box-shadow:6px 6px 0 #0005; }
.hub-masthead { align-items:center; border-bottom:4px double var(--poster-ink); padding-bottom:18px; font-size:11px; letter-spacing:.09em; color:var(--poster-muted); }
.hub-masthead>span:first-child { font:900 24px/1 var(--poster-title-font); letter-spacing:.015em; }
.hub-heading { align-items:center; gap:24px; margin:30px 0 32px; padding-bottom:26px; border-bottom:3px solid var(--poster-ink); }
#app .community-page h1 { font-size:clamp(52px,6.1vw,92px); font-weight:900; line-height:.92; letter-spacing:-.045em; text-transform:uppercase; text-wrap:balance; }
#app .community-page h1:focus { outline:none; }
#app .community-page h2 { font-size:clamp(30px,3vw,38px); line-height:1; letter-spacing:-.025em; text-transform:uppercase; }
#app .community-page h3 { font-size:30px; line-height:1.08; }
#app .community-page p { font-size:16px; line-height:1.65; }
.hub-heading p { max-width:58ch; margin-top:12px; }
.hub-tools { flex-shrink:0; gap:6px; max-width:300px; }
.hub-tools:empty { display:none; }
#app .community-page .command.command { min-height:46px; padding:11px 16px; border:1px solid var(--poster-ink)!important; border-radius:0!important; box-shadow:3px 3px 0 color-mix(in srgb,var(--poster-ink) 25%,transparent)!important; font-size:16px; font-weight:800; line-height:1.15; letter-spacing:.025em; text-transform:uppercase; text-decoration:none; transition:background-color .2s,color .2s,transform .2s,box-shadow .2s; }
#app .community-page :is(.hub-tools,.hub-section-title,.archive-breadcrumbs,.hub-card-bottom) .command.command { background:transparent!important; color:var(--poster-ink)!important; border-color:color-mix(in srgb,var(--poster-ink) 50%,transparent)!important; box-shadow:2px 2px 0 color-mix(in srgb,var(--poster-ink) 13%,transparent)!important; min-height:44px; font-size:14px; }
#app .community-page .hub-tools [data-hub="reload"].command { font-weight:800; }
#app .community-page .command:disabled { opacity:.45; cursor:default; }
#app .community-page .command:disabled:hover { transform:none; filter:none; }
#app .community-page a:focus-visible,#app .community-page button:focus-visible { outline:3px solid #253f53!important; outline-offset:3px; }
.hub-hero { grid-template-columns:1.15fr 1fr; min-height:360px; margin-bottom:36px; border:2px solid var(--poster-ink); box-shadow:4px 4px 0 color-mix(in srgb,var(--poster-ink) 19%,transparent); }
.hub-hero-photo { min-height:360px; }
.hub-hero-copy { padding:clamp(24px,2.5vw,34px); display:flex; flex-direction:column; justify-content:center; background:var(--poster-ink); }
#app .hub-hero-copy .kicker { color:var(--poster-red)!important; margin-bottom:4px; font-size:12px; letter-spacing:.1em; }
#app .hub-hero-copy h2 { color:var(--site-inverse); font-size:clamp(40px,4vw,58px); margin:14px 0 20px; line-height:.95; }
#app .hub-hero-copy p { color:var(--site-inverse); margin:0 0 24px; }
.hub-hero-actions { display:grid; gap:10px; }
.hub-hero-copy .command { margin:0; }
#app .hub-hero-actions .command:first-child { background:var(--poster-red)!important; color:var(--poster-ink)!important; border-color:var(--poster-red)!important; box-shadow:3px 3px 0 #8d792b!important; }
#app .hub-hero-actions .command:last-child { background:transparent!important; color:var(--site-inverse)!important; border-color:color-mix(in srgb,var(--site-inverse) 56%,transparent)!important; box-shadow:3px 3px 0 color-mix(in srgb,var(--site-inverse) 13%,transparent)!important; }
.hub-tape { padding:12px 16px; font-size:11px; letter-spacing:.03em; background:color-mix(in srgb,var(--poster-ink) 80%,transparent); }
.hub-columns { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; align-items:start; }
.hub-columns>* { min-width:0; }
.hub-section-title { margin-bottom:14px; min-height:40px; }
#app .hub-section-title h2 { margin:0; border-left:6px solid var(--poster-ink); padding-left:12px; }
.hub-home-feed .hub-empty { min-height:130px; }
.hub-empty { padding:24px; border:0; border-top:2px solid var(--poster-muted); background:color-mix(in srgb,var(--poster-paper-deep) 40%,transparent); margin-bottom:24px; }
.hub-empty strong { font-size:17px; font-weight:700; }
#app .hub-empty p { font-size:14px; margin:8px 0 0; color:var(--poster-muted); }
.hub-card { padding:24px; margin-bottom:22px; border:1px solid color-mix(in srgb,var(--poster-muted) 44%,transparent); border-top:5px solid var(--poster-ink); background:color-mix(in srgb,var(--site-inverse) 50%,transparent); }
.hub-card-meta,.hub-card-tags { font-size:11px; gap:8px; }
.hub-card-meta { margin-bottom:16px; }
.hub-card-tags { margin-top:12px; margin-bottom:16px; }
.hub-card-bottom { border-color:color-mix(in srgb,var(--poster-muted) 20%,transparent); }
.hub-card blockquote { background:color-mix(in srgb,var(--poster-paper-deep) 53%,transparent); }
.hub-photo-note { display:grid; grid-template-columns:1fr 1fr; margin:12px 0 0; border:2px solid var(--poster-ink); background:var(--poster-paper-deep); box-shadow:4px 4px 0 color-mix(in srgb,var(--poster-ink) 19%,transparent); }
.hub-photo-note-media { position:relative; min-height:240px; overflow:hidden; background:var(--poster-ink); }
.hub-photo-note-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hub-photo-note-media>span { position:absolute; bottom:0; left:0; right:0; padding:12px 16px; color:var(--site-inverse); background:color-mix(in srgb,var(--poster-ink) 80%,transparent); font:10px/1.5 var(--poster-title-font); }
.hub-photo-note figcaption { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:28px 32px; background:transparent; font:inherit; }
#app .hub-photo-note h2 { margin:12px 0; font-size:44px; line-height:.95; }
#app .hub-photo-note .kicker { margin:0; font-size:12px; }
#app .hub-photo-note p { margin:0 0 20px; font-size:14px; }
.hub-footer { margin-top:32px; border-color:color-mix(in srgb,var(--poster-ink) 19%,transparent); font-size:9px; letter-spacing:.08em; }
.hub-filters { gap:16px; padding:0 0 24px; border-top:0; border-color:color-mix(in srgb,var(--poster-ink) 19%,transparent); }
.hub-filters label { min-width:180px; }
.hub-log { max-width:860px; margin-inline:auto; }
.hub-past-tests { margin-top:28px; border-top:1px solid color-mix(in srgb,var(--poster-ink) 19%,transparent); padding-top:18px; }
.hub-past-tests summary { cursor:pointer; font-weight:700; margin-bottom:18px; }
.hub-past-tests summary span { float:right; color:var(--poster-muted); font:12px var(--poster-title-font); }
.hub-board { gap:20px; }
.hub-board-column .hub-empty { padding:20px; }
.hub-drafts { margin-top:32px; padding-top:12px; border-top:1px solid color-mix(in srgb,var(--poster-ink) 19%,transparent); }
.hub-editor { margin-inline:auto; gap:24px; }
#app .community-page :is(input,textarea,select):focus-visible { outline:2px solid var(--poster-muted)!important; outline-offset:2px; }
.archive-events { gap:28px; }
.archive-event-card { grid-template-columns:1.1fr 1fr; border:2px solid var(--poster-ink); background:var(--poster-paper-deep); box-shadow:4px 4px 0 color-mix(in srgb,var(--poster-ink) 19%,transparent); }
.archive-event-card>div { padding:32px; align-self:center; }
#app .archive-event-card h2 { font-size:clamp(36px,3.7vw,50px); line-height:.97; margin:14px 0; }
.archive-event-card small { font-size:10px; color:var(--poster-muted); }
.archive-breadcrumbs { margin-bottom:24px; }
.archive-collection-intro { border:0; margin:12px 0 0; padding:0; }
.archive-collections { gap:20px; margin-bottom:0; }
.archive-collection { border:2px solid var(--poster-ink); background:var(--poster-ink); overflow:hidden; transition:box-shadow .25s,transform .25s; }
.archive-collection-photo img { aspect-ratio:16/10; transition:transform .45s ease; }
.archive-collection-label { padding:20px; color:var(--site-inverse); }
#app .archive-collection-label h3 { color:var(--site-inverse); text-transform:uppercase; }
.archive-collection-label b { color:var(--poster-red); }
.archive-collection-number { font-size:10px; letter-spacing:.08em; }
.archive-gallery { gap:20px; }
.archive-gallery figure { border:1px solid var(--poster-ink); background:var(--poster-ink); overflow:hidden; }
.archive-gallery figure>button { overflow:hidden; }
.archive-gallery img { transition:transform .4s ease; }
.archive-gallery figcaption { padding:12px; color:var(--site-inverse); }
.archive-gallery-heading { border-color:color-mix(in srgb,var(--poster-ink) 19%,transparent); padding:22px 0; font-size:10px; }
.archive-downloads { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; padding:24px; margin-bottom:28px; border:2px solid var(--poster-ink); background:var(--poster-paper-deep); }
#app .archive-downloads h2 { font-size:32px; margin:0 0 8px; }
#app .archive-downloads p { font-size:14px; margin:0; }
.archive-downloads p span { color:var(--poster-muted); }
.archive-download-actions { display:flex; flex-wrap:wrap; gap:12px; }
.archive-download-actions .command { display:inline-flex; align-items:center; justify-content:center; gap:12px; }
.archive-pagination { margin:28px 0 0; padding-top:24px; border-top:1px solid color-mix(in srgb,var(--poster-ink) 19%,transparent); }
.archive-lightbox { width:min(1200px,94vw); }
.archive-lightbox img { height:auto; }
.archive-lightbox-tools { flex-wrap:wrap; }
#app .view { will-change:auto; }
#app .view.view-enter { animation:hub-page-in .32s ease both; }
@keyframes hub-page-in { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
dialog[open] { animation:hub-dialog-in .18s ease both; }
@keyframes hub-dialog-in { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
#app .login-shell { width:100%; min-height:100dvh; padding:32px; }
#app .login-panel { width:min(920px,100%); margin:auto; padding:clamp(28px,4vw,52px)!important; }
#app .login-panel h1 { font-size:clamp(48px,5vw,76px); line-height:.95; margin:16px 0 20px; }
#app .login-panel .brand-lockup { margin-bottom:24px; }
#app .login-grid { gap:32px; grid-template-columns:minmax(0,1.4fr) minmax(230px,.8fr); align-items:center; }
#app .login-sidecard { border-left:1px solid color-mix(in srgb,var(--poster-muted) 33%,transparent)!important; padding-left:24px; }
#app .login-step { padding:12px 0; }
#app .login-privacy-note { background:transparent; border-left:0; border-top:1px solid color-mix(in srgb,var(--poster-muted) 20%,transparent); padding:16px 0 0; }
@media(hover:hover) and (pointer:fine) {
  #app .community-page .command:hover:not(:disabled) { filter:none; transform:translateY(-1px); box-shadow:0 4px 10px color-mix(in srgb,var(--poster-ink) 8%,transparent)!important; }
  #app .community-page :is(.hub-tools,.hub-section-title,.archive-breadcrumbs,.hub-card-bottom) .command:hover:not(:disabled) { background:color-mix(in srgb,var(--poster-ink) 4%,transparent)!important; box-shadow:none!important; }
  .archive-collection:hover { transform:translateY(-3px); box-shadow:0 8px 20px color-mix(in srgb,var(--poster-ink) 9%,transparent); }
  .archive-collection:hover img,.archive-gallery figure>button:hover img { transform:scale(1.025); }
}
@media(max-width:1050px) {
  #app .hud,#app .hud.has-tools,#app .hud.no-tools { grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto; }
  #app .hud .identity { grid-column:1; grid-row:1; }
  #app .hud .hud-tools { grid-column:2; grid-row:1; }
  #app .hud .nav-tabs { grid-column:1/-1; grid-row:2; width:100%; }
  #app .hud .nav-tab { white-space:normal; font-size:15px; min-height:48px; }
  .hub-heading { flex-direction:row; align-items:center; }
  .hub-tools { max-width:240px; }
  .hub-hero { grid-template-columns:1fr 1fr; }
  .hub-hero-photo { min-height:360px; }
}
@media(max-width:780px) {
  .hub-heading { align-items:flex-start; flex-direction:column; gap:16px; }
  .hub-tools { max-width:none; }
  .hub-hero,.hub-columns,.hub-photo-note,.archive-event-card { grid-template-columns:1fr; }
  .hub-hero-photo { min-height:0; aspect-ratio:16/9; }
  .hub-hero-copy { padding:28px; }
  .hub-photo-note-media { min-height:0; aspect-ratio:16/9; }
  .hub-photo-note figcaption { padding:28px; }
  .hub-home-feed { gap:12px; }
  .archive-collection-label { align-items:center; }
  .archive-collection-label>span { text-align:right; font-size:10px; }
  #app .login-grid { grid-template-columns:1fr; }
  #app .login-sidecard { display:none; }
}
@media(max-width:600px) {
  #app .app-frame { width:calc(100% - 24px); padding:12px 0 24px; gap:12px; }
  #app .community-page { padding:20px 18px 16px; }
  #app .community-page h1 { font-size:54px; }
  #app .community-page h3 { font-size:25px; }
  #app .hud .nav-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; padding:0; }
  #app .hud .nav-tab { width:100%; min-height:42px; font-size:14px; padding:10px 8px; margin:0; white-space:normal; }
  #app .hud .nav-tab:last-child:nth-child(odd) { grid-column:1/-1; }
  .hub-masthead { font-size:9px; gap:12px; padding-bottom:16px; }
  .hub-masthead>span:first-child { font-size:21px; }
  .hub-masthead span:nth-child(2) { display:block; }
  .hub-heading { margin:24px 0; }
  .hub-heading p { font-size:14px!important; }
  .hub-hero { margin-bottom:28px; }
  .hub-hero-copy { padding:24px; }
  #app .hub-hero-copy h2 { font-size:46px; }
  .hub-tape { font-size:9px; padding:10px 12px; gap:6px; }
  .hub-card,.hub-empty { padding:20px; }
  .hub-section-title { gap:10px; }
  #app .hub-section-title h2 { font-size:30px; }
  #app .hub-section-title .command.command { padding:10px; font-size:14px; }
  .hub-photo-note figcaption { padding:24px; }
  .hub-footer { font-size:8px; gap:8px; }
  .hub-filters label { min-width:0; flex:1 1 120px; }
  .archive-event-card>div { padding:24px; }
  .archive-downloads { padding:20px; gap:18px; }
  .archive-download-actions { width:100%; }
  .archive-download-actions .command { flex:1; }
  .archive-gallery { gap:14px; }
  .archive-pagination { gap:16px; }
  .archive-lightbox { padding:12px; }
  .archive-lightbox-tools { font-size:10px; gap:10px; }
  #app .login-shell { padding:16px; }
  #app .login-panel { padding:28px 24px!important; }
  #app .login-panel h1 { font-size:48px; }
}
@media(prefers-reduced-motion:reduce) {
  #app .view.view-enter,dialog[open] { animation:none; }
  #app .community-page .command.command,#app .hud .nav-tab,.archive-collection,.archive-collection-photo img,.archive-gallery img { transition:none; }
  .archive-collection:hover,.archive-collection:hover img,.archive-gallery figure>button:hover img,#app .community-page .command:hover:not(:disabled) { transform:none; }
}
/* Community dispatch: a front page assembled from distinct stories. */
#app .hud,#app .hud.has-tools { padding-block:5px; }
#app .hud .identity { min-height:46px; }
#app .hud .avatar { width:36px; height:36px; }
#app .hud .brand-stack strong { font-size:13px; }
#app .hud-tools { display:flex; align-items:center; gap:8px; }
.site-edit-launch { background:transparent; border:1px solid color-mix(in srgb,var(--site-inverse) 44%,transparent); color:var(--site-inverse); padding:8px; font:700 12px/1.1 var(--poster-title-font); cursor:pointer; white-space:nowrap; }
/* A compact poster title and a deliberately varied front page. */
#app .home-view .hub-heading { display:flex; align-items:flex-end; flex-direction:row; border:0; padding:0; gap:20px; margin:18px 0 18px; position:relative; }
#app .home-view .hub-heading>div:first-child { display:block; max-width:100%; }
#app .home-view .hub-heading h1 { width:max-content; max-width:100%; font-size:clamp(48px,5.4vw,76px); line-height:.94; letter-spacing:-.045em; text-wrap:initial; }
#app .home-view .hub-heading h1 em { display:inline; margin:0; font-size:inherit; font-style:normal; color:var(--poster-ink); letter-spacing:inherit; }
#app .home-view .hub-heading p { margin:10px 0 0; padding:0; max-width:52ch; border:0; font-size:17px; line-height:1.4; font-style:normal; color:var(--poster-muted); }
#app .home-view .hub-tools { justify-content:flex-end; max-width:280px; margin-top:0; }
.dispatch-dateline { display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-block:1px solid var(--poster-ink); font:700 12px/1.4 var(--poster-title-font); letter-spacing:.08em; margin-bottom:24px; }
.dispatch-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:30px; align-items:start; }
.dispatch-layout>* { min-width:0; }
.dispatch-main,.dispatch-side { display:grid; align-content:start; gap:30px; min-width:0; }
.hub-hero.dispatch-lead { display:block; min-height:0; margin:0; border:0; box-shadow:none; }
.dispatch-lead .hub-hero-photo { min-height:0; height:auto; aspect-ratio:16/9; border:1px solid var(--poster-ink); }
.dispatch-lead .hub-hero-copy { background:transparent; padding:20px 0 0; }
#app .dispatch-lead .hub-hero-copy .kicker { color:var(--poster-muted)!important; font-size:11px; margin-bottom:0; letter-spacing:.07em; }
#app .dispatch-lead .hub-hero-copy h2 { color:var(--poster-ink); font-size:clamp(38px,4.4vw,58px); margin:10px 0 14px; line-height:.95; }
#app .dispatch-lead .hub-hero-copy h2 br { display:none; }
#app .dispatch-lead .hub-hero-copy p { color:var(--poster-muted); font-size:17px; line-height:1.6; max-width:62ch; margin-bottom:18px; }
.dispatch-lead .hub-hero-actions { display:block; }
#app .dispatch-lead .hub-hero-actions .command:first-child { width:auto; gap:28px; }
.dispatch-sidebar { display:grid; gap:22px; }
.dispatch-label { display:block; font:700 11px/1.5 var(--poster-title-font); letter-spacing:.08em; }
.dispatch-playtest { border:2px solid var(--poster-ink); padding:24px; background:var(--poster-red); box-shadow:4px 4px 0 color-mix(in srgb,var(--poster-ink) 20%,transparent); }
#app .dispatch-playtest h2 { font-size:38px; text-transform:uppercase; border:0; padding:0; margin:12px 0 18px; line-height:.95; }
.dispatch-playtest .hub-empty { border:0; padding:0; background:transparent; min-height:0; margin:0 0 20px; }
#app .dispatch-playtest .hub-empty p { color:var(--poster-ink); font-size:16px; line-height:1.5; }
.dispatch-playtest .hub-card { padding:16px 0; margin:0 0 16px; border:0; border-top:1px solid var(--poster-ink); background:transparent; }
#app .dispatch-playtest .command { width:100%; justify-content:space-between; }
.dispatch-note { border:0; border-block:1px solid var(--poster-ink); padding:20px 0; background:transparent; }
#app .dispatch-note h2 { font-size:34px; line-height:1; letter-spacing:-.03em; text-transform:uppercase; margin:12px 0; font-style:normal; }
#app .dispatch-note p { font-size:16px; line-height:1.6; margin:0 0 18px; color:var(--poster-muted); }
#app .dispatch-note .command { width:100%; justify-content:space-between; font-size:14px; }
.dispatch-updates { border-top:5px solid var(--poster-ink); padding-top:16px; }
#app .dispatch-updates h2 { font-size:40px; text-transform:uppercase; border:0; padding:0; margin-top:6px; }
.dispatch-updates .hub-empty { padding:18px 0 0; margin:0; background:transparent; border:0; border-top:1px solid color-mix(in srgb,var(--poster-ink) 30%,transparent); }
#app .dispatch-updates .hub-empty p { font-size:16px; line-height:1.6; }
.hub-photo-note.dispatch-archive { display:block; margin:0; background:var(--poster-ink); color:var(--site-inverse); transform:none; border:0; box-shadow:none; }
.dispatch-archive .hub-photo-note-media { min-height:210px; }
.dispatch-archive figcaption { padding:24px; }
#app .dispatch-archive h2 { color:var(--site-inverse); font-size:42px; line-height:.95; text-transform:uppercase; margin:12px 0; font-style:normal; }
#app .dispatch-archive p { color:var(--site-inverse); font-size:16px; line-height:1.5; }
#app .dispatch-archive .kicker { color:var(--poster-red); font-size:11px; letter-spacing:.08em; }
#app .dispatch-archive .command { background:var(--poster-red)!important; color:var(--poster-ink)!important; }
/* With no news yet, use a short full-width notice and a wide archive feature. */
.dispatch-layout:has(.dispatch-updates>.hub-empty):not(:has(.dispatch-updates>.hub-card))>.dispatch-main,
.dispatch-layout:has(.dispatch-updates>.hub-empty):not(:has(.dispatch-updates>.hub-card))>.dispatch-side { display:contents; }
.dispatch-layout:has(.dispatch-updates>.hub-empty):not(:has(.dispatch-updates>.hub-card)) .dispatch-lead { grid-column:1; grid-row:1; }
.dispatch-layout:has(.dispatch-updates>.hub-empty):not(:has(.dispatch-updates>.hub-card)) .dispatch-sidebar { grid-column:2; grid-row:1; }
.dispatch-layout:has(.dispatch-updates>.hub-empty):not(:has(.dispatch-updates>.hub-card)) .dispatch-updates { grid-column:1/-1; grid-row:2; }
.dispatch-layout:has(.dispatch-updates>.hub-empty):not(:has(.dispatch-updates>.hub-card)) .dispatch-updates .hub-empty { display:grid; grid-template-columns:1fr 2fr; gap:24px; align-items:baseline; }
.dispatch-layout:has(.dispatch-updates>.hub-empty):not(:has(.dispatch-updates>.hub-card)) .dispatch-updates .hub-empty p { margin:0; }
.dispatch-layout:has(.dispatch-updates>.hub-empty):not(:has(.dispatch-updates>.hub-card)) .dispatch-archive { grid-column:1/-1; grid-row:3; display:grid; grid-template-columns:1.15fr 1fr; }
.dispatch-layout:has(.dispatch-updates>.hub-empty):not(:has(.dispatch-updates>.hub-card)) .dispatch-archive .hub-photo-note-media { min-height:280px; }
.dispatch-layout:has(.dispatch-updates>.hub-empty):not(:has(.dispatch-updates>.hub-card)) .dispatch-archive figcaption { padding:30px; }
@media(max-width:1050px) { #app .hud-tools { justify-content:flex-end; } .dispatch-layout { gap:22px; } .dispatch-playtest { padding:20px; } }
@media(max-width:850px) {
  #app .home-view .hub-heading { flex-direction:column; align-items:flex-start; gap:16px; }
  #app .home-view .hub-heading h1 { font-size:clamp(44px,6.2vw,60px); }
  #app .home-view .hub-heading p { font-size:18px; }
  #app .home-view .hub-tools { max-width:none; }
  .dispatch-layout { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:24px; }
  #app .dispatch-playtest h2 { font-size:32px; }
  #app .dispatch-note h2 { font-size:30px; }
}
@media(max-width:650px) {
  #app .home-view .hub-heading { margin:20px 0 18px; }
  #app .home-view .hub-heading>div:first-child { display:block; }
  #app .home-view .hub-heading h1 { font-size:clamp(48px,10.6vw,70px); }
  #app .home-view .hub-heading p { max-width:38ch; margin-top:12px; padding:0; border:0; font-size:17px!important; }
  #app .home-view .hub-tools { justify-content:flex-start; }
  .dispatch-dateline { font-size:11px; margin-bottom:20px; }
  .dispatch-dateline span:last-child { display:none; }
  .dispatch-layout { grid-template-columns:1fr; gap:26px; }
  .dispatch-main,.dispatch-side { display:contents; }
  .hub-hero.dispatch-lead,.dispatch-sidebar,.dispatch-updates,.hub-photo-note.dispatch-archive { grid-column:1/-1; }
  .dispatch-lead { order:0; } .dispatch-sidebar { order:1; } .dispatch-updates { order:2; } .dispatch-archive { order:3; }
  .dispatch-sidebar { grid-template-columns:1fr 1fr; gap:20px; }
  .dispatch-playtest { padding:20px; }
  .dispatch-note { padding:20px 0; }
  #app .dispatch-lead .hub-hero-copy h2 { font-size:44px; }
  .hub-photo-note.dispatch-archive { display:grid; grid-template-columns:1fr 1fr; }
  .dispatch-archive .hub-photo-note-media { min-height:250px; }
  .dispatch-archive figcaption { padding:22px; }
}
@media(max-width:480px) {
  .dispatch-sidebar { grid-template-columns:1fr; }
  #app .dispatch-lead .hub-hero-copy h2 { font-size:38px; }
  .hub-photo-note.dispatch-archive { display:block; }
  .dispatch-archive .hub-photo-note-media { min-height:0; aspect-ratio:16/9; }
}
#app .hud.has-tools { grid-template-columns:minmax(160px,.7fr) minmax(0,2.8fr) 180px; }
@media(max-width:1050px) { #app .hud.has-tools { grid-template-columns:1fr auto; } }
#app .hud-tools .view-as-shell { flex:0 0 76px!important; width:76px!important; min-width:0!important; }
#app .hud-tools .view-as-trigger { width:100%!important; min-width:0!important; }
#app .hud-tools .view-as-trigger>span { width:100%!important; min-width:0!important; }

/* Shared poster details: consistent print rules, readable copy and quiet controls. */
#app .community-page { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.035' filter='url(%23paper)' d='M0 0h160v160H0z'/%3E%3C/svg%3E"); }
.hub-heading>div:first-child { min-width:0; }
#app .community-page h1 { text-align:left; text-wrap:initial; }
#app .community-page h1 em { color:var(--poster-ink); }
#app .community-page .command.command { display:inline-flex; align-items:center; justify-content:space-between; gap:16px; background:var(--poster-ink)!important; color:var(--site-inverse)!important; border-color:var(--poster-ink)!important; box-shadow:2px 2px 0 color-mix(in srgb,var(--poster-ink) 25%,transparent)!important; }
#app .community-page :is(.hub-tools,.hub-section-title,.archive-breadcrumbs,.hub-card-bottom) .command.command { background:transparent!important; color:var(--poster-ink)!important; box-shadow:none!important; border-color:color-mix(in srgb,var(--poster-ink) 50%,transparent)!important; }
#app .dispatch-playtest>.command.command { background:var(--poster-ink)!important; color:var(--site-inverse)!important; }
#app .dispatch-archive .command.command { background:var(--poster-red)!important; color:var(--poster-ink)!important; }
.hub-section-title { align-items:flex-end; }
.hub-log { max-width:100%; }
.hub-log:has(>.hub-card:nth-child(2)) { columns:2; column-gap:28px; }
.hub-log>.hub-card { break-inside:avoid; }
.archive-event-card { box-shadow:none; }
.archive-event-card>a { min-height:320px; }
.archive-event-card>div { border-left:1px solid var(--poster-ink); }
.archive-collection { box-shadow:3px 3px 0 color-mix(in srgb,var(--poster-ink) 20%,transparent); }
.archive-gallery img { filter:none!important; }
.hub-footer { border-top:3px double var(--poster-ink); margin-top:28px; }
@media(max-width:780px) { .archive-event-card>div { border-left:0; border-top:1px solid var(--poster-ink); } .archive-event-card>a { min-height:0; } .hub-log { columns:1!important; } }

/* Home shows the invitation; the playtests page holds the full details. */
.dispatch-playtest .hub-card-meta,.dispatch-playtest .hub-card-tags,.dispatch-playtest .hub-card-bottom,.dispatch-playtest .hub-test-time small { display:none; }
#app .dispatch-playtest .hub-card h3 { font-size:25px; }

/* An index of separate pages: the selected paper tab joins its own sheet. */
#app .app-frame { gap:0; }
#app .hud,#app .hud.has-tools,#app .hud.no-tools {
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  gap:12px 16px;
  align-items:end;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
#app .hud .identity {
  grid-column:1; grid-row:1; justify-self:start;
  min-height:44px; width:fit-content; max-width:100%; padding:7px 10px;
  border:1px solid color-mix(in srgb,var(--site-inverse) 65%,transparent)!important;
  border-radius:0!important; background:var(--poster-ink)!important;
  box-shadow:2px 2px 0 var(--poster-ink)!important;
}
#app .hud .avatar { width:28px; height:28px; }
#app .hud .brand-stack { display:flex; align-items:center; flex-wrap:wrap; gap:8px; min-width:0; }
#app .hud .brand-stack strong { font-size:13px; overflow:hidden; text-overflow:ellipsis; }
#app .hud .brand-stack>span:not(.identity-status) { display:none; }
#app .hud .identity-status { margin:0; font-size:9px; }
#app .hud .hud-tools {
  grid-column:2; grid-row:1; min-height:44px; padding:0 6px;
  border:1px solid color-mix(in srgb,var(--site-inverse) 65%,transparent)!important;
  border-radius:0!important; background:var(--poster-ink)!important;
}
#app .hud-tools .view-as-trigger.view-as-trigger { min-height:34px; padding:6px; }
#app .hud .nav-tabs {
  grid-column:1/-1; grid-row:2; display:flex; align-items:flex-end;
  min-height:48px; width:100%; gap:5px!important; padding:0!important; overflow:visible;
  border:0!important; border-radius:0!important; background:transparent!important;
}
#app .hud.no-tools .nav-tabs { grid-column:1/-1; grid-row:2; }
#app .hud .nav-tabs .nav-tab {
  flex:1 1 0; min-height:44px; margin:0; padding:12px 14px;
  border:2px solid var(--poster-ink)!important; border-bottom:0!important;
  background:var(--poster-ink)!important; color:var(--site-inverse)!important;
  border-radius:0!important;
  font-size:16px; letter-spacing:.025em; white-space:nowrap;
  box-shadow:inset 0 3px 0 color-mix(in srgb,var(--site-inverse) 22%,transparent)!important;
  transform:none;
}
#app .hud .nav-tabs .nav-tab.active {
  min-height:50px; margin-bottom:-2px; padding-bottom:16px; z-index:1;
  color:var(--poster-ink)!important; background:var(--poster-paper)!important;
  box-shadow:inset 0 4px 0 var(--poster-red)!important;
}
#app .hud .nav-tabs .nav-tab:focus-visible { outline-color:var(--site-inverse)!important; outline-offset:-6px; }
#app .hud .nav-tabs .nav-tab.active:focus-visible { outline-color:var(--poster-ink)!important; }
#app .view.view-enter { animation:hub-page-in .24s ease both!important; }
.hub-masthead { padding-bottom:14px; }
#app .community-page { padding-top:22px; }

/* The front page has separate stories, each with its own printed panel. */
.hub-hero.dispatch-lead { border:2px solid var(--poster-ink); background:var(--poster-paper-deep); }
.dispatch-lead .hub-hero-photo { border:0; border-bottom:1px solid var(--poster-ink); }
.dispatch-lead .hub-hero-copy { padding:22px; }
.dispatch-note { padding:22px; border:1px solid var(--poster-ink); background:color-mix(in srgb,var(--poster-paper-deep) 55%,transparent); }
.dispatch-updates { padding:18px 22px 22px; border:1px solid var(--poster-ink); border-top-width:5px; background:color-mix(in srgb,var(--site-inverse) 35%,transparent); }

/* Each tab has a different reading rhythm, within the same printed programme. */
#app :is(.improvements-view,.playtests-view) .hub-heading { padding-bottom:0; border-bottom:0; margin-bottom:24px; }
#app :is(.improvements-view,.playtests-view) .hub-heading h1 { font-size:clamp(48px,5.2vw,76px); }
.hub-page-ribbon { display:flex; justify-content:space-between; gap:16px; padding:11px 0; margin:-12px 0 24px; border-block:1px solid var(--poster-ink); font-size:11px; font-weight:700; letter-spacing:.07em; }
.hub-workbench { display:grid; grid-template-columns:minmax(0,1fr) 250px; gap:28px; align-items:start; }
.hub-log-main { min-width:0; }
.hub-log-main .hub-filters { padding:20px; margin-bottom:22px; border:1px solid var(--poster-ink); background:var(--poster-paper-deep); }
.hub-log-main .hub-filters label { flex:1 1 180px; }
.hub-log-main .hub-log>.hub-empty { padding:28px; border:2px solid var(--poster-ink); background:transparent; margin:0; }
#app .hub-log-main .hub-empty strong { font-size:30px; line-height:1.1; }
#app .hub-log-main .hub-empty p { font-size:16px; }
.hub-log-guide { padding:22px; border:1px solid var(--poster-ink); background:var(--poster-ink); color:var(--site-inverse); }
.hub-log-guide>.dispatch-label { color:var(--poster-red); }
.hub-status-key { margin:16px 0 22px; }
#app .hub-status-key p { margin:0; padding:12px 0; border-bottom:1px solid color-mix(in srgb,var(--site-inverse) 25%,transparent); font-size:14px; line-height:1.5; }
.hub-status-key strong { display:block; font-size:19px; }
.hub-status-key span { opacity:.8; }
.hub-page-links { display:grid; gap:10px; }
#app .community-page .hub-page-links .command.command { min-height:40px; font-size:14px; background:transparent!important; border-color:color-mix(in srgb,var(--site-inverse) 60%,transparent)!important; box-shadow:none!important; }
.hub-noticeboard { gap:24px; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); }
.hub-noticeboard>section,.hub-noticeboard>aside { padding:26px; border:2px solid var(--poster-ink); }
.hub-noticeboard>section { background:var(--poster-paper-deep); border-top:7px solid var(--poster-red); }
.hub-noticeboard>aside { background:var(--poster-ink); color:var(--site-inverse); }
#app .hub-noticeboard h2 { margin:0 0 24px; font-size:36px; }
#app .community-page .hub-noticeboard>aside>h2 { color:var(--poster-red)!important; }
.hub-noticeboard .hub-empty { background:transparent; border:0; padding:0; margin:0; }
#app .hub-noticeboard .hub-empty strong { font-size:23px; line-height:1.2; }
#app .hub-noticeboard .hub-empty p { font-size:16px; line-height:1.6; }
#app .hub-noticeboard>aside .hub-empty strong,#app .hub-noticeboard>aside .hub-empty p { color:var(--site-inverse); }
.hub-empty-links { margin-top:24px; }
#app .community-page .hub-noticeboard>aside .hub-empty-links .command.command { background:var(--poster-red)!important; color:var(--poster-ink)!important; }
/* Published announcement cards keep their paper surfaces inside the dark panel. */
.hub-noticeboard>aside>.hub-card { background:var(--poster-paper); color:var(--poster-ink); border-color:var(--poster-paper); }

@media(hover:hover) and (pointer:fine) {
  #app .hud .nav-tabs .nav-tab:hover:not(.active) { color:var(--poster-ink)!important; background:var(--poster-paper-deep)!important; }
}
@media(max-width:650px) {
  #app .hud,#app .hud.has-tools,#app .hud.no-tools { gap:10px; }
  #app .hud .nav-tabs { gap:4px!important; }
  #app .hud .nav-tabs .nav-tab { min-height:44px; padding:10px 8px; font-size:14px; white-space:normal; }
  #app .hud .nav-tabs .nav-tab.active { min-height:48px; padding-bottom:12px; }
  .dispatch-lead .hub-hero-copy,.dispatch-note,.dispatch-updates { padding:20px; }
}
@media(max-width:850px) {
  .hub-workbench { grid-template-columns:minmax(0,1fr) 220px; gap:22px; }
  .hub-log-guide { padding:18px; }
  .hub-noticeboard { grid-template-columns:1fr; }
}
@media(max-width:650px) {
  .hub-page-ribbon { margin-top:-8px; margin-bottom:20px; font-size:10px; }
  .hub-page-ribbon>span:last-child { display:none; }
  .hub-workbench { grid-template-columns:1fr; gap:20px; }
  .hub-log-guide { padding:20px; }
  .hub-status-key { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:12px 0 20px; }
  #app .hub-status-key p { border:0; padding:0; font-size:13px; }
  .hub-status-key strong { font-size:16px; }
  .hub-page-links { grid-template-columns:1fr 1fr; }
  #app .community-page .hub-page-links .command.command { padding:10px; font-size:13px; }
  .hub-noticeboard>section,.hub-noticeboard>aside { padding:22px; }
  #app .hub-noticeboard h2 { font-size:32px; }
}
@media(max-width:480px) {
  #app .hud .brand-stack { gap:3px; }
  #app .hud .brand-stack strong { max-width:120px; font-size:11px; }
  #app .hud .brand-stack { flex-direction:column; align-items:flex-start; }
  #app .hud .identity-status { display:block; padding:2px 4px; font-size:8px; }
  #app .hud .identity { padding:5px 7px; gap:7px; }
  #app .hud .nav-tabs { flex-wrap:wrap; gap:4px!important; }
  #app .hud .nav-tabs .nav-tab { flex:1 1 calc(50% - 4px); min-height:42px; border-bottom:2px solid var(--poster-ink)!important; }
  #app .hud .nav-tabs .nav-tab:last-child:nth-child(odd) { flex-basis:100%; }
  #app .hud .nav-tabs .nav-tab.active { min-height:42px; margin-bottom:0; padding-bottom:10px; border-bottom-color:var(--poster-red)!important; }
  #app .community-page { margin-top:8px; }
}
@media(prefers-reduced-motion:reduce) { #app .view.view-enter { animation:none!important; } }
#app .dispatch-playtest .hub-prose { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; font-size:16px; line-height:1.5; }
.dispatch-playtest .hub-test-time { padding:12px 0; margin:14px 0; border-color:color-mix(in srgb,var(--poster-ink) 30%,transparent); font-size:15px; }

.hub-card { background:var(--poster-paper-deep); }
@media(max-width:650px) {
 .dispatch-layout:has(.dispatch-updates>.hub-empty):not(:has(.dispatch-updates>.hub-card)) .dispatch-lead { grid-column:1/-1; grid-row:1; }
 .dispatch-layout:has(.dispatch-updates>.hub-empty):not(:has(.dispatch-updates>.hub-card)) .dispatch-sidebar { grid-column:1/-1; grid-row:2; }
 .dispatch-layout:has(.dispatch-updates>.hub-empty):not(:has(.dispatch-updates>.hub-card)) .dispatch-updates { grid-row:3; }
 .dispatch-layout:has(.dispatch-updates>.hub-empty):not(:has(.dispatch-updates>.hub-card)) .dispatch-archive { grid-row:4; }
 .dispatch-layout:has(.dispatch-updates>.hub-empty):not(:has(.dispatch-updates>.hub-card)) .dispatch-updates .hub-empty { display:block; }
 .dispatch-layout:has(.dispatch-updates>.hub-empty):not(:has(.dispatch-updates>.hub-card)) .dispatch-updates .hub-empty p { margin-top:8px; }
}
@media(max-width:480px) {
 .dispatch-layout:has(.dispatch-updates>.hub-empty):not(:has(.dispatch-updates>.hub-card)) .dispatch-archive { display:block; }
 .dispatch-layout:has(.dispatch-updates>.hub-empty):not(:has(.dispatch-updates>.hub-card)) .dispatch-archive .hub-photo-note-media { min-height:0; aspect-ratio:16/9; }
}

#app .dispatch-archive .kicker { color:var(--poster-red)!important; }
.archive-event-card:nth-child(2) { grid-template-columns:1fr 1.1fr; background:var(--poster-ink); color:var(--site-inverse); }
.archive-event-card:nth-child(2)>a { order:2; }
.archive-event-card:nth-child(2)>div { border-left:0; border-right:1px solid var(--poster-ink); }
#app .archive-event-card:nth-child(2) h2 { color:var(--site-inverse)!important; }
#app .archive-event-card:nth-child(2) p { color:var(--site-inverse); }
#app .archive-event-card:nth-child(2) h2 em,#app .archive-event-card:nth-child(2) .kicker { color:var(--poster-red)!important; }
#app .archive-event-card:nth-child(2) small { color:var(--site-inverse); }
#app .archive-event-card:nth-child(2) .command.command { background:var(--poster-red)!important; color:var(--poster-ink)!important; }
@media(max-width:780px) { .archive-event-card:nth-child(2) { grid-template-columns:1fr; } .archive-event-card:nth-child(2)>a { order:0; } .archive-event-card:nth-child(2)>div { border:0; } }

/* A working pinboard: small notes on the sheet, full discussion on opening. */
#app .pinboard-view .hub-heading { margin:22px 0 26px; }
#app .pinboard-view .hub-heading h1 { font-size:clamp(44px,5.2vw,68px); }
.hub-board { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:start; }
.hub-board-column { min-width:0; padding:18px; border:1px solid var(--poster-ink); border-top:6px solid var(--poster-ink); background:color-mix(in srgb,var(--site-inverse) 38%,transparent); }
.hub-board-column:nth-child(2) { border-top-color:var(--poster-red); background:var(--poster-paper-deep); }
.hub-board-column:nth-child(3) { border-top-color:var(--poster-muted); }
#app .hub-board-column>h2 { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:0 0 18px; padding:0 0 16px; border-bottom:1px solid color-mix(in srgb,var(--poster-ink) 35%,transparent); font-size:28px; }
.hub-board-column h2 small { display:grid; place-items:center; float:none; min-width:28px; height:28px; padding:0 5px; border:1px solid var(--poster-ink); font-size:14px; }
.hub-board-column>.hub-empty { min-height:126px; margin:0; padding:18px 0; border:0; background:transparent; }
.hub-board .hub-task-summary,.hub-draft-grid .hub-task-summary { padding:0; margin:0 0 14px; border:1px solid color-mix(in srgb,var(--poster-ink) 55%,transparent); background:var(--poster-paper); box-shadow:2px 2px 0 color-mix(in srgb,var(--poster-ink) 15%,transparent); }
.hub-board .hub-task-summary:last-child { margin-bottom:0; }
.hub-task-summary.is-pinned { border-top:4px solid var(--poster-ink); }
.hub-task-open { display:flex; flex-direction:column; align-items:stretch; width:100%; min-height:176px; padding:18px; border:0; border-radius:0; background:transparent; color:var(--poster-ink); font:inherit; text-align:left; cursor:pointer; transition:background-color .18s,transform .18s; }
.hub-task-meta { display:block; color:var(--poster-muted); font-size:10px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
#app .hub-task-open h3 { margin:12px 0 10px; font-size:25px; line-height:1.1; text-wrap:pretty; }
.hub-task-owner { display:block; margin-bottom:18px; color:var(--poster-muted); font-size:14px; }
.hub-task-bottom { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:auto; }
.hub-task-more { margin-left:auto; font-size:12px; font-weight:800; text-transform:uppercase; }
.hub-task-replies { font-size:11px; color:var(--poster-muted); }
.hub-drafts { margin-top:28px; padding:24px; border:1px solid var(--poster-ink); border-top:5px solid var(--poster-ink); background:color-mix(in srgb,var(--site-inverse) 24%,transparent); }
#app .hub-drafts>h2 { margin:0 0 10px; font-size:32px; }
#app .hub-drafts>p { margin:0 0 22px; color:var(--poster-muted); }
.hub-draft-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.hub-draft-grid .hub-task-summary { margin:0; }
.hub-draft-grid>.hub-empty { grid-column:1/-1; margin:0; padding:18px 0 0; border-top:1px solid color-mix(in srgb,var(--poster-ink) 25%,transparent); background:transparent; }

body:has(>.hub-task-dialog[open]) { overflow:hidden; }
.hub-task-dialog { width:min(800px,calc(100% - 32px)); max-width:none; max-height:calc(100dvh - 48px); padding:0; border:2px solid var(--poster-ink); border-radius:0; background:var(--poster-paper); color:var(--poster-ink); font-family:var(--site-font); box-shadow:8px 8px 0 color-mix(in srgb,var(--poster-ink) 35%,transparent); overflow:auto; overscroll-behavior:contain; }
.hub-task-dialog::backdrop { background:color-mix(in srgb,var(--poster-ink) 72%,transparent); backdrop-filter:blur(3px); }
.hub-task-dialog[open] { animation:hub-page-in .2s ease both; }
.hub-task-dialog-header { position:sticky; top:0; z-index:2; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 22px; border-bottom:1px solid var(--poster-ink); background:var(--poster-ink); color:var(--site-inverse); }
.hub-task-dialog-header .dispatch-label { color:var(--poster-red); margin:0; }
.hub-task-dialog-body { padding:28px; }
.hub-task-dialog .hub-card { padding:0; margin:0; border:0; background:transparent; }
.hub-task-dialog :is(h3,h4) { color:var(--poster-ink); font-family:inherit; font-weight:800; letter-spacing:-.025em; text-transform:none; }
.hub-task-dialog h3 { margin:0; font-size:38px; line-height:1.05; }
.hub-task-dialog h4 { margin:0 0 18px; font-size:24px; }
.hub-task-dialog p { font-size:16px; line-height:1.6; margin:16px 0; }
.hub-task-dialog .hub-thread { border-color:var(--poster-ink); margin-top:26px; padding-top:22px; }
.hub-task-dialog .hub-comment { border-color:color-mix(in srgb,var(--poster-ink) 20%,transparent); }
.hub-task-dialog .hub-comment p { font-size:15px; }
.hub-task-dialog label { display:grid; gap:8px; font-weight:700; font-size:14px; }
.hub-task-dialog textarea { width:100%; min-width:0; box-sizing:border-box; padding:12px; resize:vertical; border:1px solid var(--poster-muted); border-radius:0; background:var(--site-inverse); color:var(--poster-ink); font:16px/1.5 var(--site-font); }
.hub-task-dialog .command { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 16px; border:1px solid var(--poster-ink); border-radius:0; background:var(--poster-ink); color:var(--site-inverse); box-shadow:2px 2px 0 color-mix(in srgb,var(--poster-ink) 20%,transparent); font:800 14px/1.2 var(--site-font); letter-spacing:.025em; text-transform:uppercase; cursor:pointer; }
.hub-task-dialog-header .command { border-color:color-mix(in srgb,var(--site-inverse) 65%,transparent); box-shadow:none; }
.hub-task-dialog .hub-card-bottom .command { background:transparent; color:var(--poster-ink); box-shadow:none; }
.hub-task-dialog .command:disabled { opacity:.5; cursor:default; }
.hub-task-dialog :is(button,textarea):focus-visible { outline:3px solid var(--poster-muted); outline-offset:3px; }
.hub-task-dialog-header button:focus-visible { outline-color:var(--site-inverse); }
.hub-task-dialog [data-hub-form-error]:empty { display:none; }
.hub-task-dialog [data-hub-form-error] { font-size:14px; font-weight:700; }
@media(hover:hover) and (pointer:fine) { .hub-task-open:hover { background:color-mix(in srgb,var(--poster-red) 12%,transparent); transform:translateY(-1px); } }
@media(max-width:900px) {
 .hub-board { gap:14px; }
 .hub-board-column { padding:14px; }
 #app .hub-board-column>h2 { font-size:24px; }
 .hub-task-open { padding:14px; }
 #app .hub-task-open h3 { font-size:23px; }
 .hub-draft-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:650px) {
 .hub-board { grid-template-columns:1fr; gap:20px; }
 .hub-board-column { padding:20px; }
 .hub-board-column>.hub-empty { min-height:0; padding:6px 0; }
 .hub-drafts { padding:20px; }
 .hub-draft-grid { grid-template-columns:1fr; }
 .hub-task-dialog { width:calc(100% - 20px); max-height:calc(100dvh - 24px); }
 .hub-task-dialog-header { padding:12px 16px; gap:10px; }
 .hub-task-dialog-header .command { padding:10px; font-size:12px; }
 .hub-task-dialog-body { padding:20px; }
 .hub-task-dialog h3 { font-size:32px; }
}
@media(prefers-reduced-motion:reduce) { .hub-task-dialog[open] { animation:none; } .hub-task-open { transition:none; } .hub-task-open:hover { transform:none; } }

/* The team sheet belongs to the same programme as Home, with its own rhythm. */
#app .pinboard-view .hub-heading { border:0; margin:20px 0 24px; padding:0; }
#app .pinboard-view .hub-heading h1 { font-size:clamp(44px,4.8vw,64px); }
#app .pinboard-view .hub-heading p { margin-top:10px; }
.hub-board-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:20px 28px; padding:18px 22px; margin-bottom:24px; border:1px solid var(--poster-ink); background:var(--poster-ink); color:var(--site-inverse); }
.hub-board-team { display:flex; align-items:center; gap:14px; min-width:0; }
#app .hub-board-team label { display:block; color:var(--site-inverse); font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
#app .hub-board-team select { width:270px; max-width:100%; min-height:44px; margin:0; padding:10px 34px 10px 14px; border:1px solid var(--poster-paper); border-radius:0; background-color:var(--poster-paper)!important; color:var(--poster-ink); font:700 16px/1.2 var(--site-font); cursor:pointer; }
#app .hub-board-team select { appearance:auto; background-image:none!important; }
.hub-board-overview { display:flex; align-items:center; gap:28px; font-size:14px; }
.hub-board-overview span { display:flex; align-items:center; gap:8px; }
.hub-board-overview strong { color:var(--poster-red); font-size:30px; line-height:1; }
.hub-board-private { margin-left:auto; padding-left:20px; border-left:1px solid color-mix(in srgb,var(--site-inverse) 35%,transparent); font-size:10px; letter-spacing:.1em; }
.hub-board-column { padding:22px; border:1px solid var(--poster-ink); border-top:5px solid var(--poster-ink); background:var(--poster-paper-deep); }
.hub-board-column:nth-child(2) { background:var(--poster-red); border-color:var(--poster-ink); }
.hub-board-column:nth-child(3) { background:var(--poster-ink); border-color:var(--poster-ink); color:var(--site-inverse); }
#app .pinboard-view .hub-board-column:nth-child(3)>h2 { color:var(--site-inverse)!important; border-color:color-mix(in srgb,var(--site-inverse) 35%,transparent); }
.hub-board-column:nth-child(3)>h2 small { color:var(--poster-red); border-color:color-mix(in srgb,var(--site-inverse) 60%,transparent); }
#app .hub-board-column:nth-child(3)>.hub-empty strong,#app .hub-board-column:nth-child(3)>.hub-empty p { color:var(--site-inverse); }
.hub-board-column:nth-child(2)>.hub-empty { color:var(--poster-ink); }
#app .hub-board-column:nth-child(2)>.hub-empty p { color:var(--poster-ink); }
.hub-board-column>.hub-empty { min-height:115px; }
.hub-board-column>.hub-task-summary { box-shadow:2px 2px 0 color-mix(in srgb,var(--poster-ink) 22%,transparent); }
.hub-drafts { display:grid; grid-template-columns:250px minmax(0,1fr); gap:28px; padding:0; border:1px solid var(--poster-ink); background:var(--poster-paper-deep); }
.hub-drafts-intro { padding:24px; border-right:1px solid var(--poster-ink); background:color-mix(in srgb,var(--poster-paper) 75%,var(--poster-muted)); }
.hub-drafts-intro>.dispatch-label { color:var(--poster-muted); }
#app .hub-drafts-intro>h2 { margin:12px 0; font-size:32px; }
#app .hub-drafts-intro>p { margin:0; color:var(--poster-muted); font-size:14px; line-height:1.5; }
.hub-drafts>.hub-draft-grid { align-content:start; padding:24px 24px 24px 0; grid-template-columns:repeat(2,minmax(0,1fr)); }
.hub-draft-grid>.hub-empty { border:0; padding:20px 0; align-self:center; }
@media(max-width:900px) {
 .hub-board-toolbar { gap:16px 22px; }
 .hub-board-private { display:none; }
 .hub-board-column { padding:16px; }
 .hub-drafts { grid-template-columns:210px minmax(0,1fr); gap:20px; }
 .hub-drafts>.hub-draft-grid { grid-template-columns:1fr; }
}
@media(max-width:650px) {
 .hub-board-toolbar { padding:18px; gap:18px; }
 .hub-board-team { display:block; width:100%; }
 #app .hub-board-team label { margin-bottom:9px; }
 #app .hub-board-team select { width:100%; }
 .hub-board-overview { gap:24px; }
 .hub-board-column { padding:20px; }
 .hub-board-column>.hub-empty { min-height:0; }
 .hub-drafts { grid-template-columns:1fr; gap:0; }
 .hub-drafts-intro { border:0; border-bottom:1px solid var(--poster-ink); padding:20px; }
 .hub-drafts>.hub-draft-grid { padding:20px; }
}