:root{font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;color:#252c34;background:#f4f6f8;line-height:1.65;color-scheme:light;scroll-padding:24px 0 130px;--blue:#1659a6;--line:#d8e0e8}*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-underline-offset:4px}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer;border:1px solid #b8c6d5;background:white;color:#273b53;border-radius:4px;padding:10px 14px;font-size:.85rem}button:hover{background:#edf3fa}button:disabled{cursor:default;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #2678d3;outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-80px;left:16px;padding:10px;background:white;z-index:20}.skip:focus{top:10px}header,main,footer{max-width:1240px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);flex-wrap:wrap}header>span{font-size:.8rem;color:#5d6b79}nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:20px;font-size:.85rem}nav a{padding:4px 0}h1{font-size:clamp(1.6rem,3.1vw,2.3rem);line-height:1.4;margin:4px 0 14px;text-wrap:balance}h2{font-size:1.4rem;line-height:1.5;margin:0 0 12px}h3{line-height:1.4}p{margin:0 0 14px}.intro{padding:8px 0 18px}.intro>p{font-size:.9rem}.note{font-size:.75rem!important;color:#586774;max-width:1000px}.section-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:18px}.section-title h2{margin:0}.section-title>span{font-size:.75rem;color:#617082}.section-title p{font-size:.85rem;margin:6px 0 0}section{padding:26px 0 34px;border-bottom:1px solid var(--line);scroll-margin-top:24px}.designs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.design{min-width:0;background:white;border:1px solid var(--line);padding:16px;scroll-margin-top:24px}.design.selected{border:2px solid var(--blue);padding:15px}.design-title{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px}.design-title h3{margin:0;font-size:1.05rem;font-weight:800}.design-title h3 span{display:block;font-size:.85rem;font-weight:500;margin-top:5px}.pick{display:none;align-items:center;gap:5px;white-space:nowrap;font-size:.75rem;padding:4px 0;cursor:pointer}.interactive .pick{display:flex}.pick input{width:17px;height:17px;margin:0;accent-color:var(--blue)}.pick:has(input:disabled){color:#7d8690}.screens{display:grid;grid-template-columns:minmax(0,1fr) 68px;gap:10px;align-items:center;min-height:175px;text-decoration:none;margin-bottom:10px}.screens figure{margin:0;min-width:0}.screens img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #bdc6d0}.screen-pc img{aspect-ratio:16/9}.screen-phone img{aspect-ratio:375/812}.screens figcaption{text-align:center;color:#667584;font-size:.65rem;margin-top:5px}.impression{font-size:.9rem;font-weight:700;margin:10px 0}.quick-review{display:grid;grid-template-columns:34px minmax(0,1fr);gap:7px 8px;font-size:.8rem;margin:0;line-height:1.6}.quick-review dt{font-weight:700;color:#3b5877}.quick-review dt:nth-of-type(2){color:#9a5220}.quick-review dd{margin:0;overflow-wrap:anywhere}.card-links{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.7rem;margin-top:16px}.card-links a{padding:3px 0}details{border-top:1px solid var(--line);padding-top:12px;margin-top:16px}summary{cursor:pointer;padding:4px 0;font-size:.8rem;color:#384f69}details>p{font-size:.8rem;margin-top:12px}.full-review{display:grid;grid-template-columns:55px minmax(0,1fr);gap:10px;font-size:.8rem;line-height:1.8;margin:16px 0 0}.full-review dt{font-weight:700}.full-review dd{margin:0;overflow-wrap:anywhere}.compare-tray{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 24px calc(12px + env(safe-area-inset-bottom));background:white;border-top:1px solid #afbdd0;font-size:.85rem}.compare-tray #open-comparison{background:var(--blue);color:white;border-color:var(--blue)}.compare-tray #open-comparison:hover{background:#104985}.interactive footer{padding-bottom:130px}.compare-grid{display:grid;grid-template-columns:repeat(var(--columns,2),minmax(0,1fr));gap:20px}.compare-grid .design{border-color:#9eafc2}.compare-grid .screens{grid-template-columns:minmax(0,1fr) 90px;min-height:225px}.compare-grid[data-view=pc] .screens{display:block;min-height:0;margin:24px 0}.compare-grid[data-view=pc] .screen-phone{display:none}.compare-grid[data-view=phone] .screen-pc{display:none}.compare-grid[data-view=phone] .screens{display:flex;justify-content:center;min-height:0;margin:18px 0}.compare-grid[data-view=phone] .screen-phone{width:min(190px,100%)}.view-switch{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.view-switch [aria-pressed=true]{background:#e4effb;border-color:var(--blue);color:#124f92}#side-by-side{border:1px solid #adc2dd;padding:24px;background:#eaf1f8;margin:12px 0 20px}.section-lead{font-size:.9rem;max-width:900px;margin-bottom:22px}.concepts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.concept{background:white;border:1px solid var(--line);padding:22px}.concept h3{font-size:1.05rem;margin:6px 0 18px}.concept p{font-size:.8rem}.concept-state{color:#3e648a;font-size:.7rem!important;margin-bottom:8px}.flow{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:16px}.flow li{position:relative;text-align:center;background:#f0f4f8;border:1px solid #c9d5e2;padding:10px;font-size:.8rem}.flow li:not(:last-child)::after{content:'↓';position:absolute;top:100%;left:calc(50% - 5px);line-height:16px;color:#768fa8}.concept>details{margin-bottom:18px}.concept>a{font-size:.8rem}.recommendation{border-left:3px solid #4e749e;padding:20px 24px;margin-top:24px;background:#edf2f8}.recommendation h3{margin:0 0 10px;font-size:1rem}.recommendation p{font-size:.85rem}.preset{display:inline-block;font-size:.85rem;font-weight:700;padding:5px 0}.families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.families article{border-top:2px solid #c1cfdf;padding:14px 0}.families h3{font-size:.95rem;margin:0 0 8px}.families p{font-size:.8rem;margin:0}.table-scroll{overflow:auto;margin-top:16px}table{width:100%;min-width:600px;border-collapse:collapse;text-align:left;font-size:.8rem}th,td{border-bottom:1px solid var(--line);padding:10px;vertical-align:top}th{white-space:nowrap}.exclusion-reason{font-size:.75rem;line-height:1.7;border-left:2px solid #9eaab8;padding-left:10px;margin-top:14px}.excluded-record .designs{margin-top:20px}#excluded>p{font-size:.85rem}#readiness ul{font-size:.85rem;line-height:1.8;padding-left:20px}footer{font-size:.75rem;color:#617082}.noscript{max-width:1200px;margin:20px auto;padding:16px;font-size:.85rem}@media(max-width:1100px){.designs{grid-template-columns:repeat(2,minmax(0,1fr))}.screens{grid-template-columns:minmax(0,1fr) 85px;min-height:205px}nav{width:100%;margin:0}.concepts{gap:14px}.concept{padding:18px}.compare-grid .screens{grid-template-columns:minmax(0,1fr) 70px;min-height:180px}}@media(max-width:700px){header,main,footer{padding:16px}.intro{padding:6px 0 4px}.intro>p{font-size:.85rem}h1{font-size:1.7rem}.note{font-size:.7rem!important}h2{font-size:1.2rem}.section-title{gap:8px}.section-title>span{font-size:.7rem}.designs{grid-template-columns:1fr;gap:18px}.design-title h3 span{font-size:.9rem}.screens{grid-template-columns:minmax(0,1fr) 75px;min-height:185px}.quick-review{font-size:.85rem}.pick{font-size:.75rem}.concepts,.families{grid-template-columns:1fr}.flow{flex-direction:row;gap:14px}.flow li{flex:1;padding:8px 6px;font-size:.7rem}.flow li:not(:last-child)::after{content:'→';left:100%;top:calc(50% - 8px);width:14px;line-height:16px}.concept{padding:18px}.concept>h3{margin-bottom:16px}.concept .flow{margin-bottom:18px}.recommendation{padding:18px}.compare-tray{flex-wrap:wrap;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.compare-tray>span{width:100%;text-align:center;font-size:.75rem}.compare-tray button{font-size:.8rem;padding:8px 12px}#side-by-side{padding:16px}.compare-grid{grid-template-columns:repeat(var(--columns,2),minmax(250px,1fr));overflow-x:auto;gap:14px;padding:4px 4px 12px;scroll-snap-type:x proximity}.compare-grid .design{scroll-snap-align:start}.compare-grid .screens{grid-template-columns:minmax(0,1fr) 65px;min-height:175px}.view-switch button{font-size:.75rem;padding:9px 10px}.families{gap:8px}.families article{padding:12px 0}}@media print{body{background:white;font-size:10pt}.skip,.pick,.compare-tray,header nav,.card-links,.view-switch,#close-comparison,footer>a{display:none!important}header,main,footer{max-width:none;padding:10px}.intro h1{font-size:20pt}.designs,.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.design,.concept{break-inside:avoid}.screens,.compare-grid .screens{grid-template-columns:minmax(0,1fr) 60px;min-height:150px}.concepts{grid-template-columns:repeat(3,minmax(0,1fr))}#excluded,#readiness{display:none}section{padding:16px 0}.interactive footer{padding-bottom:10px}a{color:inherit}body.comparing #comparison{display:none}#side-by-side{border:0;background:white;padding:0}}
.design-key{font-size:.75rem;color:#46627f;margin:0 0 10px;display:flex;gap:8px;align-items:center}.design-key>b{padding:1px 7px;border:1px solid #b5c6d8;font-size:.8rem;font-variant-numeric:tabular-nums}.key-legend{margin:0 0 20px;border:0;padding:0}.key-legend ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;font-size:.75rem}.key-legend li{padding:10px;background:white;border:1px solid var(--line)}.key-legend b{color:#245a91;margin-right:4px}@media(max-width:700px){.key-legend ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{.key-legend{display:none}}

.recommended-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0 10px}.recommended-card{min-width:0;padding:16px;background:#fff;border:1px solid var(--line)}.recommended-role{font-size:.75rem;font-weight:700;color:#3b5877;margin:0 0 6px}.recommended-card h3{font-size:1.3rem;margin:0 0 14px}.recommended-card h3 span{display:block;font-size:.8rem;font-weight:500;margin-top:4px}.recommended-preview{display:block}.recommended-preview img{display:block;width:100%;height:auto;aspect-ratio:16/9;border:1px solid #bdc6d0}.recommended-links{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:14px;font-size:.8rem}.recommended-open{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border:1px solid #1659a6;border-radius:4px;background:#1659a6;color:white;font-weight:700;text-decoration:none}.recommended-open:hover{background:#104985;border-color:#104985}.recommended-links>a:not(.recommended-open){display:inline-flex;align-items:center;min-height:44px;padding:8px 0}.recommended-preview:hover img{border-color:#1659a6}.design-title h3{font-size:1.2rem}@media(max-width:700px){.recommended-grid{grid-template-columns:1fr;gap:16px}.recommended-card{padding:16px}.recommended-card h3{font-size:1.25rem}}@media print{.recommended-card{break-inside:avoid}.recommended-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recommended-links{display:none}}