/* Full guide only. Keep the outline in the narrow column and the article in the wide one. */
.draft-guide .article-header{max-width:1040px;padding:28px 0 20px}
.draft-guide .breadcrumbs{padding-top:0;margin-bottom:16px}
.draft-guide .article-header .eyebrow{margin-bottom:12px;font-size:11px}
.draft-guide .article-header h1{font-size:clamp(36px,4vw,48px);line-height:1.1;max-width:820px}
.draft-guide .article-header .hero-lead{font-size:16px;line-height:1.75;max-width:750px;margin:16px 0 0}
.draft-guide .article-header .hero-note{font-size:12px;line-height:1.6;margin:13px 0 0}
.draft-essentials{max-width:1040px;margin-bottom:35px}
.draft-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 18px;border:1px solid var(--line);border-radius:5px;background:var(--paper-white)}
.draft-facts>div{padding:16px 20px;min-width:0}
.draft-facts>div+div{border-left:1px solid var(--line)}
.draft-facts dt{font-size:12px;line-height:1.4;color:var(--muted);margin-bottom:5px}
.draft-facts dd{font:500 34px/1.15 var(--serif);letter-spacing:-.03em;margin:0}
.draft-facts dd>span{display:block;font:11px/1.5 var(--sans);letter-spacing:0;color:var(--muted);margin-top:3px}
.draft-start-actions{display:flex;flex-wrap:wrap;gap:10px}
.draft-start-actions .button,.draft-next .button{font-size:13px;min-height:44px}
.draft-scope{font-size:13px;line-height:1.7;color:var(--muted);margin:14px 0 0;max-width:820px}
.draft-guide .article-layout{max-width:1040px;display:grid;grid-template-columns:200px minmax(0,1fr);gap:52px;align-items:start;padding-bottom:56px}
.draft-guide .article-body{max-width:780px;min-width:0;padding-bottom:0}
.draft-guide .article-body p,.draft-guide .article-body li{font-size:16px;line-height:1.8}
.draft-guide .article-body h2{font-size:30px;line-height:1.2;margin:0 0 17px;scroll-margin-top:30px}
.draft-guide .article-body h3{font-size:19px;line-height:1.4;margin:0 0 12px}
.draft-guide .article-body>section{margin-bottom:40px}
.draft-guide [tabindex="-1"]:focus-visible{outline:3px solid #95700b;outline-offset:6px}
.draft-toc{position:sticky;top:24px;border-top:2px solid var(--green);padding-top:18px;min-width:0}
.draft-toc-title{font-size:10px;font-weight:700;letter-spacing:.12em;margin:0 0 13px}
.draft-toc summary{display:none}
.draft-toc ol{list-style:none;counter-reset:guide-topic;padding:0;margin:0}
.draft-toc li{margin:0;counter-increment:guide-topic}
.draft-toc a{display:flex;align-items:baseline;gap:10px;padding:10px 0;font-size:13px;line-height:1.5;color:var(--muted);text-decoration:none}
.draft-toc a:before{content:counter(guide-topic,decimal-leading-zero);font-size:10px;color:var(--green);font-weight:600}
.draft-toc a:hover{text-decoration:underline;color:var(--ink)}
.draft-pack-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:21px 0;padding:0}
.draft-pack-flow li{position:relative;border:1px solid var(--line);border-radius:5px;background:var(--paper-white);padding:16px;min-width:0;margin:0}
.draft-pack-flow li:not(:last-child):after{content:"→";position:absolute;right:-14px;top:50%;transform:translateY(-50%);width:14px;text-align:center;color:var(--green)}
.draft-pack-flow .draft-pack-label{display:block;font-size:10px;letter-spacing:.1em;font-weight:650;color:var(--muted);margin-bottom:7px}
.draft-pack-flow strong{display:block;font-size:18px;line-height:1.4;margin-bottom:4px}
.draft-pack-flow li>span:last-child{display:block;font-size:13px;color:var(--muted)}
.draft-comparison{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left;margin:20px 0 0;font-size:14px;line-height:1.6}
.draft-comparison caption{text-align:left;color:var(--muted);font-size:12px;line-height:1.6;padding-bottom:10px}
.draft-comparison th,.draft-comparison td{padding:13px 14px;vertical-align:top;border:1px solid var(--line);overflow-wrap:break-word}
.draft-comparison thead th{background:var(--green);color:var(--paper-white);font-size:13px;line-height:1.5}
.draft-comparison thead th:first-child{width:22%}
.draft-comparison tbody th{background:var(--sage);font-size:13px;line-height:1.6}
.draft-comparison td{background:var(--paper-white)}
.draft-scenario{border:1px solid var(--line);border-left:3px solid #879d6d;border-radius:0 5px 5px 0;background:var(--sage);padding:21px 23px;margin:22px 0}
.draft-guide .draft-scenario .draft-scenario-label{font-size:10px;line-height:1.5;font-weight:700;letter-spacing:.09em;margin:0 0 10px;color:#526b44}
.draft-guide .draft-scenario p:last-child{margin-bottom:0}
.draft-identity-pair{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.draft-identity-pair>span:not([aria-hidden]){display:inline-block;padding:5px 10px;background:var(--paper-white);border:1px solid var(--line);border-radius:3px;font-size:13px;font-weight:600}
.draft-fallback-cases .draft-scenario{margin:18px 0}
.draft-case-result{border-top:1px solid #c6d0b9;padding-top:13px}
.draft-guide .article-body .draft-source-note{font-size:12px;margin-top:16px}
.draft-source-note .source-link{font-size:12px}
.draft-pregame{margin:16px 0 22px;padding-left:1.3em}
.draft-pregame li+li{margin-top:10px}
.draft-guide .article-body .draft-game-note{border-left:2px solid var(--line);padding-left:18px;font-size:14px;color:var(--muted)}
.draft-guide .article-body .draft-sources{border-top:1px solid var(--line);padding-top:25px;margin-bottom:25px}
.draft-guide .draft-sources h2{font:650 16px/1.4 var(--sans);letter-spacing:0;margin-bottom:12px}
.draft-guide .article-body .draft-sources p,.draft-guide .article-body .draft-sources li{font-size:13px;line-height:1.8}
.draft-sources ul{padding-left:1.2em;margin:12px 0 0}
.draft-sources .source-link{font-size:13px}
.draft-next{border-top:1px solid var(--line);padding-top:25px}
.draft-guide .article-body .draft-next p{font-size:13px;margin:15px 0 0;line-height:1.8}
.draft-next p>span{padding:0 8px}
@media(max-width:900px){
  .draft-guide .article-layout{grid-template-columns:minmax(0,1fr);gap:25px;max-width:780px}
  .draft-toc{position:static;background:var(--sage);border:1px solid var(--line);border-radius:5px;padding:0}
  .draft-toc-title{display:none}
  .draft-toc summary{display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:13px;font-weight:650;padding:15px 18px;cursor:pointer}
  .draft-toc summary::-webkit-details-marker{display:none}
  .draft-toc summary>span{font-size:20px;line-height:1}
  .draft-toc details[open]>summary>span{transform:rotate(45deg)}
  .draft-toc ol{padding:0 18px 14px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
  .draft-toc a{padding:10px 0;min-height:44px}
}
@media(max-width:600px){
  .draft-guide .article-header{padding:24px 0 16px}
  .draft-guide .breadcrumbs{margin-bottom:13px}
  .draft-guide .article-header h1{font-size:36px;line-height:1.08}
  .draft-guide .article-header .eyebrow{font-size:10px;margin-bottom:12px}
  .draft-guide .article-header .hero-lead{font-size:15px;line-height:1.7;margin-top:14px}
  .draft-guide .article-header .hero-note{font-size:11px;margin-top:12px}
  .draft-essentials{margin-bottom:25px}
  .draft-facts{grid-template-columns:1fr 1fr;margin-bottom:14px}
  .draft-facts>div{padding:12px 14px}
  .draft-facts>div:nth-child(3){border-left:0}
  .draft-facts>div:nth-child(n+3){border-top:1px solid var(--line)}
  .draft-facts dt{font-size:11px}
  .draft-facts dd{font-size:29px}
  .draft-facts dd>span{font-size:10px}
  .draft-start-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .draft-start-actions .button{font-size:13px;justify-content:space-between}
  .draft-scope{font-size:12px;line-height:1.7;margin-top:12px}
  .draft-guide .article-layout{gap:24px;padding-bottom:38px}
  .draft-guide .article-body h2{font-size:27px;margin-bottom:16px}
  .draft-guide .article-body>section{margin-bottom:33px}
  .draft-guide .article-body p,.draft-guide .article-body li{font-size:16px;line-height:1.8}
  .draft-toc ol{grid-template-columns:1fr;gap:0}
  .draft-pack-flow{gap:12px;grid-template-columns:1fr;margin:18px 0}
  .draft-pack-flow li{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:1px 12px;padding:13px 16px}
  .draft-pack-flow .draft-pack-label{grid-row:1/3;margin:0}
  .draft-pack-flow strong{font-size:18px;margin:0}
  .draft-pack-flow li>span:last-child{grid-column:2}
  .draft-pack-flow li:not(:last-child):after{right:auto;left:24px;top:auto;bottom:-14px;transform:rotate(90deg);width:14px}
  .draft-comparison{font-size:14px;line-height:1.6}
  .draft-comparison th,.draft-comparison td{padding:10px 8px}
  .draft-comparison thead th,.draft-comparison tbody th{font-size:12px;line-height:1.6}
  .draft-comparison thead th:first-child{width:24%}
  .draft-scenario{padding:18px 17px;margin:20px 0}
  .draft-guide .article-body h3{font-size:19px}
  .draft-guide .article-body .draft-game-note{font-size:14px;padding-left:14px}
  .draft-next .button{width:100%;justify-content:space-between}
}
@media print{
  .draft-guide .article-header{padding:15px 0}
  .draft-guide .article-layout{display:block;max-width:none;padding:0}
  .draft-toc,.draft-start-actions,.draft-next{display:none}
  .draft-guide .article-body{max-width:none}
  .draft-guide .article-body p,.draft-guide .article-body li{font-size:10pt;line-height:1.5}
  .draft-guide .article-body h2{font-size:18pt;break-after:avoid}
  .draft-pack-flow{display:grid;grid-template-columns:repeat(3,1fr)}
  .draft-pack-flow li{display:block}
  .draft-pack-flow li:not(:last-child):after{content:none}
  .draft-scenario,.draft-comparison tr{break-inside:avoid}
}