/* The working draft view favors decisions and fast navigation over the archive. */
html{scroll-padding-top:100px;scroll-behavior:auto}
.hero .intro{padding:18px 0 25px;align-items:center}
.hero h1{font-size:clamp(1.8rem,3vw,2.7rem);margin:0 0 8px}
.hero .eyebrow{margin-bottom:8px;font-size:.68rem}
.hero header{min-height:61px}
.hero .subtitle{font-size:.9rem}
.page{margin-top:0}
.date span{font-size:.65rem;margin-bottom:4px}
.draft-tools{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:7px;padding:12px 0;background:#f4f0e6f7;backdrop-filter:blur(12px);border-bottom:1px solid #d5c9ae}
.draft-tools button,.draft-tools select,.guide-filter-row select{font:inherit;border:1px solid #c8bfae;background:var(--white);color:var(--green);border-radius:8px;min-height:42px;padding:9px 11px}
.draft-tools button{font-size:.8rem;font-weight:750;white-space:nowrap}
.draft-tools select{min-width:0;flex:1;font-size:.8rem;max-width:330px}
.draft-tools .search-launch{background:var(--green);border-color:var(--green);color:var(--white);font-size:.875rem}
kbd{font:500 .7rem ui-monospace,SFMono-Regular,monospace;border:1px solid currentColor;opacity:.65;border-radius:4px;padding:1px 4px;white-space:nowrap}
.draft-tools kbd{margin-left:6px}
.hotbar-button kbd{width:14px;flex-shrink:0;font-size:.625rem;border:0;padding:0;margin-right:-5px;opacity:.7}
.combo-hotbar{width:157px;right:9px}
.combo-hotbar .hotbar-button{gap:6px}
.combo-hotbar .hotbar-label{font-size:.75rem}
.combo-summary{box-shadow:none;padding:0;margin:13px 0 18px;border-radius:10px;background:#fffdf780}
.combo-summary>summary,.buildaround-section>summary{cursor:pointer;font-weight:750;font-size:.9rem;padding:13px 17px;color:var(--green)}
.combo-summary>summary>span,.buildaround-section>summary>span{font-weight:450;font-size:.75rem;color:var(--muted);margin-left:12px}
.summary-body{padding:6px 18px 18px}
.summary-heading h2{font-size:1.45rem}
.summary-heading .eyebrow{font-size:.65rem}
.summary-text{font-size:.8rem;margin:10px 0}
.combo-choice{padding:10px 12px}
.combo-rate{font-size:1.3rem}
.combo-sample,.summary-caption{font-size:.7rem}
.combo-name{font-size:.75rem}
.summary-small{font-size:.65rem}
.draft-guide{border:1px solid #d4c6a8;border-radius:14px;background:var(--white);padding:22px;margin-bottom:16px;box-shadow:0 5px 20px #17251b08}
.guide-heading{display:flex;gap:18px;justify-content:space-between;align-items:start}
.guide-heading h2{font:700 1.65rem/1.2 Georgia,serif;margin:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.guide-heading .eyebrow{font-size:.66rem;margin-bottom:7px}
.review-stamp{color:var(--muted);font-size:.67rem;white-space:nowrap;padding-top:4px}
.format-note{font-size:.72rem;color:var(--muted);margin:8px 0 12px}
.plan-intro{font-size:.9rem;line-height:1.5;max-width:870px;margin:10px 0 13px}
.variant-tabs,.need-chips{display:flex;gap:6px;flex-wrap:wrap}
.variant-tabs button,.need-chips button,.build-use button{border:1px solid #c8bfae;border-radius:7px;color:var(--green);background:#f5f1e8;font-size:.8rem;font-weight:700;padding:8px 12px;min-height:38px}
.variant-tabs button[aria-pressed=true],.need-chips button[aria-pressed=true]{background:var(--green);color:var(--white);border-color:var(--green)}
.guide-filter-row{display:flex;align-items:start;gap:18px;margin:17px 0}
.guide-filter-row label{display:flex;flex-direction:column;gap:6px;font-size:.72rem;font-weight:800;color:var(--green);min-width:230px;max-width:340px;flex:1}
.guide-filter-row select{width:100%;font-size:.8rem;max-width:100%}
.needs{flex:2}
.needs>span{display:block;font-size:.72rem;font-weight:800;color:var(--green);margin:0 0 6px}
.need-chips{gap:5px}
.need-chips button{font-size:.72rem;padding:7px 9px;min-height:32px}
.plan-callout{padding:12px 15px;border-left:4px solid #b78938;background:#f5efdf;border-radius:0 8px 8px 0;line-height:1.4}
.plan-callout>strong{display:block;color:var(--green);font-size:.96rem}
.plan-callout>span{display:block;color:#655332;font-size:.8rem;margin-top:5px}
.fit-heading{display:flex;gap:12px;align-items:baseline;justify-content:space-between;margin:17px 0 10px}
.fit-heading h3{font-size:.85rem;font-weight:800;margin:0}
.fit-heading>span{font-size:.7rem;color:var(--muted);white-space:nowrap}
.fit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.fit-card{display:flex;gap:10px;align-items:center;text-align:left;min-width:0;width:100%;padding:9px;border:1px solid #d9d0be;border-radius:9px;background:#f8f5ed;color:var(--green)}
.fit-card:hover{border-color:#b78938;background:#f1ead8;box-shadow:0 2px 8px #17251b10}
.fit-card img{display:block;width:62px;height:auto;aspect-ratio:488/680;object-fit:contain;border-radius:5px;flex-shrink:0;background:var(--paper2)}
.fit-copy{display:flex;flex-direction:column;min-width:0;gap:4px}
.fit-copy strong{font-size:.82rem;line-height:1.22}
.fit-copy>span:last-child{font-size:.72rem;color:#686052;line-height:1.3}
.role-tag{font-size:.59rem;text-transform:uppercase;letter-spacing:.07em;color:#876526;font-weight:800}
.guide-caveat,.coverage-note{font-size:.73rem;line-height:1.5;color:var(--muted);margin:12px 0 0}
.fit-empty{grid-column:1/-1;font-size:.85rem;margin:0;padding:14px;border:1px dashed #c8bfae;border-radius:7px}
.fit-empty button,.inline-action,.card-name-link{border:0;padding:0;background:transparent;color:var(--green);font-size:inherit;text-decoration:underline;text-underline-offset:3px}
.inline-action{font-size:.73rem;margin-left:12px}
.card-name-link{font-weight:750}
.owned-card{font-size:.85rem;margin:12px 0;line-height:1.8}
.guide-details{border-top:1px solid var(--line);margin-top:17px;padding-top:13px}
.guide-details>summary{font-size:.8rem;font-weight:750;cursor:pointer;color:var(--green)}
.guide-details p{font-size:.83rem;line-height:1.5}
.decision-grid,.pairing-notes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0}
.decision-grid article,.pairing-notes article{border:1px solid #d9d0be;border-radius:9px;padding:13px;background:#f8f5ed}
.decision-grid h3,.pairing-notes h3{font-size:.875rem;font-weight:750;margin:0 0 6px}
.decision-grid p,.pairing-notes p{font-size:.82rem;margin:0 0 9px}
.decision-grid article>div{font-size:.75rem}
.guide-details small,.build-body>small{display:block;font-size:.68rem;color:#796024;margin-top:9px}
.source-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px}
.source-links a{font-size:.7rem;line-height:1.4;color:#626650}
.quick-rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:18px}
.quick-rules strong{font-size:.85rem;color:var(--green);display:block;margin-bottom:6px}
.quick-rules span{font-size:.78rem;line-height:1.4;color:var(--muted);display:block}
.choose-prompt{font-size:.85rem;margin:18px 0 0;padding-top:13px;border-top:1px solid var(--line)}
.buildaround-section{border:1px solid #c8bfae;border-radius:10px;margin-bottom:30px;background:#fffdf770;scroll-margin-top:12px}
#buildaround-content{padding:0 17px 17px}
.buildaround{border-top:1px solid var(--line);scroll-margin-top:10px}
.buildaround>summary{font-size:.9rem;font-weight:750;padding:13px 0;cursor:pointer;color:var(--green)}
.buildaround>summary span{display:block;font-weight:450;font-size:.78rem;color:var(--muted);margin:4px 0 0 17px}
.build-body{padding:0 0 16px}
.build-body ul{padding-left:20px;font-size:.85rem;line-height:1.6}
.build-warning{font-size:.85rem;background:#f5efdf;border-radius:7px;padding:10px 12px}
.build-use{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.75rem}
.build-use button{font-size:.72rem;padding:7px 9px;display:flex;align-items:center;gap:4px}
.build-use .mana{width:17px;height:17px;font-size:.65rem}
.stats-intro{margin-bottom:18px;border-top:2px solid #d4c6a8;padding-top:24px}
.stats-intro h2{font:700 1.5rem/1.2 Georgia,serif;margin:0 0 8px}
.stats-intro p{font-size:.85rem;color:var(--muted);margin:6px 0}
.stats-intro .data-age{font-size:.73rem;color:#796024}
.view-controls{margin-bottom:10px;gap:14px}
.view-controls label{font-size:.75rem;gap:5px}
.view-controls select{padding:8px 30px 8px 10px}
.notice{font-size:.78rem;padding:10px 14px}
.rate{font-size:1.4rem}
.methodology{padding:24px 0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.search-dialog{max-width:650px;padding:24px;max-height:85dvh}
.search-dialog h2,.help-dialog h2{font:700 1.5rem Georgia,serif;margin:0 30px 8px 0}
.search-dialog>p,.help-dialog>p{font-size:.8rem;color:var(--muted)}
#card-query{display:block;width:100%;font:inherit;padding:12px;border:2px solid #b3a484;border-radius:8px;background:#fff;color:var(--ink);outline-color:var(--green)}
#search-count{font-size:.72rem;margin:10px 0}
#search-results{display:grid;gap:6px}
.search-result{display:flex;align-items:center;gap:12px;text-align:left;background:#f8f5ed;border:1px solid #d5c9ae;border-radius:8px;padding:8px 12px;color:var(--green)}
.search-result img{width:40px;height:auto;border-radius:4px}
.search-result>span:nth-child(2){flex:1}
.search-result strong{display:block;font-size:.9rem}
.search-result small{display:block;color:var(--muted);margin-top:3px;font-size:.7rem;text-transform:capitalize}
.help-dialog{max-width:640px}
.help-dialog dl{display:grid;grid-template-columns:auto 1fr;gap:16px 22px;font-size:.85rem}
.help-dialog dd{margin:0}
#pair-key-legend{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:.75rem;border-top:1px solid var(--line);padding-top:15px}
#plan-title:focus,#statistics-title:focus{outline:none}
@media(min-width:701px) and (max-width:1199px){.combo-hotbar{width:72px}.hotbar-button kbd{display:none}.draft-tools kbd{display:none}.draft-tools{flex-wrap:wrap}.draft-tools select{max-width:none}.fit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-filter-row{flex-direction:column;gap:12px}.guide-filter-row label{width:100%;max-width:none}.quick-rules{grid-template-columns:1fr 1fr}.guide-heading{display:block}.review-stamp{display:none}}
@media(max-width:700px){html{scroll-padding-top:125px}.hero .intro{padding:16px 0 20px}.hero header{min-height:60px;flex-direction:row;align-items:center;padding:12px 0}.brand{font-size:.62rem;gap:6px;letter-spacing:.05em}.brand-divider{margin:0 3px}.brand .ring{width:18px;height:18px}.guide-link{font-size:.65rem;padding:6px 8px}.hero h1{font-size:1.9rem}.hero .subtitle{font-size:.78rem}.hero .eyebrow{font-size:.6rem}.combo-hotbar{width:100%}.hotbar-button kbd{display:none}.draft-tools{gap:6px;flex-wrap:wrap;padding:8px 0}.draft-tools button{min-height:36px;padding:7px 10px}.draft-tools .search-launch{font-size:.8rem;flex:0 0 auto}.draft-tools select{max-width:none;flex:1 1 170px;min-height:38px}.draft-tools kbd{display:none}.draft-tools>button[data-jump]{flex:1}.draft-tools #help-open{width:36px}.combo-summary{margin:10px 0 12px}.combo-summary>summary,.buildaround-section>summary{padding:12px;font-size:.8rem}.combo-summary>summary>span,.buildaround-section>summary>span{display:block;margin:4px 0 0 16px;font-size:.68rem}.draft-guide{padding:15px;border-radius:11px}.guide-heading{display:block}.guide-heading h2{font-size:1.35rem}.guide-heading .eyebrow{font-size:.6rem}.review-stamp{display:none}.format-note{font-size:.66rem}.plan-intro{font-size:.8rem}.variant-tabs button{font-size:.75rem;padding:7px 10px}.guide-filter-row{flex-direction:column;gap:12px;margin:14px 0}.guide-filter-row label{max-width:none;width:100%;min-width:0}.guide-filter-row select{font-size:16px;padding:8px 10px;min-height:40px}.need-chips button{font-size:.69rem;padding:7px 9px;min-height:35px}.plan-callout{padding:10px 12px}.plan-callout>strong{font-size:.86rem}.plan-callout>span{font-size:.75rem}.fit-heading{align-items:start;gap:8px}.fit-heading h3{font-size:.8rem}.fit-grid{grid-template-columns:1fr 1fr;gap:7px}.fit-card{flex-direction:column;align-items:stretch;padding:8px;gap:7px}.fit-card img{width:67px;align-self:center}.fit-copy{gap:4px}.fit-copy strong{font-size:.78rem}.fit-copy>span:last-child{font-size:.69rem}.role-tag{font-size:.57rem}.guide-caveat{font-size:.67rem}.quick-rules{grid-template-columns:1fr 1fr;gap:15px 13px}.quick-rules strong{font-size:.8rem}.quick-rules span{font-size:.74rem}.choose-prompt{font-size:.8rem}.decision-grid,.pairing-notes{grid-template-columns:1fr}.stats-intro{padding-top:20px}.stats-intro h2{font-size:1.3rem}.stats-intro p{font-size:.8rem}.stats-intro .data-age{font-size:.68rem}.help-dialog dl{grid-template-columns:1fr;gap:8px}.help-dialog dd{margin-bottom:9px}.search-dialog{padding:22px 16px}#card-query{font-size:16px}.buildaround-section{margin-bottom:24px}.summary-body{padding:5px 12px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:700px){.guide-heading h2{display:block;font-size:1.2rem}.guide-heading h2 .mana{width:20px;height:20px;font-size:.65rem;margin-right:3px;vertical-align:2px}.plan-intro{display:none}.format-note{margin-bottom:12px}.guide-filter-row{margin:12px 0}.guide-heading .eyebrow{margin-bottom:6px}}

.essentials-label{font-size:.73rem;color:var(--muted);margin:12px 0 8px}.essentials-label strong{color:var(--green)}