:root{--ink:#203d35;--muted:#78857e;--line:#dfe5de;--paper:#f7f8f4;--green:#235d48}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Malgun Gothic',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}header{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:#fcfdf9}.wordmark{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:2px;font-weight:700}.mark{display:grid;place-items:center;background:var(--ink);color:white;width:31px;height:31px;border-radius:50%;font-family:Georgia;font-size:22px}.readonly{border:1px solid var(--line);border-radius:30px;padding:7px 13px;color:#64776b;font-size:12px}main{max-width:1320px;padding:0 40px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;padding:65px 0 48px;gap:30px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;margin:0 0 15px;color:#6b8172}h1{font-size:48px;letter-spacing:-2.5px;line-height:1.3;font-weight:600;margin:0 0 20px}.lead{font-size:16px;line-height:1.8;color:#6d7b72}.edition{border-left:1px solid #cdd7cd;padding:12px 0 12px 38px;width:275px}.edition span{font-size:10px;letter-spacing:2px;color:#78877b}.edition strong{display:block;font-size:24px;line-height:1.6;font-weight:500;margin-top:20px}.edition p{color:var(--muted);font-size:12px;margin-top:25px}.mobile{display:none}.terms{background:#fff;border:1px solid var(--line);border-radius:16px;padding:27px 30px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px}h2{font-size:19px;margin:0;letter-spacing:-.5px}.section-title>span{font-size:12px;color:var(--muted)}.term-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:26px 0}.term{border-right:1px solid var(--line);padding:0 22px}.term:first-child{padding-left:0}.term:last-child{border:0}.term dt{font-size:12px;color:#748278;margin-bottom:12px}.term dd{margin:0;font-size:15px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.pending{color:#9aa59d}.note{border-top:1px solid #edf0eb;padding-top:17px;display:flex;gap:28px;line-height:1.7}.note b{font-size:12px;min-width:28px}.note p{margin:0;white-space:pre-wrap;color:#7a877d}.products{padding-top:52px}.products h2{font-size:25px}.products h2 span{font-size:16px;color:#91a092;margin-left:8px}.products .eyebrow{margin-bottom:10px}.toolbar{display:flex;gap:12px;margin:24px 0 18px}.search{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;background:white;padding:0 16px;flex:1}.search span{font-size:26px;color:#7b8a7d}.search input{border:0;background:none;outline:0;width:100%;height:48px;color:var(--ink)}input::placeholder{color:#929b93}select,.toolbar button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:8px;padding:0 14px}.toolbar button[aria-pressed=true]{background:var(--green);color:white}.notice{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:7px;background:#eaf0e6;color:#72816a;font-size:12px;line-height:1.7}.notice p{margin:0}.notice strong{font-weight:500}.dot{height:6px;width:6px;min-width:6px;border-radius:50%;background:#8a9d7c}.results{font-size:12px;color:var(--muted);margin:22px 0 14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}.photo{aspect-ratio:1.35;background:#edf0e9;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a1aea1;position:relative}.photo svg{width:40px;height:40px;stroke:#a6b3a6;stroke-width:1;fill:none}.photo small{font-size:11px;margin-top:11px}.photo img{width:100%;height:100%;object-fit:contain;position:absolute}.slot{position:absolute;top:16px;left:17px;color:#7c907e;font-size:10px;letter-spacing:1px}.card-body{padding:22px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.card h3{font-size:17px;overflow-wrap:anywhere;margin:0}.pill{font-size:10px;background:#f1f4ed;color:#879780;padding:5px 8px;border-radius:4px;white-space:nowrap}.prices{display:flex;align-items:flex-end;justify-content:space-between;margin:24px 0 18px}.prices small{font-size:11px;color:var(--muted);display:block;margin-bottom:8px}.prices strong{font-size:25px;font-weight:500}.prices .retail{text-align:right;font-size:13px;color:#869186}.details{display:grid;grid-template-columns:1fr 1fr;gap:15px 10px;border-top:1px solid #e9ede5;padding-top:16px}.details dt{font-size:11px;color:#81907f;margin-bottom:6px}.details dd{margin:0;font-size:13px}.card-button{width:100%;border:0;background:none;color:#536f59;border-top:1px solid #e9ede5;padding:14px;margin-top:18px;font-size:12px}.empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--muted);border:1px dashed #ccd6c9;border-radius:12px}.empty button{display:block;margin:20px auto 0;background:var(--green);color:white;border:0;padding:12px 18px;border-radius:8px}.pagination{display:flex;justify-content:center;align-items:center;gap:26px;margin:35px 0 60px;color:#768673;font-size:12px}.pagination button{padding:10px 16px;background:white;border:1px solid var(--line);border-radius:7px;color:var(--ink)}button:disabled{opacity:.35;cursor:default}footer{border-top:1px solid var(--line);padding:28px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#82907e;font-size:11px}footer>span{letter-spacing:1.5px}dialog{width:min(560px,calc(100% - 32px));border:0;border-radius:16px;padding:25px;color:var(--ink);max-height:85vh}dialog::backdrop{background:#18392d66;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:12px;color:var(--muted)}.dialog-top button{border:0;background:#edf1e9;border-radius:50%;width:30px;height:30px}.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.detail-fields dl{border-bottom:1px solid var(--line);padding-bottom:15px}.detail-fields dt{font-size:12px;color:var(--muted);margin-bottom:10px}.detail-fields dd{margin:0}button:focus-visible,select:focus-visible,a:focus-visible,.search:focus-within{outline:2px solid #508468;outline-offset:3px}@media(min-width:1450px){.grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:800px){main{padding:0 24px}.intro{padding:40px 0 28px}h1{font-size:36px}.edition{width:200px;padding-left:25px}.edition strong{font-size:20px}.grid{grid-template-columns:repeat(2,1fr)}.term-grid{grid-template-columns:1fr 1fr;gap:23px}.term{padding:0;border:0}.terms{padding:24px}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}.toolbar select,.toolbar button{height:42px;flex:1}footer p{display:none}}@media(max-width:500px){header{height:68px;padding:0 20px}main{padding:0 18px}.intro{padding-top:34px}.edition{display:none}h1{font-size:34px;letter-spacing:-1.7px}.lead{font-size:14px}.mobile{display:block}.terms{padding:22px 18px}.section-title>span{font-size:10px}h2{font-size:16px}.term dt{font-size:11px}.term dd{font-size:13px}.products{padding-top:36px}.grid{grid-template-columns:1fr;gap:18px}.photo{aspect-ratio:1.65}.card-body{padding:21px}.notice{align-items:flex-start}.dot{margin-top:7px}footer{font-size:10px}.section-title .unit{font-size:11px}}

/* Compact product comparison */
header{height:64px}.intro{padding:26px 0 22px}.intro h1{font-size:30px;letter-spacing:-1.3px;margin-bottom:10px}.intro h1 br{display:none}.intro .eyebrow{margin-bottom:8px}.intro .lead{font-size:13px;margin:0}.edition{padding:0 0 0 24px}.edition strong{font-size:17px;line-height:1.4;margin-top:8px}.edition strong br{display:none}.edition p{margin:8px 0 0}.terms{padding:18px 24px}.term-grid{margin:15px 0}.term dt{margin-bottom:5px}.note{padding-top:10px}.products{padding-top:28px}.toolbar{margin:16px 0 12px}.results{margin:16px 0 8px}.table-hint{font-size:11px;color:#7a887d;margin:0 0 12px;line-height:1.6}.grid{display:block;border:1px solid var(--line);border-radius:10px;background:white;overflow:auto;max-height:70vh;scrollbar-gutter:stable}.catalog-table{width:100%;min-width:970px;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}.catalog-table thead th{position:sticky;top:0;z-index:3;background:#e8eee5;color:#54705b;font-size:11px;text-align:right;padding:14px 16px;border-bottom:1px solid #cdd8ca;white-space:nowrap}.catalog-table thead th:nth-child(-n+2){text-align:left}.catalog-table td,.catalog-table tbody th{height:70px;padding:8px 16px;border-bottom:1px solid #edf0e9;font-size:13px;text-align:right;background:white;white-space:nowrap}.catalog-table tbody tr:last-child>*{border-bottom:0}.catalog-table tbody tr:hover>*{background:#f6f9f2}.catalog-table th:nth-child(2){position:sticky;left:0;text-align:left;min-width:180px;max-width:240px;z-index:2;box-shadow:2px 0 0 #edf0e9}.catalog-table thead th:nth-child(2){z-index:4;background:#e8eee5}.catalog-table tbody th{font-weight:400}.catalog-table tbody th small{display:block;color:#97a292;font-size:10px;margin-top:5px}.model-link{padding:0;border:0;background:none;color:#294d3b;font-weight:600;white-space:normal;text-align:left;overflow-wrap:anywhere;line-height:1.4}.model-link:hover{text-decoration:underline}.catalog-table .group-price{font-weight:700;color:#285d40;background:#fafcf7}.thumb{display:block;padding:0;border:0;border-radius:5px;overflow:hidden;width:54px;height:54px;background:#edf0e9}.thumb .photo{height:54px;width:54px;aspect-ratio:auto}.thumb .photo svg{width:24px;height:24px}.thumb .slot,.thumb small{display:none}.catalog-table td:first-child{width:80px}.pagination{margin:20px 0 32px}.grid:focus-visible{outline:2px solid #508468;outline-offset:3px}@media(max-width:800px){.toolbar .search{flex-basis:100%}.toolbar select,.toolbar button{flex:1;min-width:0;padding:0 8px;font-size:12px}.edition{display:none}.terms{padding:17px 20px}.term-grid{gap:14px}.intro h1{font-size:27px}.intro .mobile{display:none}}@media(max-width:500px){header{height:55px}.intro{padding:23px 0 18px}.intro h1{font-size:24px}.lead{line-height:1.6}.products{padding-top:22px}.catalog-table{min-width:890px}.catalog-table td,.catalog-table tbody th{height:64px;padding:6px 12px;font-size:12px}.catalog-table thead th{padding:12px;font-size:11px}.catalog-table th:nth-child(2){min-width:150px;max-width:180px}.thumb,.thumb .photo{height:48px;width:48px}.grid{max-height:65vh}.toolbar{gap:8px}.products h2{font-size:21px}}

.note{align-items:flex-start}.note>b{padding-top:2px}#notes{flex:1;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:20px 32px}.note-section h3{margin:0 0 6px;font-size:13px;color:#294d3b}.note-section p{font-size:12px;line-height:1.85;overflow-wrap:anywhere}.note-section:last-child{grid-column:1/-1}@media(max-width:600px){.note{display:block}.note>b{display:block;margin-bottom:16px}#notes{grid-template-columns:1fr;gap:18px}.note-section p{font-size:12px}}

main>.terms{margin-top:24px}.wordmark{font-size:17px;letter-spacing:-.4px}@media(max-width:500px){main>.terms{margin-top:16px}.wordmark{font-size:16px}}
