body.member-page .meeting-area-panel .travel-record { border:1px solid #dadde0; border-left:4px solid var(--green,#3e5871); padding:20px 22px; margin:0 0 24px; }
body.member-page .meeting-area-panel .travel-record dd { font-size:21px; line-height:1.6; white-space:pre-wrap; overflow-wrap:anywhere; }
body.member-page .area-browser { padding:20px; background:#f6f4ef; border:1px solid var(--line,#dadde0); border-radius:12px; }
body.member-page .area-browser-tools { display:grid; grid-template-columns:minmax(120px,.8fr) minmax(160px,1.2fr); gap:16px; }
body.member-page #meeting-area-catalog-status { font-size:14px; margin:18px 0 12px; }
body.member-page .area-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; max-height:440px; overflow-y:auto; overscroll-behavior:contain; padding:3px; scrollbar-gutter:stable; }
body.member-page .area-option { display:flex; flex-direction:column; min-width:0; border:1px solid #dadde0; border-radius:9px; background:white; padding:10px 12px; }
body.member-page .area-option.is-selected { border-color:var(--green,#3e5871); background:#e9eef3; box-shadow:inset 0 0 0 1px var(--green,#3e5871); }
body.member-page .area-option-check { display:flex; align-items:center; gap:10px; margin:0; min-height:44px; cursor:pointer; font-size:16px; font-weight:650; }
body.member-page .area-option-check input { flex:0 0 20px; width:20px; height:20px; min-height:20px; margin:0; accent-color:var(--green,#3e5871); }
body.member-page .area-option-check small { display:block; font-size:12px; font-weight:400; color:#5f6872; }
body.member-page .area-map-button { color:var(--green,#3e5871); font-size:13px; font-weight:500; background:transparent; border:0; min-height:44px; padding:8px 0; text-align:left; text-decoration:underline; text-underline-offset:3px; }
body.member-page .area-option .area-map-button { margin-left:30px; align-self:flex-start; }
body.member-page .area-empty { grid-column:1/-1; padding:12px; }
body.member-page .area-manual { margin-top:18px; padding-top:16px; border-top:1px solid var(--line,#dadde0); }
body.member-page .area-manual summary { cursor:pointer; font-size:14px; color:#5f6872; min-height:44px; }
body.member-page .area-manual .meeting-area-add { grid-template-columns:minmax(0,1fr) auto; margin:16px 0 0; }
body.member-page .area-manual .meeting-area-add button { grid-column:auto; }
body.member-page .area-selection-heading { display:flex; align-items:center; gap:12px; margin-top:28px; }
body.member-page .area-selection-heading h2 { margin:0; font-size:19px; }
body.member-page #meeting-area-selected-count { color:var(--green,#3e5871); background:#e9eef3; border-radius:20px; padding:2px 10px; font-size:14px; font-weight:700; }
body.member-page .meeting-area-list { margin-top:10px; }
body.member-page .meeting-area-list .area-map-button { font-size:13px; padding:8px 0; }
body.member-page .area-suggestions { border:1px solid #dadde0; padding:18px; margin:0 0 20px; border-radius:10px; }
body.member-page .area-suggestions h2 { margin:0 0 8px; font-size:16px; }
body.member-page .area-suggestions ul { list-style:none; padding:0; margin:0; }
body.member-page .area-suggestions li { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; padding:8px 0; }
body.member-page .area-suggestions li>span { flex:1 1 130px; font-size:15px; }
body.member-page .area-suggestions button[data-suggest-district] { font-size:13px; padding:8px 12px; }
body.member-page .area-route-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:18px; }
body.member-page .area-route-heading h2 { margin:0; font-size:22px; }
body.member-page .area-route-links { display:flex; flex-wrap:wrap; gap:10px; }
body.member-page .area-route-links p { width:100%; }
@media(max-width:480px) {
 body.member-page .area-browser { padding:14px; }
 body.member-page .area-browser-tools { grid-template-columns:1fr; gap:12px; }
 body.member-page .area-option { padding:8px; }
 body.member-page .area-option-check { gap:8px; font-size:15px; }
 body.member-page .area-option .area-map-button { margin-left:0; font-size:12px; }
 body.member-page .area-manual .meeting-area-add { grid-template-columns:1fr; }
 body.member-page .area-manual .meeting-area-add button { width:100%; }
 body.member-page .meeting-area-panel .travel-record { padding:16px; }
}