.strategy-guide article section { max-width:100%; }
.strategy-guide article ul, .strategy-guide article ol { max-width:72ch; padding-left:1.5rem; }
.strategy-priorities { display:grid; gap:8px; counter-reset:priority; list-style:none; padding:0!important; }
.strategy-priorities li { display:flex; align-items:center; gap:14px; background:var(--color-surface); border:1px solid var(--color-line); border-radius:var(--radius-md); padding:12px 16px; box-shadow:var(--shadow-sm); }
.strategy-priorities li::before { counter-increment:priority; content:counter(priority); display:grid; place-items:center; flex:none; width:34px; height:34px; border-radius:50%; color:#fff; background:var(--color-primary); font-weight:800; }
.strategy-callout,.strategy-widget { padding:20px; border:1px solid var(--color-line); border-radius:var(--radius-lg); background:var(--color-surface); box-shadow:var(--shadow-md); margin:22px 0; }
.strategy-callout { border-left:4px solid var(--color-primary); }
.strategy-callout p { margin:6px 0 12px; }
.strategy-callout label,.strategy-inline { display:inline-flex; align-items:center; gap:8px; cursor:pointer; }
.strategy-compare,.strategy-phase-grid,.strategy-memory { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:20px 0; }
.strategy-compare>div,.strategy-phase-grid>div,.strategy-memory>div,.strategy-state-row>div { background:var(--color-surface); border:1px solid var(--color-line); border-radius:var(--radius-md); padding:18px; box-shadow:var(--shadow-sm); }
.strategy-compare ul,.strategy-phase-grid ul { margin-bottom:0; }
.strategy-state-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:22px 0; }
.strategy-state-row>div { display:flex; flex-direction:column; align-items:center; gap:14px; text-align:center; }
.strategy-state-row .covered { opacity:.56; }
.strategy-state-row .side-blocked { outline:3px solid var(--color-danger); outline-offset:3px; }
.strategy-state-row .newly-free { outline:3px solid var(--color-primary); outline-offset:3px; }
.strategy-four-facts { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin:20px 0; }
.strategy-four-facts p { margin:0; padding:12px; background:var(--color-bg-alt); border-radius:var(--radius-sm); }
.strategy-widget h3 { margin-top:0; }
.strategy-four-tiles,.strategy-pairs { display:flex; gap:12px; flex-wrap:wrap; margin:18px 0; }
.strategy-four-button,.strategy-pair-button { cursor:pointer; font:inherit; color:var(--color-ink); background:var(--color-bg-alt); border:1px solid var(--color-line); border-radius:var(--radius-md); padding:12px; min-width:110px; box-shadow:var(--shadow-sm); }
.strategy-four-button { display:grid; place-items:center; gap:12px; }
.strategy-four-button.is-selected,.strategy-pair-button.is-selected { outline:3px solid var(--color-primary); outline-offset:2px; background:var(--color-surface); }
.strategy-four-button:focus-visible,.strategy-pair-button:focus-visible,.strategy-widget button:focus-visible,.strategy-widget select:focus-visible { outline:3px solid #111; outline-offset:3px; }
.strategy-feedback { min-height:88px; background:var(--color-bg-alt); border-radius:var(--radius-md); padding:16px; margin:15px 0; }
.strategy-feedback strong { color:var(--color-primary-dark); }
.strategy-chain-content { display:flex; flex-direction:column; gap:12px; min-height:125px; background:var(--color-bg-alt); border-radius:var(--radius-md); padding:18px; }
.strategy-chain-content .guide-mini-row { justify-content:flex-start; }
.strategy-chain-controls { display:flex; gap:12px; flex-wrap:wrap; margin-top:15px; }
.strategy-widget-head { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.strategy-widget select { font:inherit; color:var(--color-ink); background:var(--color-surface); border:1px solid var(--color-line); border-radius:var(--radius-sm); padding:9px 12px; }
.strategy-position { display:flex; justify-content:center; gap:8px; flex-wrap:wrap; padding:22px; margin-top:16px; background:var(--color-felt); border-radius:var(--radius-md); }
.strategy-position .mini-position { display:flex; flex-direction:column; align-items:center; gap:8px; color:#fff; font-size:.8rem; }
.strategy-position .guide-tile { width:46px; height:56px; }
.strategy-position.overview .mini-position[data-layer="top"] .guide-tile { outline:2px dashed #fff; outline-offset:3px; }
.strategy-position.overview .mini-position[data-blocks="yes"]::after { content:'◆ blockerar'; color:#fff; }
.strategy-position .mini-position.is-preview .guide-tile { outline:3px solid #63e09e; outline-offset:3px; }
.strategy-position .mini-position.is-removed { opacity:.25; }
.strategy-pair-button { display:flex; flex-direction:column; gap:5px; text-align:left; }
.strategy-pair-button small { color:var(--color-ink-soft); }
.strategy-side-meter { display:flex; gap:8px; flex-wrap:wrap; font-size:.85rem; margin:12px 0; }
.strategy-side-meter span { background:var(--color-bg-alt); padding:7px 10px; border-radius:var(--radius-sm); }
.strategy-memory { grid-template-columns:repeat(4,minmax(0,1fr)); }
.strategy-memory>div { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.strategy-memory h3,.strategy-memory p { margin:0; }
.strategy-decision { display:grid; gap:0; border:1px solid var(--color-line); border-radius:var(--radius-md); overflow:hidden; }
.strategy-decision dt,.strategy-decision dd { padding:10px 16px; margin:0; background:var(--color-surface); }
.strategy-decision dt { font-weight:800; border-top:1px solid var(--color-line); }
.strategy-decision dt:first-child { border-top:0; }
.strategy-decision dd { color:var(--color-ink-soft); }
@media(max-width:760px) { .strategy-memory { grid-template-columns:repeat(2,1fr); } .strategy-phase-grid { grid-template-columns:1fr; } }
@media(max-width:560px) { .strategy-compare,.strategy-state-row,.strategy-four-facts,.strategy-memory { grid-template-columns:1fr; } .strategy-widget { padding:15px; } .strategy-pair-button { flex:1 1 42%; min-width:0; } }