body[data-rendering="static"] .layout-shell { max-width:1280px; margin-top:0; }
body[data-rendering="static"] .main-content { flex:1 1 auto; min-width:0; padding-top:2px; padding-bottom:28px; }
.site-intro { margin-top:0; padding-top:0; }
.site-intro .subpage-title { margin:0 0 4px; color:var(--accent); font-size:1.35rem; line-height:1.4; text-align:left; }
.site-intro-top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:6px 0 8px; }
.site-intro-links { display:flex; flex-wrap:wrap; gap:8px; }
.site-intro-top .subpage-back-link { margin:0; }
.site-intro-top .page-updated-at { position:static; flex:0 0 auto; text-align:right; }
.guide-toc ul { margin:0; padding-left:1.4em; columns:2 240px; }
.guide-toc li { padding:5px 0; break-inside:avoid; }
.guide-section { margin:16px 0; scroll-margin-top:20px; }
.guide-group { scroll-margin-top:20px; margin-top:28px; }
.guide-group > h2 { display:flex; align-items:center; gap:8px; color:var(--accent); font-size:1.3rem; line-height:1.5; padding-bottom:8px; border-bottom:2px solid var(--brand-light); }
.guide-section > h3 { display:flex; align-items:center; gap:8px; font-size:1.2rem; line-height:1.5; color:var(--accent); margin:0 0 12px; padding-bottom:8px; border-bottom:2px dashed var(--brand-light); }
.guide-section > h3::before { content:"★"; color:#fca5a5; }
.guide-title-part { display:inline-block; max-width:100%; }
.guide-title-text { min-width:0; }
.guide-block h4 { font-size:1.05rem; line-height:1.5; margin:0 0 8px; color:var(--text-main); }
.guide-block h5 { font-size:.95rem; line-height:1.6; margin:18px 0 8px; }
.guide-section p, .guide-section li { line-height:1.8; overflow-wrap:anywhere; }
.guide-block { margin:16px 0; padding:16px; border:1px solid var(--brand-light); border-radius:12px; background:#fff; scroll-margin-top:20px; }
.guide-block ol, .guide-block ul { margin:8px 0 0; padding-left:1.5em; }
.guide-block li + li { margin-top:8px; }
.guide-section a { text-underline-offset:3px; }
.guide-controls { display:flex; flex-wrap:wrap; align-items:end; gap:10px; margin:14px 0 10px; }
.guide-controls .guide-field { display:grid; gap:4px; min-width:0; }
.guide-controls label { font-weight:700; font-size:.88rem; }
.guide-controls .guide-field:first-child { flex:1 1 220px; }
.guide-controls input, .guide-controls select { font:inherit; border:1px solid #b88ea1; border-radius:8px; padding:10px; min-height:44px; max-width:100%; background:#fff; color:var(--text-main); }
.guide-controls button, .guide-sort { font:inherit; cursor:pointer; border:1px solid #b88ea1; border-radius:8px; background:#fff; color:var(--accent); min-height:44px; padding:8px 12px; }
.guide-sort.is-active { background:#ffe8f2; }
.guide-count { display:block; margin:8px 0; color:var(--text-muted); }
.guide-table { border-collapse:collapse; width:100%; table-layout:fixed; font-size:.9rem; }
.guide-table th, .guide-table td { border:1px solid var(--brand-light); padding:10px; text-align:left; vertical-align:top; overflow-wrap:anywhere; line-height:1.7; }
.guide-table th { background:#fff0f6; color:var(--accent); }
.guide-table th:first-child { width:24%; }
.guide-table td p { margin:0; }
.guide-list .character-card { margin:0 0 10px; padding:12px; display:block; border:1px solid var(--brand-light); border-radius:12px; background:#fff; }
.guide-cell { padding:4px 0; font-size:.92rem; line-height:1.7; overflow-wrap:anywhere; }
.guide-cell:first-child { font-weight:700; color:var(--accent); }
.guide-cell:empty { display:none; }
.guide-cell:not(:first-child)::before { content:attr(data-label) "："; font-weight:700; }
.guide-small { font-size:.9rem; color:var(--text-muted); }
.guide-empty { padding:18px; border:1px dashed #b88ea1; border-radius:12px; }
.guide-back { display:inline-block; margin-top:10px; }
.guide-mobile-sort { display:flex; flex-wrap:wrap; gap:6px; margin:8px 0; }
.guide-table .guide-sort { border:0; background:transparent; padding:0 4px; min-height:36px; text-align:left; }
.guide-section :is(input,select,button,a):focus-visible { outline:3px solid #684273; outline-offset:3px; }
@media(max-width:850px) { .guide-table { font-size:.88rem; } .guide-block { padding:12px; } }
@media(max-width:600px) {
 .guide-simple-table .guide-table, .guide-simple-table tbody { display:block; }
 .guide-simple-table thead { display:none; }
 .guide-simple-table tr { display:block; padding:8px 10px; margin-bottom:10px; border:1px solid var(--brand-light); border-radius:10px; background:#fff; }
 .guide-simple-table td { display:block; width:auto; border:0; padding:4px 0; }
 .guide-simple-table td:first-child { font-weight:700; color:var(--accent); }
 .guide-simple-table td:not(:first-child)::before { content:attr(data-label) "："; font-weight:700; }
 body[data-rendering="static"] .main-content { padding:6px 8px 8px; }
 .site-intro-top { align-items:flex-start; margin-bottom:6px; }
 .guide-controls { gap:8px; }
 .guide-controls .guide-field { flex:1 1 100%; width:100%; }
 .guide-controls input,.guide-controls select { width:100%; box-sizing:border-box; }
 .guide-section { padding:14px 12px; }
 .guide-toc ul { columns:1; }
 .guide-block ol { padding-left:1.3em; }
 .guide-section > h3 { font-size:1.12rem; }
 .guide-group > h2 { font-size:1.2rem; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }