/* Guides Magic : presentation commune aux formats, banlists et tournois. */
.page-mtg-guide { --guide-copper:#925b37; --guide-soft:#f0e4d5; }
html[data-theme="fire"] .page-mtg-guide { --guide-copper:#e1ad7b; --guide-soft:var(--surface-2); }
.page-mtg-guide .mtg-shell { max-width:1200px; margin:48px auto 64px; padding:0 24px; gap:28px; font-family:var(--site-ui); }
.page-mtg-guide .mtg-panel { padding:28px; border-radius:12px; box-shadow:none; background:var(--panel); }
.page-mtg-guide .mtg-hero { padding:0 0 28px; border:0; border-bottom:1px solid var(--border); border-radius:0; background:none; }
.page-mtg-guide .mtg-kicker { color:var(--guide-copper); font:700 10px/1.5 var(--site-ui); letter-spacing:.18em; margin:0 0 14px; text-transform:uppercase; }
html body.page-mtg-guide .mtg-hero h1 { font:600 clamp(38px,5vw,62px)/1.08 var(--site-brand); letter-spacing:-.035em; max-width:850px; text-wrap:balance; }
.page-mtg-guide .mtg-hero > p:last-child { color:var(--muted); font-size:15px; line-height:1.85; max-width:68ch; margin:18px 0 0; }
.mtg-guide-nav { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-top:-6px; }
.page-mtg-guide .mtg-guide-nav a { font-size:13px; padding:9px 18px; text-decoration:none; border:1px solid transparent; border-radius:7px; color:var(--muted); }
.page-mtg-guide .mtg-guide-nav a[aria-current="page"] { color:var(--ink); background:var(--panel); border-color:var(--border); font-weight:600; }
.page-mtg-guide .mtg-guide-nav a:hover { color:var(--ink); background:var(--surface-2); }
.page-mtg-guide .mtg-status { background:none; border:0; padding:0; margin-top:-10px; font-size:11px; color:var(--muted); }
.page-mtg-guide .mtg-status a { color:var(--muted); text-decoration:none; }
.page-mtg-guide .mtg-status a:hover { text-decoration:underline; }
html body.page-mtg-guide .mtg-shell h2 { font:600 30px/1.2 var(--site-brand); letter-spacing:-.02em; margin:0 0 14px; }
.page-mtg-guide .mtg-shell p { font-size:13px; color:var(--muted); line-height:1.85; }
.page-mtg-guide .mtg-shell .mtg-section-note { max-width:80ch; font-size:12px; margin-bottom:24px; }
.mtg-section-head { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-bottom:24px; }
.page-mtg-guide .mtg-shell label { display:block; font:600 12px/1.5 var(--site-ui); color:var(--ink); }
.page-mtg-guide .mtg-shell input,
.page-mtg-guide .mtg-shell select { width:100%; display:block; min-width:0; min-height:46px; font:400 13px var(--site-ui); margin:8px 0 0; padding:12px; border:1px solid var(--border); border-radius:7px; background:var(--input-bg); color:var(--ink); }
.page-mtg-guide .mtg-shell input::placeholder { color:var(--muted); }
.mtg-filter-row { display:flex; align-items:end; gap:16px; margin:24px 0; }
.mtg-filter-row > div { flex:1; min-width:0; }
.mtg-filter-count { font-size:11px; color:var(--muted); white-space:nowrap; padding-bottom:14px; }
.mtg-reset { font:600 12px var(--site-ui); background:transparent; color:var(--guide-copper); border:1px solid var(--border); border-radius:7px; min-height:44px; padding:10px 14px; cursor:pointer; white-space:nowrap; }
.mtg-reset:hover { background:var(--guide-soft); }
.page-mtg-guide .mtg-empty { text-align:center; padding:32px 20px; border:1px dashed var(--border); border-radius:9px; margin:20px 0; }
.mtg-explainer { border-left:2px solid var(--border); padding-left:14px; margin:18px 0 24px; }
.mtg-explainer summary { font-size:12px; cursor:pointer; color:var(--muted); }
.page-mtg-guide .mtg-explainer p { font-size:12px; max-width:90ch; }
.page-mtg-guide .mtg-banlists { display:grid; gap:10px; }
.page-mtg-guide .mtg-banlist { padding:0; border:1px solid var(--border); border-radius:9px; overflow:hidden; background:var(--surface-1); }
.page-mtg-guide .mtg-banlist summary { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:18px 20px; font:600 14px/1.5 var(--site-ui); list-style:none; }
.page-mtg-guide .mtg-banlist summary::-webkit-details-marker { display:none; }
.page-mtg-guide .mtg-banlist summary::after { content:"+"; color:var(--guide-copper); font-size:20px; font-weight:400; }
.page-mtg-guide .mtg-banlist[open] summary::after { content:"\2212"; }
.page-mtg-guide .mtg-banlist summary > span:first-child { flex:1; }
.mtg-list-count { color:var(--muted); font-size:10px; font-weight:400; white-space:nowrap; }
.page-mtg-guide .mtg-banlist[open] summary { border-bottom:1px solid var(--border); background:var(--surface-2); }
.page-mtg-guide .mtg-banlist > p { padding:0 20px; font-size:12px; }
.page-mtg-guide .mtg-card-name { padding:10px 20px; font-size:13px; border-bottom:1px solid var(--border); min-height:52px; }
.page-mtg-guide .mtg-card-name:last-child { border-bottom:0; }
.page-mtg-guide .mtg-image-zoom { min-width:36px; min-height:36px; font-size:23px; border-radius:6px; color:var(--guide-copper); background:none; border-color:var(--border); }
.page-mtg-guide .mtg-image-zoom:hover { background:var(--guide-soft); }
.page-mtg-guide .mtg-image-dialog { border-radius:12px; font-family:var(--site-ui); box-shadow:0 20px 60px rgba(0,0,0,.2); }
.page-mtg-guide .mtg-image-close { border-radius:7px; font-size:16px; }
html body.page-mtg-guide .mtg-image-dialog h2 { font:600 28px/1.2 var(--site-brand); }
.page-mtg-guide .mtg-standard { border-left:3px solid var(--guide-copper); }
.page-mtg-guide .mtg-standard > p:not(.mtg-kicker) { max-width:80ch; font-size:12px; }
.page-mtg-guide .mtg-sets { columns:auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; gap:0 24px; padding:0; margin:24px 0; }
.page-mtg-guide .mtg-sets li { font-size:12px; padding:12px 0; border-bottom:1px solid var(--border); display:flex; align-items:start; gap:10px; }
.page-mtg-guide .mtg-sets li::before { content:""; width:5px; height:5px; border-radius:50%; background:var(--guide-copper); margin-top:7px; flex-shrink:0; }
.page-mtg-guide .mtg-standard > a { font-size:12px; color:var(--guide-copper); }
.page-mtg-guide .mtg-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.page-mtg-guide .mtg-format-card { display:flex; flex-direction:column; padding:24px; }
.page-mtg-guide .mtg-format-kind { color:var(--guide-copper); font-size:10px; letter-spacing:.08em; margin:0 0 12px; text-transform:uppercase; }
.page-mtg-guide .mtg-format-card h2 { font-size:28px; margin-bottom:12px; }
.page-mtg-guide .mtg-format-card > p:not(.mtg-format-kind) { font-size:12px; margin:0 0 22px; flex:1; }
.page-mtg-guide .mtg-format-card a { font-size:11px; line-height:1.7; margin-top:8px; text-decoration:none; color:var(--guide-copper); }
.page-mtg-guide .mtg-format-card a:first-of-type { padding-top:14px; border-top:1px solid var(--border); }
.page-mtg-guide .mtg-format-card a:hover { text-decoration:underline; }
.page-mtg-guide .tournament-filters { grid-template-columns:1fr 1fr 1.6fr; gap:18px; padding:20px; background:var(--surface-2); border:1px solid var(--border); border-radius:9px; }
.tournament-results-bar { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:18px 0; }
.page-mtg-guide #tournament-count { margin:0; font-size:11px; }
.page-mtg-guide .tournament-list { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.page-mtg-guide .tournament-card { padding:22px; border-radius:10px; background:var(--surface-1); display:flex; flex-direction:column; min-width:0; }
.page-mtg-guide .tournament-meta { gap:8px 12px; font-size:10px; color:var(--muted); }
.page-mtg-guide .tournament-badge { padding:4px 8px; border-radius:4px; color:var(--guide-copper); background:var(--guide-soft); font-size:10px; font-weight:600; }
html body.page-mtg-guide .tournament-card h3 { font:600 18px/1.4 var(--site-ui); letter-spacing:-.015em; margin:18px 0 8px; color:var(--ink); }
.page-mtg-guide .tournament-card p { font-size:12px; margin:0 0 18px; }
.page-mtg-guide .tournament-card > a { margin-top:auto; border-top:1px solid var(--border); padding-top:14px; font-size:11px; color:var(--guide-copper); text-decoration:none; }
.page-mtg-guide .tournament-card > a:hover { text-decoration:underline; }
.page-mtg-guide [hidden] { display:none!important; }
.page-mtg-guide :is(button,input,select,summary,a):focus-visible { outline:2px solid var(--guide-copper); outline-offset:3px; }
@media(max-width:1000px) {
 .page-mtg-guide .mtg-grid,.page-mtg-guide .tournament-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .page-mtg-guide .mtg-sets { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:650px) {
 .page-mtg-guide .mtg-shell { padding:0 18px; margin-top:28px; gap:22px; }
 .page-mtg-guide .mtg-panel { padding:20px; }
 .page-mtg-guide .mtg-hero { padding:0 0 24px; }
 .page-mtg-guide .mtg-status { padding:0; }
 .page-mtg-guide .mtg-grid,.page-mtg-guide .tournament-list { grid-template-columns:1fr; }
 .page-mtg-guide .tournament-filters { grid-template-columns:1fr; gap:14px; padding:16px; }
 .mtg-filter-row { flex-wrap:wrap; gap:12px; }
 .mtg-filter-row > div { flex-basis:100%; }
 .mtg-filter-count { padding:0; margin-left:auto; }
 .page-mtg-guide .mtg-banlist summary { padding:16px; font-size:12px; flex-wrap:wrap; }
 .page-mtg-guide .mtg-card-name { padding:10px 16px; font-size:12px; }
 .page-mtg-guide .mtg-sets { grid-template-columns:1fr; }
 .mtg-list-count { font-size:9px; }
}
.page-mtg-guide .mtg-shell .mtg-kicker { color:var(--guide-copper); font-size:10px; line-height:1.5; }
.page-mtg-guide .mtg-shell .mtg-format-kind { color:var(--guide-copper); font-size:10px; }