:root{color-scheme:light;--color-bg:#f7f8f4;--color-surface:#fff;--color-text:#17211b;--color-muted:#5f6f66;--color-line:#dfe7df;--color-accent:#1d7d56;--color-accent-strong:#105c3d;--color-warning-bg:#fff8df;--color-warning-line:#d99a24}*{box-sizing:border-box}html,body{overflow-x:hidden}html{background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.75}body{margin:0}button,input,summary{touch-action:manipulation}.rules-page{width:min(100% - 32px,1100px);margin:0 auto;padding:40px 0 64px}.rules-hero{border-bottom:1px solid var(--color-line);padding:32px 0 24px}.rules-eyebrow{color:var(--color-accent-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.85rem;font-weight:700}.rules-hero h1{margin:0;font-size:clamp(2rem,6vw,4rem);line-height:1.1}.rules-hero p:last-child{color:var(--color-muted);margin:14px 0 0;font-size:1.05rem}.rules-section{margin-top:32px}.rules-section h2{border-bottom:2px solid var(--color-line);margin:0 0 16px;padding-bottom:8px;font-size:clamp(1.4rem,4vw,2rem);line-height:1.3}.summary-grid,.change-list,.yaku-grid,.glossary-grid{grid-template-columns:1fr;gap:12px;display:grid}.summary-card,.change-card,.rule-card,.accordion-list details{border:1px solid var(--color-line);background:var(--color-surface);border-radius:8px}.summary-card,.change-card,.rule-card{padding:14px}.summary-card p,.summary-card strong,.rule-card h3,.rule-card p,.change-card h3,.change-card p{overflow-wrap:anywhere}.summary-card p,.reading,.legend,.rule-note{color:var(--color-muted);margin:0}.summary-card strong{margin-top:4px;font-size:1rem;line-height:1.5;display:block}.change-card h3,.rule-card h3{margin:0;font-size:1.05rem;line-height:1.4}.change-table-wrap{display:none}.change-table{border-collapse:collapse;border:1px solid var(--color-line);background:var(--color-surface);border-radius:8px;width:100%;overflow:hidden}.change-table th,.change-table td{border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:12px 14px}.change-table thead th{color:var(--color-accent-strong);background:#f6f8f5;font-size:.9rem}.change-table tbody th{color:var(--color-text);font-weight:700}.change-table tbody tr:last-child th,.change-table tbody tr:last-child td{border-bottom:0}.change-card dl{gap:8px;margin:12px 0;display:grid}.change-card dl>div{background:#f6f8f5;border-radius:6px;padding:10px}.change-card dt{color:var(--color-muted);font-size:.82rem;font-weight:700}.change-card dd{margin:2px 0 0}.accordion-list{gap:12px;display:grid}.accordion-list summary{cursor:pointer;min-height:48px;color:var(--color-accent-strong);padding:14px 16px;font-weight:700}.accordion-list ul{margin:0;padding:0 16px 16px 34px}.accordion-list li+li{margin-top:8px}.card-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.card-heading span,.tag-row span{color:var(--color-accent-strong);background:#eef5ee;border-radius:999px;flex:none;padding:7px 9px;font-size:.78rem;font-weight:700;line-height:1}.tag-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.rule-card p{margin:8px 0 0}.rule-note{margin-top:32px}.search-panel{border:1px solid var(--color-line);background:var(--color-surface);border-radius:8px;margin-top:24px;padding:14px}.search-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.search-heading h2{margin:0;font-size:1.15rem}.clear-button,.filter-group button{border:1px solid var(--color-line);min-height:44px;color:var(--color-text);font:inherit;background:#f8faf7;border-radius:8px;font-weight:700}.clear-button{padding:0 12px}.search-input-label{color:var(--color-muted);margin-top:14px;font-size:.9rem;font-weight:700;display:block}.search-input{border:1px solid var(--color-line);width:100%;min-height:48px;color:var(--color-text);font:inherit;border-radius:8px;margin-top:6px;padding:0 12px}.filter-group{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.filter-group button{padding:0 12px}.filter-group button[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.advanced-filters{border:1px solid var(--color-line);background:#fbfcfa;border-radius:8px;margin-top:12px}.advanced-filters summary{cursor:pointer;min-height:44px;color:var(--color-accent-strong);padding:10px 12px;font-weight:700}.advanced-filters .filter-group{margin:0;padding:0 12px 12px}.search-results{border-top:1px solid var(--color-line);margin-top:18px;padding-top:16px}.result-count,.empty-result{color:var(--color-muted);margin:0;font-weight:700}.result-grid{grid-template-columns:1fr;gap:12px;margin-top:12px;display:grid}.result-meta{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.result-meta span{color:var(--color-accent-strong);background:#eef5ee;border-radius:999px;padding:6px 8px;font-size:.76rem;font-weight:700;line-height:1}.rules-page,.search-panel,.summary-card,.change-card,.rule-card{min-width:0}.filter-group button,.clear-button{white-space:normal;max-width:100%}@media (width<=720px){.rules-page{width:min(100% - 20px,1100px);padding-top:20px}.rules-hero{padding-top:20px}}@media (width>=760px){.summary-grid{grid-template-columns:repeat(3,1fr)}.yaku-grid,.glossary-grid{grid-template-columns:repeat(2,1fr)}.change-list--mobile{display:none}.change-table-wrap{display:block}.search-panel{padding:18px}.result-grid{grid-template-columns:repeat(2,1fr)}}