/* 宇土市 住宅の応急修理ガイド
   土台は uto-waste.css（チラシ風の紙面・太線＋オフセット影）をそのまま使い、
   この制度に固有の部品だけをここに足す。色も uto-waste と同じ語彙に揃える。 */
.repair-page{--r-teal:#0f766e;--r-orange:#ea580c;--r-blue:#1d4ed8;--r-yellow:#facc15;--r-ink:#0f172a;--r-muted:#526173;--r-line:#dbe4ea}
.repair-page .waste-lead b{color:var(--r-teal)}

/* ---- ヒーローの要点（サイト共通CSSで .hero-side は非表示のため本文側に置く） ---- */
.repair-keyfacts{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:10px;max-width:760px;margin:28px 0 0}
.repair-keyfacts div{padding:12px 16px;border:3px solid var(--r-teal);border-radius:10px;background:#fff;box-shadow:4px 4px 0 #99d9d1}
.repair-keyfacts dt{color:var(--r-muted);font-size:12px;font-weight:800}
.repair-keyfacts dd{margin:2px 0 0;font-size:24px;font-weight:900;white-space:nowrap}
.repair-keyfacts .keyfact-deadline{border-color:#ea580c;background:#fff7ed;box-shadow:4px 4px 0 #fed7aa}
.keyfacts-note{display:block;margin-top:10px;color:var(--r-muted);font-size:13px;font-weight:700}

/* ---- 3つの約束の絵（uto-waste の step-illustration に足りない部品） ---- */
.step-illustration .doc-x{fill:#fecaca;stroke:#b91c1c}
.step-illustration .head-a,.step-illustration .body-a{fill:#fed7aa;stroke:#c2410c}
.step-illustration .head-b,.step-illustration .body-b{fill:#99f6e4;stroke:#0f766e}
.step-illustration .bubble{fill:#fde047;stroke:#a16207}

/* ---- お金の流れ ---- */
.money-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;max-width:1180px;margin:0 auto 26px}
.flow-node{padding:22px;border:3px solid;border-radius:12px;background:#fff;text-align:center;box-shadow:6px 6px 0 #e2e8f0}
.flow-node b{display:block;font-size:22px}.flow-node p{margin:6px 0 0;color:var(--r-muted);font-size:14px;font-weight:700}
.node-resident{border-color:#fb923c}.node-resident b{color:#c2410c}
.node-city{border-color:var(--r-teal);background:#ecfdf9}.node-city b{color:var(--r-teal)}
.node-contractor{border-color:#60a5fa}.node-contractor b{color:var(--r-blue)}
.flow-arrow{position:relative;min-width:150px;padding:0 14px 16px;text-align:center}
.flow-arrow span{display:block;color:#334155;font-size:13px;font-weight:900;line-height:1.5}
.flow-arrow:after{content:"";position:absolute;left:8px;right:8px;bottom:4px;height:4px;background:var(--r-orange);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%)}
.limit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1000px;margin:0 auto}
.limit-grid article{padding:24px 26px;border:3px solid var(--r-teal);border-radius:12px;background:#fff;box-shadow:7px 7px 0 #99d9d1}
.limit-grid span{display:inline-block;padding:4px 10px;border-radius:4px;background:var(--r-teal);color:#fff;font-size:14px;font-weight:900}
.limit-grid strong{display:block;margin:12px 0 2px;font-size:clamp(40px,5vw,58px);line-height:1.1;letter-spacing:-.03em}
.limit-grid strong small{margin-left:4px;font-size:.36em;letter-spacing:0}
.limit-grid p{margin:0;color:var(--r-muted);font-size:14px;font-weight:700}
.limit-grid .limit-semi{border-color:#f59e0b;box-shadow:7px 7px 0 #fde68a}.limit-grid .limit-semi span{background:#b45309}
.limit-notes{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:1000px;margin:22px auto 0}
.limit-notes p{margin:0;padding:16px 18px;border-left:6px solid var(--r-orange);background:#fff8f1;color:#3f3a33;font-size:15px;line-height:1.8}
.limit-notes b{display:block;color:var(--r-ink);font-size:16px}

/* ---- わたしは使える？ ---- */
.check-questions{display:grid;gap:14px;max-width:1180px;margin:0 auto}
.check-question{margin:0;padding:18px 20px;border:3px solid #cbd5e1;border-radius:10px;background:#fff;box-shadow:5px 5px 0 #e2e8f0}
.check-question legend{display:flex;align-items:center;gap:10px;padding:0 6px;font-size:19px;font-weight:900}
.check-question legend span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--r-orange);color:#fff;font-size:17px}
.check-question>div{display:flex;flex-wrap:wrap;gap:9px;margin-top:8px}
.check-question button{min-height:52px;padding:10px 18px;border:2px solid #cbd5e1;border-radius:8px;background:#fff;color:var(--r-ink);font:inherit;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 3px 0 #dbe4ea}
.check-question button:hover{border-color:var(--r-teal)}
.check-question button[aria-pressed="true"]{border-color:var(--r-teal);background:var(--r-teal);color:#fff;box-shadow:0 3px 0 #115e59}
.check-result{max-width:1180px;margin:22px auto 0}
.check-waiting{padding:18px 20px;border:3px dashed #f59e0b;border-radius:10px;background:#fff8d6;color:#713f12;font-size:16px;font-weight:800;text-align:center}
.check-card{overflow:hidden;border:4px solid;border-radius:14px;background:#fff}
.check-card>header{display:flex;align-items:center;gap:15px;padding:18px 22px;color:#fff}
.check-card>header>span{display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:50%;background:#fff;font-size:28px;font-weight:900}
.check-card>header p{margin:0;font-size:13px;opacity:.9}.check-card>header h3{margin:2px 0 0;font-size:26px;line-height:1.35}
.check-card.tone-ok{border-color:var(--r-teal);box-shadow:8px 8px 0 #99d9d1}.check-card.tone-ok>header{background:var(--r-teal)}.check-card.tone-ok>header>span{color:var(--r-teal)}
.check-card.tone-wait{border-color:#d97706;box-shadow:8px 8px 0 #fde68a}.check-card.tone-wait>header{background:#b45309}.check-card.tone-wait>header>span{color:#b45309}
.check-card.tone-ng{border-color:#b91c1c;box-shadow:8px 8px 0 #fecaca}.check-card.tone-ng>header{background:#b91c1c}.check-card.tone-ng>header>span{color:#b91c1c}
.check-card>:not(header){margin-inline:22px}
.check-limit{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:18px;padding:14px 16px;border-radius:8px;background:#ecfdf9}
.check-limit span{color:var(--r-muted);font-size:14px;font-weight:800}.check-limit strong{font-size:32px}
.check-body{font-size:16px;line-height:1.85}
.check-docs{padding:14px 18px;border:2px solid #cbd5e1;border-radius:8px;background:#f8fafc}
.check-docs b{font-size:16px}.check-docs ol{margin:8px 0 0;padding-left:22px}.check-docs li{margin:3px 0;font-size:15px;font-weight:700}
.check-notes{margin-top:14px;padding-left:20px}.check-notes li{margin:6px 0;font-size:15px;line-height:1.75}
.check-card .waste-button{margin-top:6px}
.check-contact{margin-top:14px;margin-bottom:20px;padding-top:12px;border-top:2px dashed #e2e8f0;font-size:15px;font-weight:800}.check-contact a{color:var(--r-teal)}
.eligibility-rules{max-width:1180px;margin:34px auto 0;padding:24px;border:3px solid #cbd5e1;border-radius:10px;background:#fff}
.eligibility-rules h3{margin:0 0 12px;font-size:20px}
.eligibility-rules ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.eligibility-rules li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center}
.eligibility-rules li span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--r-teal);color:#fff;font-weight:900}
.eligibility-rules li p{margin:0;font-size:16px;line-height:1.75}
.eligibility-rules small{display:block;margin-top:14px;padding:12px 14px;background:#fff8d6;color:#5f4b27;font-size:14px;line-height:1.8}

/* ---- この修理は対象になる？（uto-waste の品目選択カードを流用） ---- */
.repair-filter{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.repair-filter button{min-height:130px}
.item-status{display:inline-block!important;padding:3px 9px;border-radius:999px;font-size:13px!important}
.item-status.status-ok{background:#d1fae5;color:#065f46!important}
.item-status.status-cond{background:#fef3c7;color:#92400e!important}
.item-status.status-ng{background:#fee2e2;color:#991b1b!important}
.repair-item-result{position:relative;max-width:1180px;margin:48px auto 0;padding:24px;border:4px solid var(--r-teal);border-radius:18px;background:#dff7f3;box-shadow:10px 10px 0 #99d9d1}
.repair-item-result:before{content:"";position:absolute;left:50%;top:-42px;width:4px;height:38px;background:var(--r-orange);transform:translateX(-50%)}
.repair-item-result:after{content:"";position:absolute;left:50%;top:-12px;width:14px;height:14px;border-right:4px solid var(--r-orange);border-bottom:4px solid var(--r-orange);transform:translateX(-50%) rotate(45deg)}
.item-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:18px}
.item-columns article{padding:18px 20px;border-radius:10px;background:#fff;box-shadow:0 5px 15px rgba(15,118,110,.14)}
.item-columns h4{display:flex;align-items:center;gap:9px;margin:0 0 8px;font-size:18px}
.item-columns h4 span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#fff;font-size:18px}
.item-yes h4 span{background:var(--r-teal)}.item-no h4 span{background:#b91c1c}
.item-columns ul{margin:0;padding-left:20px}.item-columns li{margin:6px 0;font-size:15px;line-height:1.7}
.repair-item-result .facility-flow{margin:16px 0 0;background:#fff;font-size:15px}
.room-scope{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1180px;margin:36px auto 0}
.room-scope article{padding:22px 24px;border:3px solid;border-radius:10px;background:#fff}
.room-scope h3{display:flex;align-items:center;gap:10px;margin:0;font-size:21px}
.room-scope h3 span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff}
.room-scope p{margin:6px 0 12px;color:var(--r-muted);font-size:14px}
.room-scope ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.room-scope li{padding:8px 13px;border-radius:7px;font-size:15px;font-weight:800}
.room-yes{border-color:#5eead4!important;box-shadow:6px 6px 0 #ccfbf1}.room-yes h3 span{background:var(--r-teal)}.room-yes li{background:#ecfdf9;color:#115e59}
.room-no{border-color:#fca5a5!important;box-shadow:6px 6px 0 #fee2e2}.room-no h3 span{background:#b91c1c}.room-no li{background:#fef2f2;color:#991b1b}
.repair-principles{max-width:1180px;margin:22px auto 0;padding:22px 24px;border:3px dashed #f59e0b;border-radius:10px;background:#fff8d6}
.repair-principles h3{margin:0 0 8px;font-size:20px}
.repair-principles ul{margin:0;padding-left:20px}.repair-principles li{margin:7px 0;font-size:15px;line-height:1.75}
.repair-principles small{display:block;margin-top:12px;color:#5f4b27;font-size:13px;line-height:1.75}

/* ---- 床・壁・屋根の状態 ---- */
.state-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1180px;margin:0 auto}
.state-grid article{padding:22px;border:3px solid #cbd5e1;border-radius:10px;background:#fff;box-shadow:6px 6px 0 #e2e8f0}
.state-grid h3{margin:0;font-size:26px}
.state-structure{margin:4px 0 14px;color:var(--r-muted);font-size:13px;font-weight:700}
.state-grid ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.state-grid li,.state-legend span{position:relative;padding:10px 12px 10px 42px;border-radius:7px;font-size:15px;line-height:1.6}
.state-grid li:before,.state-legend span:before{position:absolute;left:10px;top:9px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;font-size:13px;font-weight:900}
.state-grid .ok,.state-legend .ok{background:#ecfdf9}.state-grid .ok:before,.state-legend .ok:before{content:"○";background:var(--r-teal)}
.state-grid .ng,.state-legend .ng{background:#fef2f2;color:#7f1d1d}.state-grid .ng:before,.state-legend .ng:before{content:"×";background:#b91c1c}
.state-legend{display:flex;flex-wrap:wrap;gap:10px;max-width:1180px;margin:16px auto 0}
.state-legend span{font-size:13px;font-weight:800}

/* ---- 写真 ---- */
.photo-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1180px;margin:0 auto;padding:0;list-style:none;counter-reset:none}
.photo-stages li{position:relative;padding:22px 22px 20px;border:3px solid var(--r-teal);border-radius:10px;background:#fff;box-shadow:6px 6px 0 #99d9d1}
.photo-stages li:not(:last-child):after{content:"→";position:absolute;right:-22px;top:50%;z-index:1;color:var(--r-orange);font-size:28px;font-weight:900;transform:translateY(-50%)}
.photo-stages span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--r-yellow);color:#713f12;font-size:20px;font-weight:900}
.photo-stages b{display:block;margin-top:8px;font-size:26px}
.photo-stages p{margin:6px 0 0;font-size:15px;line-height:1.7}
.photo-stages em{display:inline-block;margin-right:6px;padding:2px 8px;border-radius:4px;background:#fff7ed;color:#c2410c;font-size:13px;font-style:normal;font-weight:900}
.photo-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1180px;margin:22px auto 0}
.photo-tips article{padding:20px 22px;border:2px solid var(--r-line);border-radius:10px;background:#fff}
.photo-tips h3{margin:0 0 8px;font-size:18px;line-height:1.5}
.photo-tips ul{margin:0;padding-left:20px}.photo-tips li{margin:6px 0;font-size:15px;line-height:1.7}
.photo-missing{max-width:1180px;margin:22px auto 0;padding:22px 24px;border:3px solid #f59e0b;border-radius:10px;background:#fffbeb;box-shadow:6px 6px 0 #fde68a}
.photo-missing h3{margin:0 0 8px;font-size:20px}.photo-missing p{margin:0;font-size:15px;line-height:1.8}
.photo-missing ul{margin:10px 0 0;padding-left:20px}.photo-missing li{margin:5px 0;color:#7c2d12;font-size:15px;font-weight:700}

/* ---- 手続きの流れ ---- */
.repair-timeline{position:relative;display:grid;gap:14px;max-width:1000px;margin:0 auto;padding:0;list-style:none}
.repair-timeline:before{content:"";position:absolute;left:25px;top:20px;bottom:20px;width:4px;background:#cbd5e1}
.repair-timeline li{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px}
.step-no{z-index:1;display:grid;place-items:center;width:54px;height:54px;border:4px solid #fff;border-radius:50%;background:var(--r-teal);color:#fff;font-size:22px;font-weight:900;box-shadow:0 0 0 3px var(--r-teal)}
.repair-timeline li>div{padding:18px 22px;border:3px solid #cbd5e1;border-radius:10px;background:#fff;box-shadow:5px 5px 0 #e2e8f0}
.step-stage{margin:0;color:var(--r-teal);font-size:13px;font-weight:900;letter-spacing:.06em}
.repair-timeline h3{margin:2px 0 6px;font-size:21px;line-height:1.45}
.repair-timeline li>div>p:not(.step-stage):not(.actor-row){margin:0;font-size:15px;line-height:1.8}
.repair-timeline small{display:block;margin-top:8px;color:var(--r-muted);font-size:13px;line-height:1.7}
.actor-row{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
.actor{padding:3px 10px;border-radius:999px;font-size:12px;font-style:normal;font-weight:900}
.actor.resident{background:#ffedd5;color:#9a3412}.actor.city{background:#ccfbf1;color:#115e59}.actor.contractor{background:#dbeafe;color:#1e40af}
.timeline-work .step-no{background:var(--r-orange);box-shadow:0 0 0 3px var(--r-orange)}
.timeline-work>div{border-color:#fb923c!important;background:#fff7ed!important}
.deadline-band{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:8px 20px;align-items:center;max-width:1000px;margin:26px auto 0;padding:20px 24px;border-radius:10px;background:#172554;color:#fff}
.deadline-band b{padding:5px 10px;border-radius:4px;background:var(--r-yellow);color:#713f12;font-size:14px}
.deadline-band strong{font-size:26px}.deadline-band span{color:#cbd5e1;font-size:14px;line-height:1.7}

/* ---- 書類 ---- */
.doc-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px;max-width:1180px;margin:0 auto;padding:0;list-style:none}
.doc-list>li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:22px;border:3px solid #cbd5e1;border-radius:10px;background:#fff;box-shadow:6px 6px 0 #e2e8f0}
.doc-no{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:#172554;color:#fff;font-size:22px;font-weight:900}
.doc-who{display:inline-block;margin:0;padding:3px 9px;border-radius:4px;font-size:12px;font-weight:900}
.doc-who.resident{background:#ffedd5;color:#9a3412}.doc-who.city{background:#ccfbf1;color:#115e59}.doc-who.contractor{background:#dbeafe;color:#1e40af}
.doc-list h3{margin:6px 0 6px;font-size:19px;line-height:1.45}
.doc-list li>div>p:not(.doc-who){margin:0;font-size:15px;line-height:1.75}
.doc-list small{display:block;margin-top:8px;color:var(--r-muted);font-size:13px;line-height:1.7}
.doc-list a{display:inline-block;margin-top:10px;color:var(--r-teal);font-size:14px;font-weight:900}
.reason-list{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none}
.reason-list li{padding:4px 9px;border:1px solid #cbd5e1;border-radius:6px;background:#f8fafc;font-size:13px;font-weight:700}
.repair-page .document-section .document-note{max-width:1180px}

/* ---- 修理の間の住まい・借家 ---- */
.rental-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;max-width:1180px;margin:0 auto;padding:24px;border:3px solid #93c5fd;border-radius:10px;background:#fff;box-shadow:6px 6px 0 #dbeafe}
.rental-card+.rental-card{margin-top:18px}
.rental-card h3{margin:0 0 10px;font-size:21px}
.rental-card ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.rental-card li{font-size:15px;line-height:1.75}.rental-card li b:first-child{display:inline-block;min-width:76px;margin-right:8px;padding:2px 8px;border-radius:4px;background:#dbeafe;color:#1e40af;font-size:13px;text-align:center}
.rental-card p{margin:0;font-size:15px;line-height:1.8}
.rental-warn{margin-top:12px!important;padding:10px 12px;border-left:5px solid var(--r-orange);background:#fff7ed;color:#7c2d12;font-weight:700}
.rental-lease{grid-template-columns:1fr;border-color:#cbd5e1;box-shadow:6px 6px 0 #e2e8f0}

/* ---- 修理業者向け ---- */
.repair-page .contractor-section{background:#eff6ff!important}
.contractor-section .section-title>p{background:var(--r-blue)}
.contractor-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1180px;margin:0 auto}
.contractor-steps article{padding:20px 22px;border:3px solid #93c5fd;border-radius:10px;background:#fff;box-shadow:6px 6px 0 #bfdbfe}
.contractor-steps article>p{display:inline-block;margin:0;padding:3px 9px;border-radius:4px;background:#1e3a8a;color:#fff;font-size:12px;font-weight:900}
.contractor-steps h3{margin:8px 0;font-size:19px;line-height:1.45}
.contractor-steps ul{margin:0;padding-left:19px}.contractor-steps li{margin:5px 0;font-size:14px;line-height:1.7}
.contractor-exception{border-color:#fcd34d!important;box-shadow:6px 6px 0 #fde68a!important}.contractor-exception>p{background:#b45309!important}
.contractor-ask{max-width:1180px;margin:20px auto 0;padding:16px 20px;border-left:6px solid var(--r-blue);background:#fff;font-size:15px;font-weight:700;line-height:1.8}

/* ---- 注意・問い合わせ・読み方 ---- */
.caution-grid a{color:var(--r-teal);font-weight:900}
.contact-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:24px;align-items:center;max-width:1180px;margin:0 auto;padding:26px 28px;border:4px solid var(--r-teal);border-radius:14px;background:#fff;box-shadow:8px 8px 0 #99d9d1}
.contact-org{margin:0;color:var(--r-muted);font-size:14px;font-weight:800}
.contact-card h3{margin:2px 0 6px;font-size:28px}.contact-card>div>p:last-child{margin:0;font-size:15px}
.contact-card dl{display:grid;gap:8px;margin:0}
.contact-card dl div{padding:10px 14px;border-radius:8px;background:#ecfdf9}
.contact-card dt{color:var(--r-muted);font-size:12px;font-weight:800}.contact-card dd{margin:0;font-size:24px;font-weight:900;white-space:nowrap}
.contact-card dd a{color:var(--r-ink);text-decoration:none}
.notes-list{display:grid;gap:10px;max-width:1180px;margin:0 auto;padding:0;list-style:none}
.notes-list li{padding:14px 18px;border:2px solid var(--r-line);border-radius:8px;background:#fff;font-size:15px;line-height:1.8}
.notes-list b{display:block;color:var(--r-teal);font-size:16px}
.repair-page .source-notes .classification-note{line-height:1.8}
.form-links{border:2px solid #334155;border-radius:10px}
.form-links summary{padding:15px 17px;color:#fff;font-size:15px;font-weight:900;cursor:pointer}
.form-links p{margin:6px 17px 4px;color:#94a3b8;font-size:13px;font-weight:800}
.form-links a{margin:0 10px 8px;border-width:1px!important}

/* ---- 狭い画面 ---- */
@media(max-width:900px){
  .money-flow{grid-template-columns:1fr}
  .flow-arrow{min-width:0;padding:4px 0 26px}
  .flow-arrow:after{left:50%;right:auto;top:auto;bottom:0;height:22px;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),50% 100%,0 calc(100% - 8px));transform:translateX(-50%);width:14px;background:var(--r-orange)}
  .state-grid,.photo-tips,.contractor-steps{grid-template-columns:1fr}
  .contact-card{grid-template-columns:1fr}
  .deadline-band{grid-template-columns:1fr}
}
@media(max-width:700px){
  .repair-keyfacts{grid-template-columns:1fr 1fr}.repair-keyfacts .keyfact-deadline{grid-column:1/-1}.repair-keyfacts dd{font-size:20px}
  .limit-grid,.limit-notes,.room-scope,.photo-stages{grid-template-columns:1fr}
  .photo-stages li:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-30px;transform:translateX(-50%)}
  .photo-stages{gap:26px}
  .rental-card{grid-template-columns:1fr}
  .doc-list{grid-template-columns:1fr}
  .doc-list>li{grid-template-columns:40px minmax(0,1fr);padding:18px}
  .doc-no{width:40px;height:40px;font-size:19px}
  .check-question button{flex:1 1 calc(50% - 9px);min-width:0;padding:10px}
  .check-card>header h3{font-size:21px}
  .check-card>:not(header){margin-inline:16px}
  .repair-item-result{margin-top:42px;padding:13px;border-width:3px;border-radius:12px;box-shadow:6px 7px 0 #99d9d1}
  .item-columns{grid-template-columns:1fr}
  .repair-timeline:before{left:19px}
  .repair-timeline li{grid-template-columns:40px minmax(0,1fr);gap:10px}
  .step-no{width:40px;height:40px;font-size:17px;border-width:3px}
  .repair-timeline li>div{padding:15px}
  .repair-timeline h3{font-size:18px}
  .contact-card dd{font-size:21px}
}
