.guide-page { padding-block: var(--space-12); }
.guide-quick { border-block: 1px solid var(--color-border); padding-block: var(--space-6); margin-bottom: var(--space-10); }
.guide-quick p { color: var(--color-muted); font-size: var(--text-sm); margin-block: var(--space-2); }
.guide-key-grid { display: flex; flex-wrap: wrap; gap: var(--space-6) var(--space-10); margin-top: var(--space-5); }
.guide-key-grid>span { display: flex; align-items: center; gap: var(--space-2); font-size: var(--text-sm); }
.guide-key-grid small { color: var(--color-muted); font-size: var(--text-xs); }
kbd { display: inline-grid; place-items: center; min-width: 2.1em; min-height: 2.1em; padding: var(--space-1) var(--space-2); border: 1px solid var(--color-border); border-bottom-width: 3px; font: 600 var(--text-sm) var(--font-body); background: var(--color-surface); }
.guide-quick .guide-key-source { margin-top: var(--space-5); font-size: var(--text-xs); }
.guide-tools { display: flex; align-items: end; gap: var(--space-4); margin-bottom: var(--space-10); }
.guide-tools>div { flex: 1; }
.guide-tools label { display: block; font-size: var(--text-sm); margin-bottom: var(--space-3); }
.guide-tools input { width: 100%; min-height: 52px; border: 1px solid var(--color-border); padding: var(--space-3) var(--space-4); background: var(--color-surface); color: var(--color-text); font: inherit; border-radius: 0; }
.guide-tools input:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 3px; }
.guide-layout { display: grid; grid-template-columns: minmax(200px, .65fr) minmax(0, 2fr); gap: var(--space-10); align-items: start; }
.guide-categories { display: flex; flex-direction: column; gap: var(--space-2); position: sticky; top: 110px; }
.guide-categories>.eyebrow { margin-bottom: var(--space-3); }
.guide-categories button { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); width: 100%; min-height: 46px; border: 1px solid transparent; background: transparent; color: var(--color-muted); padding: var(--space-3); text-align: left; font: inherit; cursor: pointer; }
.guide-categories button[aria-pressed="true"] { background: var(--color-surface); border-color: var(--color-border); color: var(--color-text); }
.guide-categories button:hover { color: var(--color-text); }
.guide-categories button span { font-size: var(--text-xs); }
.guide-categories>.text-link { margin-top: var(--space-5); font-size: var(--text-sm); }
.guide-count { color: var(--color-muted); font-size: var(--text-xs); margin-bottom: var(--space-4); }
.guide-answer { border-top: 1px solid var(--color-border); }
.guide-answer:last-child { border-bottom: 1px solid var(--color-border); }
.guide-answer summary { display: flex; justify-content: space-between; gap: var(--space-5); cursor: pointer; padding-block: var(--space-6); list-style: none; }
.guide-answer summary::-webkit-details-marker, .guide-mod-index summary::-webkit-details-marker { display: none; }
.guide-answer summary>span:first-child { min-width: 0; }
.guide-answer summary small { display: block; color: var(--color-muted); font-size: var(--text-xs); letter-spacing: .1em; margin-bottom: var(--space-3); }
.guide-answer summary strong { display: block; font-family: var(--font-body); font-size: var(--text-lg); line-height: 1.4; }
.guide-summary { display: block; color: var(--color-muted); font-size: var(--text-sm); line-height: 1.6; margin-top: var(--space-2); }
.guide-plus { flex: none; font-size: var(--text-xl); color: var(--color-accent); align-self: center; transition: transform .18s ease; }
.guide-answer[open] .guide-plus { transform: rotate(45deg); }
.guide-answer-body { padding: 0 0 var(--space-8); }
.guide-answer-body ol { padding-left: var(--space-6); margin: 0; }
.guide-answer-body li { padding-left: var(--space-2); margin-bottom: var(--space-4); font-size: var(--text-base); line-height: 1.8; overflow-wrap: anywhere; }
.guide-cite { font-size: var(--text-xs); white-space: nowrap; color: var(--color-muted); text-decoration: underline; text-underline-offset: 3px; }
.guide-cite:hover { color: var(--color-text); }
.guide-tip { margin-top: var(--space-6); padding: var(--space-5); font-size: var(--text-sm); line-height: 1.8; background: var(--color-surface); color: var(--color-muted); }
.guide-tip strong { color: var(--color-text); }
.guide-empty { padding: var(--space-8); border: 1px solid var(--color-border); }
.guide-empty h2 { font-size: var(--text-xl); }
.guide-empty p { margin-block: var(--space-4); color: var(--color-muted); line-height: 1.8; }
.guide-mod-index { margin-top: var(--space-16); border-block: 1px solid var(--color-border); }
.guide-mod-index summary { display: flex; justify-content: space-between; gap: var(--space-4); padding-block: var(--space-6); cursor: pointer; list-style: none; font-size: var(--text-lg); }
.guide-mod-index summary small { display: block; font-size: var(--text-sm); color: var(--color-muted); margin-top: var(--space-2); }
.guide-mod-body { padding-bottom: var(--space-8); }
.guide-mod-body>p { color: var(--color-muted); line-height: 1.8; max-width: 75ch; }
.guide-mod-body h3 { font-size: var(--text-xl); margin-block: var(--space-8) var(--space-4); }
.guide-mod-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 var(--space-8); list-style: none; padding: 0; }
.guide-mod-list li { display: flex; justify-content: space-between; gap: var(--space-3); padding-block: var(--space-3); border-bottom: 1px solid var(--color-border); font-size: var(--text-sm); }
.guide-mod-list small { flex-shrink: 0; color: var(--color-muted); font-size: var(--text-xs); }
.guide-footer { display: flex; align-items: center; justify-content: space-between; gap: var(--space-8); padding-block: var(--space-12) var(--space-4); }
.guide-footer h2 { font-size: var(--text-xl); }
.guide-footer p { color: var(--color-muted); line-height: 1.8; max-width: 65ch; margin-top: var(--space-4); }
.guide-footer .button { flex-shrink: 0; }
@media(max-width:900px) {
 .guide-layout { grid-template-columns: 1fr; gap: var(--space-6); }
 .guide-categories { position: static; flex-direction: row; flex-wrap: wrap; gap: var(--space-2); }
 .guide-categories>.eyebrow { width: 100%; }
 .guide-categories button { width: auto; font-size: var(--text-sm); }
 .guide-categories>.text-link { width: 100%; margin-top: var(--space-2); }
 .guide-footer { flex-direction: column; align-items: start; }
}
@media(max-width:600px) {
 .guide-tools { align-items: stretch; flex-direction: column; }
 .guide-tools .button { align-self: start; }
 .guide-key-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }
 .guide-mod-list { grid-template-columns: 1fr; }
 .guide-mod-list li { flex-wrap: wrap; }
 .guide-answer summary { gap: var(--space-3); }
 .guide-answer summary strong { font-size: var(--text-lg); }
}
@media(prefers-reduced-motion:reduce) { .guide-plus { transition: none; } }

