/* Shared dark project-status layout: /wendys, /starwars, /perdomo, /aaa (js/project.js renders the task tables) */
:root{--pj-bg:#07070A;--pj-ink:#F2F2F5;--pj-muted:#9A9AA6;--pj-line:rgba(255,255,255,.12);--pj-surface:#101016;--accent:#54CDF2;color-scheme:dark}
*{box-sizing:border-box}
body.pj{margin:0;background:var(--pj-bg);color:var(--pj-ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.pj a{color:var(--pj-ink)}
.pj-progress{position:fixed;left:0;top:0;right:0;height:3px;z-index:100;pointer-events:none;background:transparent}
.pj-progress span{display:block;height:100%;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;will-change:transform}
.pj-bar{height:6px;background:var(--accent)}
.pj-wrap{max-width:960px;margin:0 auto;padding:28px 20px 64px}
.pj-kicker{margin:0;color:var(--accent);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:13px}
.pj h1{margin:4px 0 0;font-size:clamp(28px,6vw,44px);line-height:1.1;letter-spacing:-.01em}
.pj-updated{margin:8px 0 0;color:var(--pj-muted);font-size:14px;min-height:21px}
.pj-hero{margin:28px 0 8px;border-radius:16px;overflow:hidden;background:#111}
.pj-hero img,.pj-hero video{display:block;width:100%;height:100%;object-fit:cover}
.pj-card{margin:28px 0 8px;padding:20px;border:1px solid var(--pj-line);border-radius:16px;background:var(--pj-surface)}
.pj h2{margin:40px 0 12px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--pj-muted)}
.pj h2 .n{color:var(--pj-ink)}
.pj h3{margin:24px 0 8px;font-size:15px}
.pj-lede{margin:0 0 12px;color:var(--pj-muted)}
/* task table: Date | Status | Description | Bot */
.pj-t{width:100%;border-collapse:collapse;font-size:15px}
.pj-t th{text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--pj-muted);font-weight:600;padding:0 12px 8px 0;border-bottom:1px solid var(--pj-line)}
.pj-t td{vertical-align:top;padding:12px 12px 12px 0;border-bottom:1px solid var(--pj-line)}
.pj-t .c-date{width:132px;color:var(--pj-muted);font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
.pj-t .c-st{width:128px;white-space:nowrap;font-size:13px}
.pj-t .c-bot{width:150px;font-size:13px;color:var(--pj-muted)}
.pj-t .c-bot.is-tbd{font-style:italic;opacity:.75}
.pj-t .t{display:block;font-weight:700}
.pj-t .note{display:block;color:var(--pj-muted);font-size:14px;max-width:68ch}
.pj-t a.note{color:var(--accent)}
.pj-st{display:inline-flex;align-items:center;gap:8px}
.pj-st .dot{width:10px;height:10px;border-radius:50%;flex:none;display:inline-block}
.pj-st--shipped .dot{background:var(--accent)}
.pj-st--next .dot{border:2px solid var(--pj-muted)}
.pj-st--progress .dot{--status-size:10px}
.pj-t tr.is-skel td{height:52px}
@media(max-width:719px){
 .pj-t thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .pj-t,.pj-t tbody,.pj-t tr,.pj-t td{display:block;width:auto}
 .pj-t tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:"st date" "desc desc" "bot bot";gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--pj-line)}
 .pj-t td{padding:0;border:0}
 .pj-t .c-date{grid-area:date;width:auto;text-align:right}.pj-t .c-date:empty{display:none}
 .pj-t .c-st{grid-area:st;width:auto}.pj-t .c-desc{grid-area:desc}.pj-t .c-bot{grid-area:bot;width:auto}
 .pj-t .c-bot::before{content:"Bot · ";opacity:.7}
}
.pj-list{list-style:none;margin:0;padding:0}
.pj-list li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--pj-line)}
.pj-list .n{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}
.pj-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:12px 0 8px}
.pj-gal figure{margin:0}.pj-gal img{display:block;width:100%;height:auto;border-radius:10px;background:#111}
.pj-gal figcaption{margin-top:6px;color:var(--pj-muted);font-size:13px}
.pj-foot{margin-top:40px;color:var(--pj-muted);font-size:13px}
.pj-sub{position:sticky;top:0;z-index:20;background:rgba(7,7,10,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--pj-line)}
.pj-sub ul{display:flex;gap:4px;list-style:none;margin:0 auto;padding:0 12px;max-width:960px;overflow-x:auto;scrollbar-width:none}
.pj-sub a{display:block;padding:14px 10px;color:var(--pj-muted);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-bottom:2px solid transparent}
.pj-sub a[aria-current="true"]{color:var(--pj-ink);border-bottom-color:var(--accent)}
.pj-sec{scroll-margin-top:120px}
@media(prefers-reduced-motion:reduce){.pj-progress span{transition:none}}