/* One colorful field-guide illustration style; one clear type hierarchy. */
:root{--ink:#2e483a;--muted:#647365;--green:#47634a;--icon-ink:#405d4d;--soft:#e8eddf}
body{font-size:var(--type-md);line-height:1.65;-webkit-font-smoothing:antialiased}
.brand{font-size:21px;font-weight:700;letter-spacing:-.025em}
h1,.intro h1{font-size:clamp(28px,3.2vw,40px);font-weight:700;line-height:1.35;letter-spacing:-.035em}
.loadout-heading h2,.bottom-notes h2{font-size:24px;font-weight:650;line-height:1.4;letter-spacing:-.025em}
.person-label,.workspace-nav a,.filters nav button,.loadout>.container-filter button{font-size:var(--type-sm);font-weight:600}
.intro>div>p:last-child,.bottom-notes p,.field-notes ol{font-size:var(--type-md);line-height:1.8}
.legend,.legend-hint,.filters>label,.filters select,.zone-drawer,.structure-notes,.shared-row,.field-notes details{font-size:var(--type-sm)}
.loadout-heading button,.board-footer button,.file-button{font-size:var(--type-sm)}
.pack-item strong{font-size:13px;line-height:1.45;font-weight:600;letter-spacing:0}
.pack-item small,.tile-controls button,.kit-contents,.weight-readout small,.duo-total small,.shared-row small,.team-total small,#sources,#model-note,.illustration-note,.board-footer{font-size:var(--type-xs);line-height:1.65}
.pack-item small{margin-top:3px;font-variant-numeric:tabular-nums}
.container-badge,.placement-badge,.shared-tag{font-size:10px;line-height:1.6;font-weight:500}
.shared-tag{color:var(--muted);left:8px;top:6px}
.gear-tile .pack-item{min-height:196px;padding:19px 8px 9px;gap:1px}
.gear-art{width:82px;height:80px;object-fit:contain;flex-shrink:0;margin:3px 0 8px;opacity:1;mix-blend-mode:multiply;filter:none}
.pack-item:hover .gear-art{transform:translateY(-3px);opacity:1}
.gear-tile.packed .gear-art{filter:grayscale(1);opacity:.32}
.gear-tile.pending .gear-art{opacity:.8}
.gear-tile{border-radius:11px;background:#faf8f0}
.tile-controls{padding:2px 0}
.tile-controls button{min-height:34px;padding:4px 8px}
.tile-controls .detail-button{width:36px}
.kit-contents{padding:9px 10px;color:#5b6b59}
.kit-contents strong{font-weight:600}
.kit-contents ul{padding-left:16px;margin:3px 0 0}
.shared-row>img{width:30px;height:30px;opacity:1;mix-blend-mode:multiply}
.mission-title strong,.progress-caption,.pack-invitation,.mission-checkpoints span,.packing-mission>button{font-size:var(--type-sm)}
.mission-title>span,.packing-mission>p,.weight-warning{font-size:var(--type-xs)}
.small-bag-scene>span,.big-bag-label,.weight-readout span,.duo-total span{font-size:var(--type-xs);font-weight:500}
.weight-readout strong{font-size:22px;font-weight:650}
.duo-total strong{font-size:18px;font-weight:650}
.flying-item{padding:4px;background:#f5f1e6;border:1px solid #d4dccb}
@media(min-width:1500px){.gear-art{width:88px;height:84px}}
@media(max-width:850px){.brand{font-size:19px}.loadout-heading h2,.bottom-notes h2{font-size:20px}.intro>div>p:last-child{font-size:13px}.loadout-heading button{font-size:11px}.workspace-nav a{font-size:12px}.gear-tile .pack-item{min-height:192px;padding:19px 8px 9px}.gear-art{width:78px;height:76px;margin:4px 0 8px}.pack-item strong{font-size:13px}.tile-controls button{font-size:11px;min-height:38px}.container-badge,.placement-badge{font-size:10px}.weight-readout strong{font-size:16px}.duo-total strong{font-size:14px}.weight-readout span,.duo-total span,.weight-readout small,.duo-total small{font-size:10px}.small-bag-scene>span,.big-bag-label{font-size:10px}.weight-warning,.illustration-note{font-size:10px}.packing-mission>p,.mission-checkpoints span{font-size:11px}.field-notes ol{font-size:13px}}