:root{--brown:#542b2c;--ink:#352b2c;--muted:#807476;--border:#e9dfdd;--wash:#f8f5f2}*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink);font:15px/1.7 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;-webkit-text-size-adjust:100%}.demo-banner{text-align:center;background:#f0e4d2;color:#785c39;font-size:11px;padding:7px 10px}header{background:#fff;border-bottom:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:22px 16px 15px;gap:5px}header img{width:205px;height:auto}header>span{font-size:11px;letter-spacing:.08em;color:var(--muted)}main{width:100%;max-width:560px;margin:auto;padding:26px 20px 0}.progress{margin-bottom:30px}.progress ol{display:flex;list-style:none;margin:0;padding:0}.progress li{flex:1;text-align:center;position:relative;color:#a69c9b;font-size:11px}.progress li:not(:last-child):after{content:"";position:absolute;left:calc(50% + 19px);right:calc(-50% + 19px);height:1px;top:15px;background:#dfd4d1}.progress b{display:flex;align-items:center;justify-content:center;border:1px solid #d9cfcc;border-radius:50%;width:31px;height:31px;margin:0 auto 6px;font-size:12px;font-weight:500;background:var(--wash)}.progress li[aria-current=step]{color:var(--brown);font-weight:600}.progress li[aria-current=step] b,.progress li.done b{background:var(--brown);border-color:var(--brown);color:white}.progress li.done{color:var(--brown)}.intro{margin:0 0 24px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#a17b73;font-weight:650}h1{font-size:26px;font-weight:600;line-height:1.5;margin:8px 0 10px;letter-spacing:.02em;outline:none}h2{font-size:15px;font-weight:650;margin:0 0 16px}p{margin:8px 0 0}.intro p{font-size:13px;color:var(--muted)}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:23px;margin:0 0 18px;min-width:0}.sample-box{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;background:#f0eae4;border-radius:9px;padding:14px;font-size:11px}.sample-box strong{font-size:12px;font-weight:600}.sample-box p{margin:3px 0;color:var(--muted)}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button,input{outline-offset:3px}button:focus-visible,input:focus-visible{outline:2px solid #ab7873}label{display:block;font-size:14px;margin-bottom:9px;font-weight:550}.required{font-size:10px;color:#976b63;background:#f5efeb;border-radius:4px;padding:2px 5px;margin-left:8px;font-weight:400}input[type=text],input[type=date]{display:block;appearance:none;-webkit-appearance:none;width:100%;min-width:0;max-width:100%;height:52px;background:#fff;border:1px solid #d4c9c5;border-radius:7px;padding:12px 13px;font-size:16px;line-height:1.4;color:var(--ink)}input::placeholder{color:#b0a4a2}#identity-form label:not(:first-child){margin-top:24px}.field-help{font-size:11px;color:var(--muted);line-height:1.7;margin-top:8px}.privacy-note{text-align:center;font-size:11px;color:var(--muted);margin:18px 0 0}.bottom-bar{position:fixed;bottom:0;left:0;right:0;background:#fffefcf5;border-top:1px solid var(--border);padding:13px 20px calc(13px + env(safe-area-inset-bottom));z-index:5}.bottom-inner{max-width:520px;margin:auto}.primary{display:flex;align-items:center;justify-content:center;gap:13px;background:var(--brown);color:#fff;border:1px solid var(--brown);border-radius:8px;width:100%;min-height:52px;padding:13px 15px;font-size:14px;font-weight:600}.primary:hover{background:#6e4140}.primary:disabled{background:#d5c9c6;border-color:#d5c9c6;color:#f9f6f5}.two-buttons{display:grid;grid-template-columns:65px 1fr;gap:12px}.back{border:1px solid #d8cbc6;background:#fff;color:var(--brown);border-radius:8px;font-size:13px;min-height:52px}.step-panel{padding-bottom:10px}fieldset{padding:0;margin:0;border:0;min-width:0}.category-option{display:flex;align-items:center;gap:13px;border:1px solid var(--border);border-radius:8px;padding:13px 14px;min-height:70px;cursor:pointer;margin:10px 0 0;font-size:14px}.category-option input{accent-color:var(--brown);height:18px;width:18px;margin:0;flex-shrink:0}.category-option strong{font-size:14px;font-weight:600;display:block}.category-option small{font-size:11px;color:var(--muted);font-weight:400;display:block}.category-option:has(input:checked){border-color:#98716b;background:#faf5f2}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading>span{font-size:12px;color:var(--muted)}.section-heading h2{margin-bottom:0}.date-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:18px 0 25px}.date-option{border:1px solid var(--border);border-radius:8px;background:#fff;padding:9px 3px;min-height:70px;color:var(--ink)}.date-option small{display:block;font-size:10px;color:var(--muted)}.date-option strong{font-size:22px;font-weight:550;display:block;line-height:1.4}.date-option[aria-pressed=true]{background:var(--brown);color:white;border-color:var(--brown)}.date-option[aria-pressed=true] small{color:#f0dcda}.slot-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:20px;border-top:1px solid var(--border)}.slot-heading h2{font-size:13px;margin:0}.legend{font-size:10px;white-space:nowrap;color:#63765e}.full-legend{color:#9a9290}.period-title{font-size:11px;color:var(--muted);margin:18px 0 10px}.time-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.time-option{border:1px solid #d9ceca;background:#fff;border-radius:7px;padding:12px 4px;color:var(--ink);font-size:13px;min-height:49px}.time-option span{margin-right:4px;color:#6f8261}.time-option[aria-pressed=true]{background:#f2e7e3;border-color:#7c504a;color:var(--brown);box-shadow:inset 0 0 0 1px #7c504a}.time-option:disabled{background:#f5f3f2;border-color:#efebe8;color:#b8afaa}.time-option:disabled span{color:#b8afaa}.selection-summary{font-size:13px;font-weight:600;text-align:center;padding:8px 0 4px;color:var(--brown)}.confirm-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.confirm-head h2{margin:0}.text-button{background:none;border:0;color:#93675e;text-decoration:underline;padding:8px;min-height:44px;font-size:11px}.confirm-appointment .date-value{font-size:22px;font-weight:600;color:var(--brown);margin:0 0 8px}.confirm-appointment .time-value{font-size:20px;font-weight:550}.category-value{display:inline-block;padding:3px 11px;background:#f1e9e4;color:var(--brown);border-radius:4px;font-size:12px;margin-top:10px}dl{margin:0}dt{font-size:11px;color:var(--muted);margin-top:15px}dd{margin:3px 0 0;font-size:15px;overflow-wrap:anywhere}.confirmation-note{font-size:12px;color:#82634d;background:#f0e8da;border-radius:8px;text-align:center;padding:16px;margin-bottom:20px}.complete-panel{text-align:center;padding-top:18px}.complete-panel h1{font-size:24px;margin-top:10px}.complete-icon{display:flex;align-items:center;justify-content:center;width:67px;height:67px;border-radius:50%;background:#e7eee3;color:#637c55;font-size:30px;margin:0 auto 22px}.complete-panel>.confirmation-note{margin-top:22px}.complete-panel .card{text-align:left}.complete-panel p{color:var(--muted);font-size:13px}#complete-summary{font-size:14px}#complete-summary strong{display:block;font-size:18px;color:var(--brown);margin-bottom:6px}footer{text-align:center;padding:22px 0 calc(110px + env(safe-area-inset-bottom));color:#ad9b94}footer p{font-family:Georgia,serif;font-size:13px;margin:0}footer small{font-size:9px}#patient-message{border:1px solid #d7aba0;background:#fff1eb;color:#8c4439;border-radius:8px;padding:13px;font-size:12px;margin-bottom:20px}.invalid{border-color:#b66451!important;background:#fff9f5!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:360px){main{padding-left:15px;padding-right:15px}.card{padding:18px}.date-options{gap:5px}.time-option{font-size:12px}.sample-box{flex-wrap:wrap}.sample-box button{width:100%}}@media(min-width:700px){body{background:#f3eeea}header{padding-top:25px}main{padding-top:32px}.intro h1{font-size:28px}.bottom-bar{background:#fffefc}footer{padding-top:30px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}}

.doctor-section{border-top:1px solid var(--border);padding-top:20px;margin-bottom:22px}.doctor-section h2{margin-bottom:6px}#doctor-prompt{padding:16px 0;text-align:center}

select{font:inherit;font-size:16px;width:100%;min-height:52px;max-width:100%;padding:10px 12px;border:1px solid #d4c9c5;border-radius:7px;background:#fff;color:var(--ink)}.date-options{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.date-option strong{font-size:20px}.category-option:has(input:disabled){opacity:.5;cursor:default}#time-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.time-option strong,.time-option small{display:block}.time-option small{font-size:10px;font-weight:400;color:var(--muted)}#selection-summary{overflow-wrap:anywhere}.template-table-wrap{overflow:auto;max-width:100%;margin:18px 0}.template-table{border-collapse:collapse;min-width:850px;background:white;font-size:12px}.template-table th,.template-table td{border:1px solid var(--border);padding:9px 12px;text-align:center;white-space:nowrap}.template-table th{background:#f0e8e3}.template-table .outside{background:#eee;color:#999}.review-mode main{max-width:1250px}#template-panel p{font-size:12px}#template-link{font-size:11px;color:var(--brown);display:inline-block;margin-bottom:14px}#template-select{max-width:480px}#template-details{margin-top:24px}.review-mode footer{padding-bottom:30px}

.review-mode #template-link{display:none}

.web-questionnaire{margin-top:24px;text-align:left}.complete-panel .web-questionnaire p{font-size:14px;color:var(--ink);margin:0 0 16px}.web-questionnaire .primary{flex-direction:column;gap:4px;text-align:center;text-decoration:none;margin-top:22px}.web-questionnaire .primary small{font-size:11px;font-weight:400;overflow-wrap:anywhere}

.birthday-field{position:relative}.birthday-field input{padding-right:56px!important}#open-birthday{position:absolute;top:0;right:0;display:grid;place-items:center;width:52px;height:52px;border:0;border-radius:0 7px 7px 0;background:transparent;color:var(--brown)}#open-birthday svg{width:23px;height:23px}#birthday-dialog{width:100%;max-width:560px;padding:0 18px calc(20px + env(safe-area-inset-bottom));margin:auto auto 0;border:0;border-radius:18px 18px 0 0;background:#faf8f6;color:var(--ink);box-shadow:0 -10px 50px #352b2c18}#birthday-dialog::backdrop{background:#24161966}.birthday-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);min-height:64px;gap:8px}.birthday-toolbar h2{margin:0;font-size:16px;white-space:nowrap}.birthday-toolbar button{border:0;background:transparent;color:var(--brown);font-size:14px;min-height:48px;padding:8px}#birthday-done{font-weight:700}.birthday-instruction{font-size:12px;text-align:center;color:var(--muted);margin:14px 0 4px}.birthday-wheel-group{position:relative;display:grid;grid-template-columns:1.4fr 1fr 1fr;height:220px;gap:6px;margin:12px 0}.birthday-wheel-group::before{content:"";position:absolute;top:88px;height:44px;left:0;right:0;background:#eee5df;border-radius:8px;pointer-events:none}.birthday-wheel{height:220px;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;padding:88px 0;scrollbar-width:none;position:relative;mask-image:linear-gradient(transparent,#000 28%,#000 72%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 28%,#000 72%,transparent);touch-action:pan-y;-webkit-overflow-scrolling:touch}.birthday-wheel::-webkit-scrollbar{display:none}.birthday-option{height:44px;line-height:44px;text-align:center;scroll-snap-align:center;font-size:21px;color:#857a76;cursor:pointer;user-select:none}.birthday-option[aria-selected=true]{color:var(--brown);font-weight:650}.birthday-wheel:focus-visible{outline:2px solid #ab7873;outline-offset:-2px;border-radius:8px}#birthday-preview{text-align:center;font-size:13px;color:var(--muted);margin:6px 0 0}@media(min-width:700px){#birthday-dialog{margin:auto;border-radius:16px}}

.card-status-options{margin-top:24px}.card-status-options legend{font-size:14px;font-weight:550}.card-status-options label.category-option{margin:10px 0 0!important;min-height:58px}.card-status-options .category-option span{min-width:0}.card-status-options .category-option strong{font-size:13px;line-height:1.6}#card-number-field{margin-top:20px}#card-number-field label{margin-top:0!important}input[type=tel]{display:block;width:100%;height:52px;border:1px solid #d4c9c5;border-radius:7px;padding:12px 13px;font-size:16px;color:var(--ink);background:#fff}

.policy-panel{margin:24px 0 32px;padding:20px;border:1px solid var(--border);border-radius:12px;background:#fff}.policy-panel summary{font-size:16px;font-weight:650;cursor:pointer}.policy-panel p{margin:14px 0}.policy-panel>.primary{max-width:350px;margin-top:16px}.policy-row{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.policy-row label{margin:0;font-size:13px;overflow-wrap:anywhere}.policy-row select{font-size:14px}#purpose-policy-message{color:var(--brown);font-weight:600;min-height:24px}#purpose-availability-message:empty{display:none}@media(max-width:600px){.policy-panel{padding:16px}.policy-row{grid-template-columns:1fr;gap:7px}.policy-row select{font-size:16px}}

.date-option:disabled{background:#eeebe8;border-color:#e7e0dc;color:#aaa09a;cursor:default}.date-option:disabled small{color:#aaa09a}.closed-label{display:block;font-size:9px;line-height:1.5;margin-top:2px}

.doctor-period-heading{font-size:13px;color:var(--brown);margin:16px 0 8px;font-weight:650}.doctor-period+.doctor-period{margin-top:22px;padding-top:4px;border-top:1px solid var(--border)}

.week-navigation{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px}.week-navigation button{background:#fff;border:1px solid var(--border);border-radius:7px;min-height:44px;padding:8px 12px;color:var(--brown);font-size:12px}.week-navigation button:disabled{opacity:.35}.week-navigation span{font-size:12px;white-space:nowrap;color:var(--muted)}

.month-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.month-navigation button{font:inherit;font-size:14px;min-height:44px;border:1px solid var(--border);border-radius:7px;background:white;color:var(--brown)}.month-navigation button[aria-pressed=true]{background:var(--brown);border-color:var(--brown);color:white}

.capacity-editor{margin-top:28px;padding:22px;background:#fff;border:1px solid var(--border);border-radius:12px}.capacity-editor>p{margin-bottom:20px}.capacity-editor select{max-width:240px;display:block;margin-top:8px}.capacity-table{border-collapse:collapse;width:100%;max-width:650px}.capacity-table th,.capacity-table td{padding:8px;border:1px solid var(--border);font-size:12px}.capacity-table th{background:#f5efeb;white-space:nowrap}.capacity-table input{width:100%;min-width:65px;max-width:120px;min-height:44px;font:inherit;font-size:16px;padding:6px;border:1px solid #d4c9c5;border-radius:5px}.capacity-editor .primary{max-width:420px}#capacity-message{color:var(--brown);font-weight:600}

.closure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.closure-grid label{font-size:12px;margin:0}.closure-grid input,.closure-grid select{display:block;width:100%;min-height:48px;margin-top:6px;font-size:16px;padding:8px;border:1px solid var(--border);border-radius:6px;background:white}.closure-rule{padding:18px 0;border-top:1px solid var(--border)}.closure-rule button{min-height:44px;padding:8px 14px;border:1px solid var(--border);border-radius:6px;color:var(--brown);background:#fff}.closure-rule button[aria-pressed=true]{background:#f1e3dd}#closure-form>.primary{margin-top:16px;max-width:420px}#closure-message{color:var(--brown)}@media(max-width:600px){.closure-grid{grid-template-columns:1fr}}

#schedule-table-form>label{max-width:520px;margin-top:20px}#schedule-table-form>p{font-size:12px}.editable-schedule{min-width:1250px}.editable-schedule input[type=text]{min-width:125px;max-width:180px;height:44px;padding:8px;font-size:14px}.editable-schedule input[type=time]{font:inherit;font-size:14px;min-height:44px;width:120px;padding:6px;border:1px solid var(--border);border-radius:6px}.editable-schedule input[type=checkbox]{width:21px;height:21px;accent-color:var(--brown)}.editable-schedule input:disabled{opacity:.4}#schedule-table-form>.primary{max-width:440px}#schedule-message{font-weight:600;color:var(--brown)}

.policy-row{grid-template-columns:minmax(0,1fr) 230px 100px}.purpose-order-buttons{display:flex;gap:6px}.purpose-order-buttons button{min-width:44px;min-height:44px;background:white;color:var(--brown);border:1px solid var(--border);border-radius:6px;font-size:20px}.purpose-order-buttons button:disabled{opacity:.3}#purpose-order-message{color:var(--brown);font-weight:600}@media(max-width:600px){.policy-row{grid-template-columns:1fr 100px}.policy-row label{grid-column:1/-1}.policy-row select{min-width:0}}

.policy-row{grid-template-columns:44px minmax(0,1fr) 230px 100px}.purpose-drag-handle{width:44px;min-height:48px;padding:0;background:#f6f0ed;border:1px solid var(--border);border-radius:7px;color:var(--brown);font-size:27px;cursor:grab;touch-action:none;user-select:none}.purpose-drag-handle:active{cursor:grabbing}.purpose-dragging{background:#f4e8e1;border:1px solid #a17b73;border-radius:8px;box-shadow:0 4px 14px #542b2c20}.purpose-sort-active{user-select:none;cursor:grabbing}@media(max-width:600px){.policy-row{grid-template-columns:44px minmax(0,1fr) 100px;gap:10px}.policy-row>.purpose-drag-handle{grid-column:1;grid-row:1/3;align-self:stretch}.policy-row>label{grid-column:2/4;grid-row:1}.policy-row>select{grid-column:2;grid-row:2}.purpose-order-buttons{grid-column:3;grid-row:2}}

.service-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.service-option{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:20px;min-height:125px;padding:22px 16px;border:1px solid #d7c5bf;border-radius:12px;background:white;color:var(--brown);text-align:left}.service-option strong{font-size:17px}.service-option span{font-size:11px;color:var(--muted)}.service-option:hover{background:#f1e6e0;border-color:var(--brown)}.service-context{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;padding:10px 14px;border-radius:9px;background:#eee5df;color:var(--brown)}.service-context strong{font-size:15px}.service-context .text-button{padding:4px;font-size:11px}@media(max-width:360px){.service-option{padding:18px 12px}.service-option strong{font-size:15px}}

.service-title{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:3px}.service-option .service-eligibility{font-size:11px;line-height:1.6;color:var(--brown);font-weight:400}.service-option .service-description{margin-top:-8px}.service-option .service-description span{display:block;font-size:12px;line-height:1.9;color:var(--brown);font-weight:400}

#settings-backup-dialog{width:min(700px,94vw);max-width:94vw}#settings-backup-json{width:100%;font-size:12px}

#monthly-publication-settings>label{max-width:340px}#monthly-publication-settings details{font-size:12px;max-height:260px;overflow:auto;margin:16px 0}#publication-review-form{margin:20px 0}#publication-review-form label{display:flex;align-items:flex-start;gap:10px;font-size:13px;margin:12px 0}#publication-review-form input{accent-color:var(--brown);width:20px;height:20px;flex-shrink:0}#publication-review-form .primary{max-width:430px;margin-top:20px}#publication-message{color:var(--brown)}

#monthly-publication-settings #month-purpose-panel{max-height:none;overflow:visible;padding:14px;border:1px solid var(--border);border-radius:8px}#month-purpose-panel summary{cursor:pointer;font-weight:600}.month-purpose-row{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:15px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);font-size:12px}.month-purpose-row select{font-size:14px}#month-purpose-form>.primary{max-width:420px;margin-top:18px}@media(max-width:600px){.month-purpose-row{grid-template-columns:1fr;gap:6px}}

.conditional-simulation-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.conditional-simulation-buttons button{min-height:44px;padding:8px 12px;background:white;border:1px solid var(--border);color:var(--brown);border-radius:6px}#conditional-simulation-output{overflow:auto}

#purpose-detail-panel legend{font-size:15px;font-weight:650;margin-bottom:10px}.purpose-detail-row{padding:14px 0;border-bottom:1px solid var(--border)}.purpose-detail-row>label{display:flex;align-items:flex-start;gap:10px;font-size:13px;margin:0}.purpose-detail-row input{accent-color:var(--brown);flex-shrink:0;width:20px;height:20px;margin:3px 0}.purpose-detail-row>.detail-quantity{margin-top:10px;align-items:center;justify-content:space-between;gap:15px}.detail-quantity select{width:140px;min-height:44px}.purpose-detail-row>.detail-item-note{display:block;margin-top:14px}.detail-item-note textarea{width:100%;font:inherit;font-size:16px;padding:10px;margin-top:8px;border:1px solid var(--border);border-radius:6px;resize:vertical}.detail-phone-note{padding:14px;background:#f5e8d9;border:1px solid #dbc3a2;border-radius:8px;color:#79543c;font-size:13px;font-weight:600}

.detail-quantity select{width:200px;max-width:100%}

.detail-answer-summary:empty{display:none}.detail-answer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.detail-answer-row small{display:block;color:var(--muted);font-size:12px}.detail-answer-row strong{display:block;font-size:14px;font-weight:550;overflow-wrap:anywhere}.detail-question-count{color:var(--muted);font-size:12px;margin:20px 0 12px}.detail-flow-actions .primary{display:block;width:100%;margin-top:18px}.detail-flow-actions>.text-button{display:block;margin-top:12px}.date-card{scroll-margin-top:18px}

@media(max-width:699px){
 .service-home header{padding:10px 12px 8px;gap:2px}.service-home header img{width:125px}.service-home header>span{font-size:10px}
 .service-home main{padding:12px 14px 0}.service-home #service-panel .eyebrow{display:none}.service-home #service-panel .intro{margin-bottom:12px}
 .service-home #service-heading{font-size:21px;line-height:1.45;margin:0 0 6px}.service-home #service-heading br{display:none}.service-home #service-panel .intro p{font-size:12px;margin:0}
 .service-home .service-options{gap:10px;margin:12px 0}.service-home .service-option{min-height:74px;padding:12px 11px;gap:10px}.service-home .service-option strong{font-size:16px;line-height:1.5}
 .service-home .service-description{margin-top:0}.service-home .service-description span{font-size:12px;line-height:1.65}.service-home .service-eligibility{font-size:11px}
}
@media(max-width:360px){
 .service-home header{padding:8px 12px 6px}.service-home header img{width:110px}.service-home #service-heading{font-size:18px}
 .service-home .service-options{gap:8px}.service-home .service-option{padding:10px 8px;gap:8px;min-height:68px}.service-home .service-option strong{font-size:15px}
}

.service-order-row{display:grid;grid-template-columns:44px minmax(0,1fr) 100px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.service-order-row small{display:block;color:var(--muted);font-size:11px}.service-order-row strong{display:block;font-size:14px;overflow-wrap:anywhere}
.service-option[data-service="産科"] .service-description span{white-space:nowrap;font-size:clamp(9px,2.6vw,12px);letter-spacing:-.04em}

.screening-exclusion{padding:20px;margin-bottom:18px;border:2px solid #b77b64;border-radius:12px;background:#fff2e9;color:var(--brown)}.screening-exclusion h2{margin-bottom:10px}.screening-exclusion p,.screening-notice-card p{font-size:14px;line-height:1.85}.screening-exclusion .primary{margin-top:16px}.screening-notice-card h2{line-height:1.7}.screening-notice-card a{color:var(--brown);overflow-wrap:anywhere}.screening-notice-check{display:flex;align-items:flex-start;gap:12px;padding:16px 0;font-size:14px}.screening-notice-check input{width:22px;height:22px;flex-shrink:0;accent-color:var(--brown)}.screening-reminder{padding:14px;background:#f0e8da;border-radius:8px;color:#79543c;font-size:13px}#review-screening-notice{display:block;margin:0 0 16px;text-align:left}#review-screening-notice[hidden]{display:none}

/* Compact entry list: retain every service and the user's saved order. */
.service-home .service-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}
.service-home .service-option{min-height:62px;padding:10px 12px;gap:0;justify-content:center;border-radius:8px;font:inherit}
.service-home .service-title{display:block;width:100%;line-height:1.35}
.service-home .service-option strong{display:block;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
.service-home .service-eligibility{display:block;font-size:11px;line-height:1.35;margin-top:3px}
.service-selected-description{margin:-4px 0 20px;padding:0 4px;color:var(--brown);font-size:14px;line-height:1.8}
.service-selected-description p{margin:3px 0}
@media(max-width:699px){
 .service-home header{padding:7px 12px 5px;gap:0}.service-home header img{width:112px}
 .service-home main{padding:10px 12px 0}.service-home #service-panel .intro{margin-bottom:10px}
 .service-home #service-heading{font-size:19px;margin-bottom:3px}
 .service-home #service-panel .intro p{font-size:11px}
 .service-home .service-options{gap:6px;margin:10px 0}
 .service-home .service-option{min-height:51px;padding:7px 8px}
 .service-home .service-option strong{font-size:14px;line-height:1.3}
 .service-home .service-eligibility{font-size:10px;line-height:1.3;margin-top:2px}
}

.service-home .service-option[data-service="産科"] .service-title{white-space:nowrap}
.service-home .service-option[data-service="産科"] .service-title strong,
.service-home .service-option[data-service="産科"] .service-eligibility{display:inline}
.service-home .service-option[data-service="産科"] .service-eligibility{margin:0}
.service-selected-description p:first-child{margin-bottom:14px}
.service-selected-description p:last-child:not(:first-child){margin-top:14px}
@media(max-width:360px){.service-home .service-option[data-service="産科"]{padding-left:5px;padding-right:5px}.service-home .service-option[data-service="産科"] .service-eligibility{font-size:8px}}

.service-home .service-option[data-service="妊娠初診"]{grid-column:auto}
.service-home .service-option:is([data-service="妊娠初診"],[data-service="緊急避妊（アフターピル）"]) .service-title{white-space:nowrap}
.service-home .service-option:is([data-service="妊娠初診"],[data-service="緊急避妊（アフターピル）"]) .service-title strong,
.service-home .service-option:is([data-service="妊娠初診"],[data-service="緊急避妊（アフターピル）"]) .service-eligibility{display:inline;margin:0}
@media(max-width:699px){.service-home .service-option{min-height:44px;padding-top:5px;padding-bottom:5px}.service-home .service-option[data-service="ユースクリニック"] .service-eligibility{font-size:10px}}
@media(max-width:699px){.service-home .service-option[data-service="妊娠初診"] .service-eligibility{font-size:9px}}
@media(max-width:360px){.service-home .service-option[data-service="妊娠初診"] .service-title{white-space:normal}}

#my-bookings-panel article{margin-bottom:18px}#my-bookings-panel article button{margin:8px 12px 0 0}.booking-contact{display:block;font-size:12px}.service-option:disabled{opacity:.55}.bottom-bar button:disabled{cursor:default}#cancel-booking-dialog{max-width:94vw;width:430px;border:1px solid var(--border);border-radius:12px;color:var(--ink)}#cancel-booking-dialog::backdrop{background:#352b2c66}#cancel-booking-dialog button{margin-top:16px}#open-bookings{font-size:13px}#end-check{display:block;margin-top:20px}

.patient-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 24px}.patient-nav button{min-height:56px;padding:12px 8px;border:1px solid var(--brown);border-radius:8px;background:#fff;color:var(--brown);font:inherit;font-size:15px;font-weight:600;white-space:nowrap}.patient-nav button[aria-current="page"]{background:var(--brown);color:#fff}.patient-nav button:focus-visible{outline:3px solid #ab7873;outline-offset:3px}

.confirm-appointment .arrival-time-label{font-size:.75em;font-weight:400}

.service-home .service-instruction{display:block;margin-top:2px;font-size:10px;line-height:1.2;font-weight:400;color:var(--muted);white-space:nowrap}
@media(max-width:699px){.service-home .service-instruction{font-size:9px;margin-top:1px}.service-home .instruction-only .service-title strong{font-size:clamp(12px,3.8vw,14px);white-space:nowrap}}

.remember-entry{margin:20px 0}.remember-entry label{display:flex;align-items:center;gap:10px;font-size:14px}.remember-entry input[type=checkbox]{width:18px;min-height:18px;height:18px;flex:0 0 18px;margin:0}.remember-entry .text-button{font-size:13px}

/* A full page notice; the booking form is retained while the service is unavailable. */
[hidden]{display:none!important}.booking-loading{text-align:center;margin:35px 20px;color:var(--muted);font-size:13px}.maintenance-shell{max-width:580px;margin:42px auto 0;padding:0 20px 35px}.maintenance-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:34px 32px 28px;text-align:center}.maintenance-symbol{width:64px;height:64px;margin:0 auto 23px;display:grid;place-items:center;background:#f2e9e4;border-radius:50%;color:var(--brown)}.maintenance-symbol svg{width:31px;height:31px}.maintenance-eyebrow{color:#9b756d;font-size:10px;letter-spacing:.17em;font-weight:600;margin:0 0 9px}.maintenance-card h1{color:var(--brown);font-size:25px;line-height:1.6;margin:0 auto 21px}.maintenance-state{border:1px solid #e7d9d4;background:#f7f0eb;border-radius:7px;color:var(--brown);padding:12px 9px;margin:0 0 21px;font-size:14px;font-weight:600}.maintenance-description{color:var(--muted);font-size:13px;margin:0 0 22px;line-height:1.95}.maintenance-reservations{text-align:left;padding:17px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0 0 23px}.maintenance-reservations h2{font-size:13px;margin:0 0 6px}.maintenance-reservations p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.maintenance-reservations p+p{margin-top:9px}.maintenance-reservations .maintenance-uncertain{color:var(--brown);font-weight:600}#maintenance-status{font-size:11px;color:var(--muted);margin:11px 0 0}@media(max-width:480px){.maintenance-shell{margin-top:24px;padding:0 16px 25px}.maintenance-card{padding:27px 21px 24px}.maintenance-card h1{font-size:23px}.maintenance-symbol{margin-bottom:19px}.maintenance-description{font-size:12px}}
