.sp-nav{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 24px}.sp-nav a{padding:10px 14px;border:2px solid var(--line);background:var(--white);font-weight:700}.sp-nav a:hover{border-color:var(--green)}.sp-evidence{background:var(--mint);border-left:5px solid var(--green);padding:20px;margin:24px 0 32px;font-size:14px}.sp-evidence p{margin:8px 0;max-width:95ch}.sp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0 48px}.sp-card,.sp-panel{background:var(--white);border:2px solid var(--line);padding:22px;min-width:0}.sp-card{scroll-margin-top:110px;display:flex;flex-direction:column;gap:12px}.sp-card[hidden]{display:none}.sp-card header{display:flex;align-items:center;gap:16px;min-height:80px}.sp-card h2{font-size:24px;line-height:1.15;margin:6px 0;overflow-wrap:anywhere}.sp-icon{width:80px;height:80px;object-fit:contain;image-rendering:pixelated;flex:0 0 80px;background:var(--paper);border:1px solid var(--line);padding:6px}.sp-card p{font-size:15px;line-height:1.6;margin:0;overflow-wrap:anywhere}.sp-stats{margin:0}.sp-stats>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:7px 0;font-size:14px}.sp-stats dt{color:var(--muted)}.sp-stats dd{margin:0;text-align:right;font-weight:700}.sp-status{margin-top:auto;padding-top:12px;color:var(--muted);font-size:12px}.sp-card details{font-size:14px;overflow-wrap:anywhere}.sp-card summary{cursor:pointer;font-weight:700;padding:8px 0}.sp-controls{display:flex;gap:20px;align-items:end;flex-wrap:wrap}.sp-controls>label{flex:1;min-width:150px}.sp-page label{display:block;font-weight:700;font-size:14px}.sp-page input:not([type=checkbox]),.sp-page select{display:block;box-sizing:border-box;width:100%;max-width:100%;padding:12px;margin-top:7px;border:2px solid var(--line);border-radius:0;background:var(--paper);color:var(--ink);font:inherit;min-height:46px}.sp-page input:focus-visible,.sp-page select:focus-visible,.sp-page button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.sp-calculator{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px;align-items:start}.sp-panel>*{margin-bottom:18px}.sp-panel h2{font-size:30px}.sp-panel p{font-size:15px;overflow-wrap:anywhere}.sp-check{display:flex!important;align-items:center;gap:12px}.sp-check .sp-icon{width:48px;height:48px;flex-basis:48px}.sp-check input{width:20px;height:20px}.sp-result{font-size:24px!important;font-weight:800;border-top:2px solid var(--line);padding-top:16px;color:var(--green)}.sp-selection{display:flex;gap:16px;align-items:center}.sp-inventory-row{display:flex;align-items:end;gap:10px;margin:16px 0}.sp-inventory-row label{flex:1;min-width:0}.sp-inventory-row button{background:var(--paper);color:var(--ink);border:2px solid var(--line);padding:12px;cursor:pointer}.sp-loadout>div{display:flex;align-items:center;gap:12px;margin-top:12px}.sp-loadout img{width:48px;height:48px;flex-basis:48px}.sp-method{max-width:85ch;margin:32px 0 60px}.sp-method li{margin:12px 0;line-height:1.7}.sp-page #sp-error{color:var(--accent);font-weight:700}.sp-page .article-hero{padding-bottom:10px}.sp-page{padding-bottom:32px}
@media(max-width:1000px){.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.sp-grid,.sp-calculator{grid-template-columns:1fr}.sp-card,.sp-panel{padding:18px}.sp-nav{gap:8px}.sp-nav a{font-size:13px;padding:8px}.sp-panel h2{font-size:26px}.sp-controls{gap:12px}.sp-icon{width:64px;height:64px;flex-basis:64px}}
