.quick-plans{margin-bottom:18px}.quick-plans strong{display:block;font-size:14px;margin-bottom:10px}.quick-plans>div{display:flex;flex-wrap:wrap;gap:8px}.quick-plans a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:24px;background:#fff;font-size:13px}.quick-plans a:hover{border-color:var(--green)}.quick-plans a[aria-current]{background:var(--lime);border-color:#a9bc85}.plan-hint{font-size:13px;color:var(--muted);padding-bottom:12px;border-bottom:1px solid var(--line)}.source-info{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.source-info a{text-decoration:underline;display:inline-block;padding-block:8px;font-size:14px}.source-info p{font-size:13px;line-height:1.6;margin:10px 0 0}.source-age{color:#80522a}.map-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}.map-toolbar>span{font-size:12px;color:var(--muted)}.map-selection{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin-top:12px;box-shadow:0 8px 24px #183c3214}.map-selection img{width:104px;height:104px;object-fit:cover;border-radius:10px}.map-selection>div{grid-column:2;min-width:0}.map-selection h3{font-size:20px;padding-right:40px;margin:0 0 8px;overflow-wrap:anywhere}.map-selection p{font-size:13px;margin:4px 0;color:var(--muted)}.map-selection .map-selection-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.map-selection-close{position:absolute;top:8px;right:8px;width:44px;height:44px;border:0;background:var(--paper);font-size:24px}.map-selection:not(:has(>img)){grid-template-columns:minmax(0,1fr)}.map-selection:not(:has(>img))>div{grid-column:1}.map-selection-actions a{font-size:13px;min-height:44px}
@media(max-width:720px){.quick-plans a{font-size:12px;padding:10px 13px}.map-selection{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px}.map-selection img{width:72px;height:88px}.map-selection h3{font-size:18px}.map-selection .map-selection-actions{margin-left:-84px}.map-selection:not(:has(>img)) .map-selection-actions{margin-left:0}.map-selection-actions a{flex:1}.source-info{padding:18px}.map-toolbar .button{width:100%}}

/* Personal interests use native form controls and work without JavaScript. */
.personal-panel{background:#eef2e7;border:1px solid var(--line);border-radius:20px;padding:22px;margin-bottom:24px;scroll-margin-top:24px}
.personal-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}
.personal-heading h2{font-size:25px;margin:0 0 8px}
.personal-heading p{font-size:14px;color:var(--muted);margin:0;overflow-wrap:anywhere}
.personal-heading>.button{flex-shrink:0;font-size:13px;min-height:44px}
.personal-panel details{margin-top:14px}
.personal-panel summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font-size:14px;font-weight:600;min-height:44px;list-style:none}
.personal-panel summary::-webkit-details-marker{display:none}
.personal-panel details[open] summary{border-bottom:1px solid var(--line);margin-bottom:16px}
.personal-panel details[open] summary span{transform:rotate(45deg)}
.preferences-form .muted{font-size:13px;max-width:70ch}
.preferences-form legend{font-weight:600;font-size:14px;margin-bottom:12px}
.preference-options{display:flex;flex-wrap:wrap;gap:8px}
.preference-options .filter-chip span{min-height:44px;background:#fff}
.preference-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:20px}
.preference-actions button{min-height:44px;font-size:14px}
.personal-notice{background:#fff;border-radius:10px;padding:12px;font-size:14px;margin:14px 0 0}
.personal-result-label{font-size:14px;font-weight:600;color:var(--green);margin-bottom:20px}
.interest-reason{font-size:12px;line-height:1.5;background:#eef2e7;color:var(--green);border-radius:8px;padding:6px 10px;margin:0 0 12px;overflow-wrap:anywhere}
.personal-empty{padding:18px;background:#eef2e7;border-radius:14px;font-size:14px}
.personal-empty a{text-decoration:underline;display:inline-block;padding-block:8px}
@media(max-width:720px){.personal-panel{padding:18px;margin-bottom:20px}.personal-heading{align-items:stretch;flex-direction:column;gap:12px}.personal-heading h2{font-size:24px}.personal-heading>.button{text-align:center;justify-content:center}.preference-actions{align-items:stretch;flex-direction:column;gap:8px}.preference-actions button{width:100%}.preference-options .filter-chip span{font-size:13px}}
.interest-setup{max-width:760px;margin-inline:auto;padding-top:36px;padding-bottom:48px}
.interest-setup h1{font-size:clamp(32px,5vw,48px);margin:12px 0 18px}
.setup-decoration{display:flex;align-items:center;justify-content:space-between;color:#719453;font-size:64px;line-height:1;margin-bottom:28px}
.setup-decoration span{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--lime);color:var(--green);font-size:48px;transform:rotate(-10deg)}
.setup-intro{font-size:17px;line-height:1.6;color:var(--muted);max-width:52ch}
.setup-form{margin-top:28px;background:#fff;padding:28px;border:1px solid var(--line);border-radius:24px}
.setup-form .preference-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.setup-form .filter-chip span{display:flex;align-items:center;justify-content:center;min-height:60px;height:100%;text-align:center;border-radius:14px;white-space:normal}
.setup-privacy{font-size:13px;color:var(--muted);margin-top:22px;margin-bottom:0}
.setup-form .preference-actions{flex-direction:column;align-items:stretch;text-align:center}
@media(max-width:420px){.setup-form{padding:18px}.setup-form .preference-options{gap:8px}.setup-form .filter-chip span{font-size:13px;padding:10px}}
