:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18334a;background:#f4f8fb;line-height:1.5}
*{box-sizing:border-box}body{margin:0}a{color:#087389}a:hover{text-decoration:none}header{background:#102b3b;color:#fff}header .top{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:70px}header strong{letter-spacing:.08em}header strong span{color:#79d7d1}nav{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}nav a,nav .link{color:#e7f7f6;text-decoration:none;font-size:.92rem}nav form{display:inline}.link{background:none;border:0;padding:0;cursor:pointer;font:inherit}.wrap{width:min(1120px,calc(100% - 2rem));margin-inline:auto}main{padding:2rem 0 4rem;min-height:75vh}h1{font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.2;margin:0 0 1.4rem}h2{font-size:1.15rem;margin:0 0 1rem}h3{font-size:1rem;margin:1.2rem 0 .25rem}.card{background:#fff;border:1px solid #d9e5ec;border-radius:12px;padding:1.3rem;margin-bottom:1rem;box-shadow:0 2px 12px #163a5110}.narrow{max-width:520px}.stats,.grid,.comparison{display:grid;gap:1rem}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.grid,.comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.stats b{display:block;font-size:2rem;color:#0b6778}.stats span{color:#607583}.button,button:not(.link){display:inline-block;background:#087389;color:#fff;border:1px solid #087389;border-radius:7px;padding:.7rem 1rem;text-decoration:none;font:inherit;font-weight:650;cursor:pointer}.button.secondary{background:#fff;color:#087389}button:hover,.button:hover{filter:brightness(.92)}label{display:block;font-weight:600;margin:0 0 1rem}input:not([type=checkbox]),select,textarea{display:block;width:100%;margin-top:.35rem;padding:.68rem;border:1px solid #aabfc9;border-radius:6px;background:#fff;font:inherit;color:#18334a}textarea{min-height:120px;resize:vertical}.check{font-weight:400;display:flex;gap:.5rem;align-items:flex-start}.check input{margin-top:.35rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #e0ebf0;padding:.7rem .4rem;vertical-align:top}th{color:#526b79;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.card{overflow:auto}.comparison img{width:100%;max-height:560px;object-fit:contain;background:#eaf1f3;border-radius:6px}.reference{display:flex;gap:1rem;align-items:center;border-bottom:1px solid #e0ebf0;padding:.5rem 0}.reference img{width:100px;height:80px;object-fit:cover}.notice{background:#e4f5f2;border-left:4px solid #0a8a7a;padding:.9rem 1rem;border-radius:4px}.notice.error{background:#fcefeb;border-color:#bc5139}.status{font-size:1.25rem;font-weight:700;color:#0a6a77}small{color:#607583}footer{padding:1.5rem 0 2rem;color:#607583;font-size:.85rem}@media(max-width:740px){header .top{align-items:flex-start;flex-direction:column;padding:1rem 0}nav{gap:.7rem}.stats,.grid,.comparison{grid-template-columns:1fr}table{min-width:520px}}
.reference-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.reference-gallery img{width:100%;max-height:320px;object-fit:contain;background:#eaf1f3;border-radius:6px}