@font-face { font-family: "KyMon Source Serif"; src: url("/fonts/kymon-source-serif.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+2E80-10FFFF; }
.header-actions { flex-wrap: wrap; }
.profile-support { border-left: 2px solid var(--bronze); padding: 12px 14px; color: var(--ink-soft); font-size: .86rem; line-height: 1.7; }
.profile-support-details { margin: 0 0 20px; font-size: .84rem; color: var(--muted); }
.profile-support-details summary, .study-more summary { cursor: pointer; padding: 9px 0; color: var(--bronze-light); }
.study-toolbar, .inline-actions { flex-wrap: wrap; gap: 8px; }
.study-toolbar { display: flex; margin: 12px 0 8px; }
.study-dialog { width: min(960px, calc(100vw - 32px)); max-width: none; max-height: 88dvh; overflow-y: auto; box-sizing: border-box; padding: 26px; background: var(--surface); color: var(--ink); border: 1px solid var(--bronze-dark); border-radius: 16px; }
.study-dialog-wide { width: min(1360px, calc(100vw - 32px)); }
.study-dialog::backdrop { background: rgb(0 0 0 / 76%); }
.study-dialog .dialog-heading { gap: 16px; align-items: flex-start; }
.study-dialog h2 { font-size: 1.5rem; }
.study-dialog h3 { font-size: 1rem; line-height: 1.55; margin: 0 0 10px; overflow-wrap: anywhere; }
.study-dialog .field { min-width: 0; }
.study-dialog select, .study-dialog input { width: 100%; min-width: 0; }
.study-dialog .check-field input { width: auto; }
.study-dialog .muted, .study-dialog small { color: var(--muted); line-height: 1.7; }
.study-dialog p { overflow-wrap: anywhere; }
.study-dialog .inline-actions { margin: 16px 0; display: flex; align-items: center; }
.study-dialog button:disabled { opacity: .5; cursor: not-allowed; }
.study-more { margin: 16px 0; }
.study-more .form-grid { padding: 12px 0; }
.study-results { display: grid; gap: 14px; margin: 16px 0; }
.study-card { border: 1px solid var(--line); background: var(--plate-deep); border-radius: 10px; padding: 18px; min-width: 0; }
.study-card p { line-height: 1.7; font-size: .9rem; }
.study-card details { padding: 10px 0; }
.study-card summary { color: var(--bronze-light); cursor: pointer; }
.study-card a { color: var(--bronze-light); text-decoration: underline; text-underline-offset: 3px; }
.rule-original { white-space: pre-wrap; font-family: "KyMon Source Serif", "Noto Serif CJK SC", "Songti SC", serif; line-height: 1.9 !important; }
.rule-card { font-family: var(--sans), "KyMon Source Serif", serif; }
.rule-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.rule-links button { font-size: .78rem; }
.study-filter-form { border-bottom: 1px solid var(--line); padding-bottom: 16px; margin-bottom: 18px; }
.study-filter-form .inline-actions { margin-top: 14px; }
.study-filter-form .muted { font-size: .8rem; line-height: 1.6; }
.comparison-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 16px 0; }
.comparison-controls > div { min-width: 0; }
.comparison-palaces { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 22px 0; }
.comparison-changed { border-color: var(--bronze-light); background: var(--surface-raised); }
.comparison-table-wrap { overflow-x: auto; margin: 12px 0; }
.comparison-table { border-collapse: collapse; width: 100%; font-size: .8rem; }
.comparison-table th, .comparison-table td { text-align: left; vertical-align: top; padding: 8px; border: 1px solid var(--line-soft); overflow-wrap: anywhere; min-width: 70px; }
.comparison-table th { color: var(--bronze-light); font-weight: 600; }
.comparison-layer { border-top: 1px solid var(--line); padding: 14px 0; }
.comparison-layer summary { cursor: pointer; color: var(--bronze-light); }
.comparison-data { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 360px; overflow-y: auto; background: var(--plate-deep); padding: 12px; font-size: .78rem; line-height: 1.6; }
.election-fieldset { border: 1px solid var(--line); border-radius: 8px; margin: 16px 0; padding: 12px; }
.election-fieldset legend { color: var(--bronze-light); padding: 0 6px; }
.election-checks { display: flex; flex-wrap: wrap; gap: 10px 20px; }
.election-checks .check-field { margin: 4px 0; }
.election-day { border-top: 1px solid var(--bronze-dark); padding-top: 18px; margin-top: 12px; }
.election-day .study-card { margin: 12px 0; }
.election-day summary { line-height: 1.8; }
.election-verdict { color: var(--bronze-light); font-weight: 600; }
.election-result-context { border-left: 2px solid var(--bronze); padding: 10px 14px; }
.situation-panel { line-height: 1.8; }
.situation-panel h3, .situation-panel h4 { color: var(--bronze-light); }
.situation-panel p, .situation-panel li { overflow-wrap: anywhere; }
.situation-panel a { color: var(--bronze-light); text-decoration: underline; }
.situation-roles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.situation-panel .inline-actions { display: flex; }
@media (max-width: 760px) {
  .situation-roles, .situation-panel .form-grid.two-columns { grid-template-columns: 1fr; }
  .study-dialog { padding: 18px 14px; width: calc(100vw - 16px); max-height: 92dvh; }
  .study-dialog .form-grid.two-columns, .comparison-controls { grid-template-columns: 1fr; }
  .comparison-palaces { grid-template-columns: 1fr; }
  .study-toolbar .tool-button { flex: 1 1 42%; }
  .header-actions .header-button { padding: 7px 9px; font-size: .76rem; }
}