/* Dedicated collection artwork is independent of the saved site theme. */
html body.swu-page[data-rl-themes="off"]{margin:0;background:#070e17!important;color:#e6edf5;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;isolation:isolate;}
html body.swu-page[data-rl-themes="off"]::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(5,10,18,.34),rgba(5,10,18,.10)),url('/swu/assets/vault-background.webp') right center/cover no-repeat;}
.swu-page *{box-sizing:border-box}.swu-page [hidden]{display:none!important}.swu-page .vault-shell a{color:#98c8e2}.swu-page button,.swu-page input,.swu-page select{font:inherit}.swu-page button,.swu-page a,.swu-page input,.swu-page select{touch-action:manipulation}.swu-page :focus-visible{outline:3px solid #efb2b2;outline-offset:4px}.swu-page .site-nav-shell{background:#080f19e8;border-color:#aec9e626;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
.vault-shell{max-width:1376px;padding:0 32px;margin:auto}.vault-breadcrumb{display:flex;gap:12px;padding:26px 0 20px;font-size:12px;color:#8a9dae}.vault-breadcrumb a{text-decoration:none}.vault-hero{min-height:460px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #7797bd44;border-radius:20px;background:linear-gradient(90deg,#07111eec 0%,#07111ed9 29%,#07111e63 52%,#07111e20 100%);box-shadow:0 26px 70px #0005}.vault-hero::after{content:"";position:absolute;left:0;top:30px;bottom:30px;width:3px;background:#e26c73;box-shadow:0 0 20px #ed666d80}.vault-hero-copy{padding:46px 44px;max-width:56%;position:relative;z-index:1}.vault-eyebrow{font-size:10px;font-weight:750;letter-spacing:2.2px;color:#95b1c7;margin:0 0 16px}.vault-hero .vault-eyebrow{color:#b0ccdd}.vault-eyebrow span{color:#e69599;margin-right:8px}.vault-hero h1{font-size:clamp(38px,4.5vw,64px);line-height:.99;letter-spacing:-2px;margin:0 0 23px}.vault-hero h1 span,.vault-hero h1 strong{display:block}.vault-hero h1 strong{color:#e7a3a6;font-weight:750}.vault-intro{font-size:20px;letter-spacing:-.3px;margin:0 0 12px;font-weight:600}.vault-description{max-width:360px;color:#b9c8d4;font-size:14px;line-height:1.75;margin-bottom:24px}.vault-primary{display:inline-flex;gap:22px;align-items:center;background:#bb5f68;border:1px solid #f4acb440;border-radius:8px;padding:12px 18px;color:#fff!important;font-size:13px;font-weight:650;text-decoration:none;box-shadow:0 8px 20px #0004}.vault-primary:hover{background:#cc717a}.vault-hero-foot{color:#93a8b9;font-size:10px;line-height:1.7;margin:18px 0 0}.vault-sector{position:absolute;right:22px;bottom:22px;text-align:right;color:#b7d4e3a8;font:9px/1.8 ui-monospace,monospace;letter-spacing:1px}.vault-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#7b9bb530;border:1px solid #7b9bb530;border-radius:12px;overflow:hidden;margin:22px 0 42px}.vault-stats>div{background:#0c1725ee;padding:21px 25px}.vault-stats span{display:block;text-transform:uppercase;letter-spacing:1.3px;font-size:10px;color:#9fb3c5}.vault-stats strong{display:block;font-size:34px;line-height:1.3;margin:6px 0;color:#f1f5fa;font-weight:650;letter-spacing:-1px}.vault-stats small{color:#8197ad;font-size:10px}.vault-section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px}.vault-section-heading .vault-eyebrow{margin-bottom:8px}.vault-section-heading h2{font-size:28px;margin:0;letter-spacing:-.7px}.vault-updated{color:#8da6bb;font-size:11px;text-align:right;line-height:1.8;margin:0}.vault-cataloging{font-size:12px;line-height:1.8;color:#a3b6c7;margin:14px 0 22px;padding-left:12px;border-left:2px solid #be7278}.vault-filters{display:grid;grid-template-columns:2fr repeat(5,minmax(0,1fr));gap:12px;padding:18px;background:#0d1826e6;border:1px solid #829eb52b;border-radius:12px}.vault-filters label{display:flex;flex-direction:column;gap:8px;font-size:10px;font-weight:650;letter-spacing:.3px;color:#a9bdcd;min-width:0}.vault-filters input,.vault-filters select{width:100%;min-height:42px;border:1px solid #7e9eb63d;border-radius:7px;background:#080f1b;color:#e1eaf1;padding:10px;font-size:11px;min-width:0}.vault-filters input::placeholder{color:#8597a9}.vault-results-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:20px 0 15px;font-size:12px;color:#9fb3c6}.vault-results-bar button{background:none;border:0;color:#b2c8da;padding:8px 0;text-decoration:underline;cursor:pointer;font-size:11px;text-underline-offset:4px}.vault-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.vault-card{padding:10px;border:1px solid #7896b537;border-radius:12px;background:linear-gradient(155deg,#152336ed,#0c1522f0);position:relative;min-width:0;transition:border-color .15s,transform .15s;box-shadow:0 8px 24px #0002}.vault-card:hover{transform:translateY(-3px);border-color:#b5767e99}.vault-card-button{display:block;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left;width:100%;padding:0;min-width:0}.vault-card-art{aspect-ratio:5/7;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#080e17;border-radius:8px;position:relative}.vault-card-art img{width:100%;height:100%;object-fit:contain;display:block}.vault-card-art img[data-landscape=true]{object-fit:contain}.vault-art-fallback{width:100%;height:100%;min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#839db5;font-size:12px;background:radial-gradient(ellipse at top,#223247,#0b1320)}.vault-art-fallback>span:first-child{font-size:38px;color:#b77a82}.vault-quantity{position:absolute;right:8px;bottom:8px;padding:4px 8px;border:1px solid #bed5e959;border-radius:6px;background:#070d17e8;font-size:10px;color:#fff;font-weight:700;backdrop-filter:blur(8px)}.vault-card-copy{padding:13px 3px 5px}.vault-card-kicker{color:#91abc1;font-size:9px;text-transform:uppercase;letter-spacing:.7px;margin:0 0 6px;white-space:normal}.vault-card h3{font-size:13px;font-weight:650;line-height:1.35;letter-spacing:-.1px;margin:0 0 3px;color:#edf3f8;overflow-wrap:anywhere}.vault-card-subtitle{font-size:11px;color:#9eb0c2;min-height:1.4em;margin:0 0 12px;line-height:1.4}.vault-tags{display:flex;gap:5px;flex-wrap:wrap}.vault-tag{font-size:9px;line-height:1.5;padding:3px 6px;border-radius:4px;background:#1b2b3d;border:1px solid #829bad33;color:#b5c8d9;overflow-wrap:anywhere}.vault-tag.is-finish{background:#6c3d4b33;color:#e6aab6;border-color:#c7779344}.vault-card-bottom{margin-top:10px;color:#7f97ae;font-size:9px;display:flex;justify-content:space-between;gap:6px}.vault-pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin:30px 0;font-size:12px;color:#a5bbce}.swu-page button:disabled{opacity:.4;cursor:default}.vault-pagination button,.vault-empty button,.vault-detail-art button{border:1px solid #6d8da757;border-radius:7px;background:#16283b;color:#d2e4f2;font-size:12px;padding:10px 16px;cursor:pointer;min-height:40px}.vault-empty{padding:54px 24px;text-align:center;border:1px dashed #6d8da74d;border-radius:14px;background:#0b1522ce}.vault-empty>span{font-size:30px;color:#d5999e}.vault-empty h3{font-size:19px;margin:16px 0 8px;color:#dfe9f2}.vault-empty p{color:#9fb2c4;font-size:13px;line-height:1.7;max-width:520px;margin:0 auto 18px}.vault-notice{border:1px solid #b080534a;background:#58401f33;border-radius:8px;padding:13px 16px;margin:18px 0;color:#e3c794;font-size:12px;line-height:1.8}.vault-footer{border-top:1px solid #7896b52b;margin:48px 0 0;padding:24px 0 30px;display:flex;justify-content:space-between;gap:15px;align-items:center;color:#71899f;font-size:10px}.vault-footer p{margin:0}.vault-footer a{text-decoration:none;color:#9fb9ce}.vault-dialog{border:1px solid #809dbb55;background:#0b1522;color:#e3edf5;border-radius:18px;padding:36px;max-width:960px;width:calc(100% - 40px);max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 30px 100px #0009}.vault-dialog::backdrop{background:#030810dc;backdrop-filter:blur(8px)}.vault-dialog-close{position:absolute;right:13px;top:13px;width:36px;height:36px;border:1px solid #64849f55;border-radius:50%;background:#1d3044;color:#e0ebf5;cursor:pointer}.vault-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:start}.vault-detail-art{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;min-width:0}.vault-detail-art img{max-width:100%;max-height:68dvh;border-radius:10px;object-fit:contain}.vault-detail-art .vault-art-fallback{min-height:320px}.vault-detail-copy{padding-top:24px;min-width:0}.vault-detail-copy h2{font-size:30px;letter-spacing:-.7px;line-height:1.1;margin:0 0 10px;overflow-wrap:anywhere}.vault-detail-copy>p:not(.vault-eyebrow){font-size:15px;color:#a8bbcd;line-height:1.7}.vault-detail-copy .vault-tags{margin:22px 0}.vault-detail-copy dl{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:20px 0}.vault-detail-copy dt,.vault-detail-copy dd{padding:12px 0;border-bottom:1px solid #7896b52b;font-size:12px;margin:0}.vault-detail-copy dt{color:#8ca6bc}.vault-detail-copy dd{text-align:right;color:#dfebf4;overflow-wrap:anywhere}.vault-detail-copy .vault-detail-note{font-size:11px!important;color:#8099af!important;margin-top:26px}
@media(min-width:1600px){.vault-hero{min-height:500px}.vault-hero-copy{padding-top:58px}}
@media(max-width:1150px){.vault-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.vault-search-label{grid-column:span 2}.vault-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.vault-hero-copy{padding:38px 30px}.vault-hero{min-height:430px}}
@media(max-width:850px){.vault-shell{padding:0 20px}.vault-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vault-hero{background-position:66% center}.vault-hero-copy{max-width:62%;padding:30px 24px}.vault-hero h1{font-size:46px}.vault-description{font-size:12px}.vault-hero-foot{max-width:200px}.vault-stats>div{padding:18px 15px}.vault-stats strong{font-size:28px}.vault-detail-layout{gap:20px}}
@media(max-width:600px){.vault-shell{padding:0 14px}.vault-breadcrumb{font-size:10px;padding:20px 0 16px}.vault-hero{min-height:340px;background:linear-gradient(90deg,#07111eeb,#07111e98)}.vault-hero-copy{padding:30px 24px;max-width:100%}.vault-hero h1{font-size:38px;letter-spacing:-1.4px;margin-bottom:14px}.vault-hero h1 span,.vault-hero h1 strong{display:inline}.vault-hero h1 strong::before{content:' '}.vault-hero .vault-eyebrow{font-size:8px;margin-bottom:12px}.vault-intro{font-size:17px}.vault-description{max-width:none;margin-bottom:18px}.vault-primary{font-size:12px}.vault-hero-foot{max-width:none;font-size:9px}.vault-sector{display:none}.vault-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0 30px}.vault-stats>div{padding:17px}.vault-stats strong{font-size:30px}.vault-stats small{font-size:9px}.vault-section-heading{align-items:start;flex-direction:column;gap:10px}.vault-updated{text-align:left}.vault-section-heading h2{font-size:26px}.vault-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:12px}.vault-search-label{grid-column:1/-1}.vault-filters label:last-child{grid-column:1/-1}.vault-filters input,.vault-filters select{font-size:16px;min-height:44px}.vault-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vault-card{padding:7px;border-radius:9px}.vault-card-copy{padding:10px 2px 4px}.vault-card h3{font-size:12px}.vault-card-subtitle{font-size:10px}.vault-card-kicker{font-size:8px}.vault-card-bottom{font-size:8px}.vault-quantity{font-size:9px}.vault-footer{align-items:start;flex-wrap:wrap;line-height:1.8}.vault-footer p{order:3;width:100%}.vault-dialog{padding:40px 18px 22px;width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.vault-detail-layout{grid-template-columns:1fr}.vault-detail-art img{max-height:54dvh}.vault-detail-copy{padding-top:4px}.vault-detail-copy h2{font-size:25px}.vault-detail-copy .vault-eyebrow{font-size:9px}.vault-pagination{gap:14px;font-size:11px}.vault-pagination button{padding:9px 13px}}
@media(prefers-reduced-motion:reduce){.vault-card{transition:none}.vault-card:hover{transform:none}}

/* Match the main site's white/green navigation; card-link colors stay local. */
body.swu-page .site-nav .site-brand,
body.swu-page .site-nav .nav-link{color:#e6edf3;}
body.swu-page .site-brand :is(.brand-runs,.brand-dot){color:#e6edf3;}
body.swu-page .site-brand .brand-linux,
body.swu-page .site-nav .nav-link.active,
body.swu-page .site-nav .nav-link:hover{color:#3fb950;}
body.swu-page .site-nav .nav-link .nav-icon{color:inherit;}

.vault-heading-panel{padding:18px 20px;margin-bottom:22px;background:rgba(7,17,30,.86);border:1px solid #829eb52b;border-radius:12px;backdrop-filter:blur(4px);}
.vault-heading-panel .vault-cataloging{margin-bottom:0;}
@media(max-width:600px){html body.swu-page[data-rl-themes="off"]::before{background-position:75% center;}.vault-heading-panel{padding:16px;}}

/* Green-saber header: illustration on the left, title on the right. */
.vault-hero{width:100%;min-width:0;aspect-ratio:1916/821;background:linear-gradient(90deg,transparent 0%,transparent 35%,rgba(7,17,30,.12) 49%,rgba(7,17,30,.38) 100%),url('/swu/assets/green-saber-tux-header.webp') left center/cover no-repeat;}
.vault-hero-copy{max-width:49%;margin-left:auto;padding:46px 44px 46px 20px;}
.vault-hero::after{left:auto;right:0;}
.vault-sector{left:22px;right:auto;text-align:left;}
@media(min-width:1600px){.vault-hero-copy{padding-top:58px;}}
@media(max-width:1150px){.vault-hero-copy{padding:38px 30px 38px 20px;}}
@media(max-width:850px){.vault-hero{background-position:left center;}.vault-hero-copy{max-width:52%;padding:30px 24px 30px 16px;}}
@media(max-width:600px){.vault-hero{aspect-ratio:auto;min-height:0;background:linear-gradient(0deg,#07111e 0%,#07111e 48%,transparent 70%),url('/swu/assets/green-saber-tux-header.webp') left top/auto 240px no-repeat;background-color:#07111e;}.vault-hero-copy{max-width:100%;margin-left:0;padding:250px 24px 25px;}}

/* Transparent title/header; only the extracted artwork sits above the page scene. */
.vault-hero{background:transparent;border-color:transparent;box-shadow:none;}
.vault-hero::before{content:"";position:absolute;inset:0 auto 0 0;width:49%;z-index:-1;pointer-events:none;background:url('/swu/assets/green-saber-tux-cutout.webp') left bottom/contain no-repeat;}
.vault-hero-copy{text-shadow:0 2px 8px rgba(0,0,0,.85);}
@media(max-width:850px){.vault-hero::before{width:48%;}}
@media(max-width:600px){.vault-hero::before{width:100%;height:240px;bottom:auto;background-position:left top;}}

/* No side accent on the transparent title header. */
.vault-hero::after{display:none;}