.guide-exp{margin-bottom:var(--space-12)}
.guide-exp-head h2{font-size:var(--text-xl);margin:var(--space-4) 0 var(--space-2)}
.guide-exp-head p{color:var(--color-muted);font-size:var(--text-sm);margin-bottom:var(--space-6)}
.guide-exp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border)}
.guide-exp-card{all:unset;box-sizing:border-box;cursor:pointer;background:var(--color-bg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);transition:background .2s}
.guide-exp-card:hover,.guide-exp-card:focus-visible{background:var(--color-surface)}
.guide-exp-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}
.guide-exp-card .number{color:var(--color-accent);font-size:var(--text-xs);font-weight:700}
.guide-exp-card small{font-size:var(--text-xs);letter-spacing:.14em;color:var(--color-muted)}
.guide-exp-card strong{font-size:var(--text-lg);line-height:1.2}
.guide-exp-card>span:not(.number){color:var(--color-muted);font-size:var(--text-sm)}
.guide-exp-card em{font-style:normal;color:var(--color-accent);font-size:var(--text-sm);font-weight:600;margin-top:auto;padding-top:var(--space-3)}
@media(max-width:900px){.guide-exp-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.guide-exp-grid{grid-template-columns:1fr}}

.bbp-school{border:1px solid var(--color-border);background:var(--color-surface);margin-bottom:var(--space-12);scroll-margin-top:110px}
.bbp-head{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-8);padding:var(--space-8);border-bottom:1px solid var(--color-border)}
.bbp-head h2{font-size:var(--text-xl);margin:var(--space-4) 0 var(--space-3)}
.bbp-head p{color:var(--color-muted);font-size:var(--text-sm);max-width:560px}
.bbp-kit{border-left:2px solid var(--color-accent);padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);align-self:center}
.bbp-kit small{font-size:var(--text-xs);letter-spacing:.14em;color:var(--color-muted)}
.bbp-kit strong{font-size:var(--text-base)}.bbp-kit span{color:var(--color-muted);font-size:var(--text-sm)}
.bbp-stages{list-style:none;margin:0;padding:0}
.bbp-stage{display:grid;grid-template-columns:72px 1fr;border-bottom:1px solid var(--color-border)}
.bbp-num{font-weight:700;color:var(--color-accent);font-size:var(--text-lg);padding:var(--space-6) 0 0 var(--space-8)}
.bbp-body{padding:var(--space-6) var(--space-8) var(--space-6) 0}
.bbp-title{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap}
.bbp-title h3{font-size:var(--text-lg)}
.bbp-title span{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}
.bbp-body ul{margin:0;padding-left:1.1em;display:grid;gap:var(--space-2);font-size:var(--text-sm)}
.bbp-body ul li::marker{color:var(--color-accent)}
.bbp-note{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg);border-left:2px solid var(--color-accent);padding:var(--space-3) var(--space-4)}
.bbp-recipes{padding:var(--space-8)}
.bbp-recipes-head h3{font-size:var(--text-lg);margin:var(--space-3) 0 var(--space-2)}
.bbp-recipes-head p{color:var(--color-muted);font-size:var(--text-sm);margin-bottom:var(--space-5)}
.bbp-table-wrap{overflow-x:auto;border:1px solid var(--color-border)}
.bbp-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);min-width:720px}
.bbp-table th,.bbp-table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:top}
.bbp-table thead th{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);background:var(--color-bg)}
.bbp-table tbody th{font-weight:600;white-space:nowrap}.bbp-table td{color:var(--color-muted)}
.bbp-table tr:last-child th,.bbp-table tr:last-child td{border-bottom:0}
.bbp-extras{list-style:none;padding:0;margin:var(--space-5) 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}
.bbp-extras li{display:flex;flex-direction:column;gap:2px;font-size:var(--text-sm);border:1px solid var(--color-border);padding:var(--space-3) var(--space-4)}
.bbp-extras span{color:var(--color-muted)}
@media(max-width:800px){.bbp-head{grid-template-columns:1fr;padding:var(--space-6)}.bbp-stage{grid-template-columns:48px 1fr}.bbp-num{padding:var(--space-5) 0 0 var(--space-4);font-size:var(--text-base)}.bbp-body{padding:var(--space-5) var(--space-5) var(--space-5) 0}.bbp-recipes{padding:var(--space-6) var(--space-4)}}
.bunker-table{min-width:480px}
.bbp-title h3{flex:1 1 auto;min-width:0}