.beforekaki-dialog{--dialog-ink:var(--ink);--dialog-muted:var(--muted);--dialog-line:var(--line);--dialog-blue:var(--blue);box-sizing:border-box;width:min(620px,calc(100% - 32px));max-width:calc(100% - 32px);max-height:calc(100dvh - 48px);margin:auto;padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid var(--dialog-line);border-radius:20px;background:var(--card);color:var(--dialog-ink);font:inherit;box-shadow:0 24px 80px #171c1c26}.beforekaki-dialog--wide{width:min(900px,calc(100% - 32px))}.beforekaki-dialog::backdrop{background:#171c1c75;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.beforekaki-dialog *{box-sizing:border-box}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px 28px 22px;border-bottom:1px solid var(--dialog-line)}.dialog-kicker{margin:0 0 10px;color:var(--dialog-blue);font-size:12px;font-weight:700}.dialog-header h2{margin:0;font-size:26px;font-weight:800;line-height:1.3;letter-spacing:-.4px}.dialog-description{margin:10px 0 0;color:var(--dialog-muted);font-size:14px;line-height:1.6}.dialog-close{display:grid;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;color:var(--dialog-ink);background:var(--paper);border:1px solid var(--dialog-line);border-radius:50%;cursor:pointer}.beforekaki-dialog--wide .dialog-header{position:sticky;top:0;z-index:2;background:var(--card);padding-top:20px;padding-bottom:16px}.dialog-close:hover{background:var(--softblue)}.dialog-content{padding:24px 28px 28px}.dialog-demo-note{margin-bottom:24px;padding:15px 18px;background:var(--softgold);color:var(--gold-ink);border:1px solid var(--gold);border-radius:10px;font-size:14px;line-height:1.7}.dialog-demo-note strong{display:block;font-weight:700}.dialog-demo-note p{margin:4px 0 0}.dialog-demo-note--compact{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 12px;margin-bottom:20px}.dialog-demo-note--official{background:var(--softgreen);color:var(--green-ink);border-color:var(--green)}.help-steps{display:grid;gap:20px;margin:0 0 26px;padding-left:25px}.help-steps li{padding-left:5px;font-size:15px;line-height:1.65}.help-steps li::marker{color:var(--dialog-blue);font-weight:800}.help-steps strong{font-size:16px}.help-steps p{margin:4px 0 0;color:var(--dialog-muted)}.help-section{padding-top:22px;border-top:1px solid var(--dialog-line)}.help-section h3{margin:0 0 8px;font-size:18px}.help-section p{margin:0;font-size:14px;line-height:1.7;color:var(--dialog-muted)}.help-bands{display:grid;gap:10px;margin:16px 0;padding:0;list-style:none;font-size:14px}.help-bands li{display:flex;align-items:center;gap:10px;line-height:1.6}.help-swatch{flex:0 0 18px;height:18px;border-radius:4px}.help-swatch--green{background:#4b9975}.help-swatch--blue{background:#2862be}.help-swatch--orange{background:#e46d3e}.help-swatch--gray{background:#c4c7c4}.help-swatch--empty{background:var(--card);border:1px solid #989e99}.help-section .help-caution{color:var(--dialog-ink);font-weight:600}.help-source{margin:24px 0 0;padding-top:20px;border-top:1px solid var(--dialog-line);color:var(--dialog-muted);font-size:12px;line-height:1.8}.help-source a{color:var(--dialog-blue);text-decoration-thickness:1px;text-underline-offset:3px}.compare-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--dialog-line);border-radius:12px}.compare-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;line-height:1.5}.compare-table td,.compare-table th{padding:20px 18px;border-bottom:1px solid var(--dialog-line);border-right:1px solid var(--dialog-line);text-align:left;vertical-align:top;overflow-wrap:anywhere}.compare-table td:last-child,.compare-table th:last-child{border-right:0}.compare-table tr:last-child td,.compare-table tr:last-child th{border-bottom:0}.compare-table thead{background:var(--paper)}.compare-table th:first-child{width:180px}.compare-table tbody th{font-weight:600}.compare-table tbody th span{display:block;margin-top:3px;color:var(--dialog-muted);font-size:12px;font-weight:400}.compare-table td{font-size:20px;font-weight:700}.compare-district-name{display:block;min-height:42px;font-size:15px;line-height:1.5}.compare-remove{display:inline-flex;align-items:center;gap:9px;margin:10px 0 0;padding:7px 0;border:0;background:transparent;color:var(--dialog-muted);font:inherit;font-size:12px;font-weight:400;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.compare-remove:hover{color:var(--dialog-blue)}.compare-ratio{font-size:28px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.compare-ratio--green{color:#287348}.compare-ratio--blue{color:#2862be}.compare-ratio--orange{color:#b64920}.compare-unavailable{font-size:14px;font-weight:500;color:var(--dialog-muted)}.compare-status{display:inline-block;font-size:13px;font-weight:500;line-height:1.7}.compare-status--open{color:#287348}.compare-status--closed,.compare-status--pending{color:var(--dialog-muted)}.compare-meta{font-size:13px!important;font-weight:500!important;line-height:1.5;color:var(--dialog-ink)}.compare-meta a{color:var(--dialog-blue);text-decoration:underline;text-underline-offset:3px;font-weight:600}.compare-warning-box{margin-bottom:16px;padding:12px 16px;background:var(--softorange);border:1px solid var(--orange);border-radius:8px;color:var(--orange-ink);font-size:13px;line-height:1.6}.compare-warning-box strong{display:block;margin-bottom:4px;font-size:14px;color:var(--orange-ink)}.compare-empty{padding:28px 20px;border:1px dashed var(--dialog-line);border-radius:10px;text-align:center;font-size:15px}.compare-empty p{margin:8px 0 0;color:var(--dialog-muted);font-size:14px;line-height:1.7}.compare-footnote{margin:14px 0 0;color:var(--dialog-muted);font-size:12px;line-height:1.8}.dialog-footer{display:flex;justify-content:flex-end;margin-top:24px}.dialog-done{min-height:44px;padding:10px 20px;border:1px solid var(--dialog-blue);border-radius:8px;color:#fff;background:var(--dialog-blue);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.dialog-done:hover{background:var(--primary-hover)}.beforekaki-dialog a:focus-visible,.beforekaki-dialog button:focus-visible,.compare-table-scroll:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.dialog-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (max-width:600px){.beforekaki-dialog{max-height:calc(100dvh - 24px);width:calc(100% - 24px);max-width:calc(100% - 24px);border-radius:16px}.dialog-header{padding:22px 18px 18px;gap:12px}.dialog-header h2{font-size:23px}.dialog-kicker{font-size:11px}.dialog-description{font-size:13px}.dialog-content{padding:18px}.dialog-demo-note{padding:12px;font-size:13px}.help-steps{gap:17px;padding-left:22px}.help-bands,.help-steps li{font-size:13px}.help-steps strong{font-size:15px}.compare-table{min-width:580px}.compare-table[data-columns="1"]{min-width:0}.compare-table th:first-child{width:150px}.compare-table td,.compare-table th{padding:16px 14px}.compare-table td{font-size:18px}.compare-ratio{font-size:25px}.dialog-footer{justify-content:stretch}.dialog-done{width:100%}}