:root{--f-ink:#263e3a;--f-muted:#62736e;--f-green:#176c57;--f-line:#dce7df;--f-bg:#f4f8f4}.family-page{margin:0;background:var(--f-bg);color:var(--f-ink);font:16px/1.8 -apple-system,BlinkMacSystemFont,"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif}.family-page *,.f-ranking *,.f-diagnosed *,.f-home *{box-sizing:border-box}.family-page a{color:var(--f-green)}.f-header{display:flex;justify-content:space-between;gap:12px;background:white;padding:14px 20px;border-bottom:1px solid var(--f-line)}.f-header a{font-size:13px;text-decoration:none;padding:8px 0}.f-main{max-width:800px;margin:auto;padding:28px 18px 60px}.f-main h1{font-size:clamp(25px,5vw,36px);line-height:1.5;margin:8px 0 22px}.f-main h2,.f-ranking h2,.f-diagnosed h2{font-size:23px;line-height:1.5;margin:8px 0 16px}.f-main section{margin:24px 0}.f-kicker{color:var(--f-green);font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 8px}.f-lead{color:var(--f-muted)}.f-ranking,.f-diagnosed{color:var(--f-ink);padding:24px 18px;margin:24px 0;background:#fff;border:1px solid var(--f-line);border-radius:22px;line-height:1.7}.f-home .f-ranking{margin-bottom:0}.f-period,.f-caption,.f-scope{font-size:12px;color:var(--f-muted);margin:8px 0}.f-age-note{font-size:13px;background:#eef5f0;padding:12px;border-radius:10px}.f-subhead{font-size:17px;margin:25px 0 4px}.f-rank-list{display:grid;gap:12px}.f-card{padding:17px;border:1px solid var(--f-line);border-left:5px solid #96a6a1;border-radius:14px;background:#fafcfb}.f-card-title{display:flex;align-items:center;gap:10px}.f-card h3{font-size:18px;line-height:1.4;margin:0}.f-rank{display:grid;place-items:center;min-width:30px;height:30px;background:white;border:1px solid var(--f-line);border-radius:50%;font-weight:800}.f-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:12px;font-weight:700}.f-level,.f-trend{padding:4px 9px;border-radius:6px;background:#fff}.f-card.level-low{border-left-color:#3a8c63;background:#f2f8f3}.f-card.level-low .f-level{color:#216641}.f-card.level-watch{border-left-color:#d8ad25;background:#fffbed}.f-card.level-watch .f-level{color:#795c00}.f-card.level-high{border-left-color:#e6873e;background:#fff4e9}.f-card.level-high .f-level{color:#954908}.f-card.level-very-high{border-left-color:#d6605c;background:#fff0ee}.f-card.level-very-high .f-level{color:#a72e2c}.f-tip{font-size:14px;margin:14px 0 0}.f-tip b{display:block;font-size:11px;color:var(--f-muted);margin-bottom:4px}.f-card-links{display:flex;flex-wrap:wrap;gap:4px 15px;margin-top:10px}.f-card-links a,.f-text-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--f-green);font-weight:600;text-decoration:none}.f-respiratory{display:grid;gap:12px;margin-top:12px}.f-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}.f-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 17px;border:1px solid var(--f-green);border-radius:12px;background:var(--f-green);color:white!important;font:inherit;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;max-width:100%;text-align:center}.f-button.secondary{color:var(--f-green)!important;background:white}.f-wide{width:100%;margin:16px 0}.f-method{margin-top:22px;border-top:1px solid var(--f-line);padding-top:12px;font-size:13px}.f-method summary{cursor:pointer;min-height:44px;padding:8px 0}.f-empty{padding:24px;background:#f3f7f3;border-radius:16px}.f-save-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;font-size:11px;color:var(--f-muted);padding:8px}.f-save-row button{min-height:44px;background:transparent;border:0;text-decoration:underline;color:var(--f-green)}.f-guide-links{display:grid;gap:7px}.f-guide-links a{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:12px 14px;background:var(--f-bg);border-radius:10px;font-size:14px;color:var(--f-green);text-decoration:none}.f-guide-card,.f-answer{background:white;padding:22px;border:1px solid var(--f-line);border-radius:18px}.f-answer{background:#e9f3ec;border-left:5px solid var(--f-green)}.f-answer p{font-size:17px;font-weight:600}.f-answer small{font-size:12px}.f-tabs,.f-audience{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.f-tabs a,.f-audience a{flex-shrink:0;padding:12px 16px;background:white;border:1px solid var(--f-line);border-radius:12px;text-decoration:none;font-size:13px}.f-tabs [aria-current],.f-audience [aria-current]{background:var(--f-green);color:white}.f-tips{padding-left:24px}.f-tips li{padding:10px 0}.f-checklist label{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--f-line)}.f-checklist input{width:22px;height:22px;flex-shrink:0;accent-color:var(--f-green)}.f-field{display:flex;flex-direction:column;gap:8px;margin:0 0 20px;font-size:14px;font-weight:600}.f-field input,.f-field select{min-width:0;width:100%;min-height:50px;padding:12px;border:1px solid #a8bbb0;border-radius:10px;background:white;font:inherit;font-size:16px;color:var(--f-ink)}.f-result-date{font-size:30px!important;color:var(--f-green)}.f-sources{border-top:1px solid var(--f-line);padding-top:20px;font-size:13px}.f-sources h2{font-size:18px}.f-sources ul{padding-left:20px}.f-sources li{margin:15px 0;overflow-wrap:anywhere}.f-sources small{display:block;color:var(--f-muted)}.f-footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--f-line);font-size:12px;color:var(--f-muted)}.f-feedback{font-size:13px}.f-share-copy{width:100%;height:100px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #326ca8;outline-offset:3px}[hidden]{display:none!important}@media(min-width:650px){.f-respiratory{grid-template-columns:1fr 1fr}.f-guide-links{grid-template-columns:1fr 1fr}.f-mobile{display:none}.f-ranking,.f-diagnosed{padding:30px}.f-main{padding-top:40px}}@media print{@page{size:A4;margin:12mm}.f-header,.f-footer,.f-print-controls{display:none!important}.family-page{background:white;font-size:10pt;line-height:1.5}.f-main{max-width:none;padding:0}.f-ranking{border:0;margin:0;padding:0}.f-rank-list{grid-template-columns:repeat(3,1fr)}.f-respiratory{grid-template-columns:1fr 1fr}.f-card{padding:9px;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}.f-card h3{font-size:12pt}.f-tip{font-size:9pt}.f-ranking h2{font-size:18pt}.f-subhead{margin-top:12px}.f-period,.f-scope,.f-caption{font-size:8pt}.f-print-sources{font-size:7pt;overflow-wrap:anywhere}.f-main h1{font-size:20pt}.f-main section{margin:12px 0}}
