:root{--ink:#242620;--lime:#d8f067;--bg:#f6f6f0;--line:#b8beaa;--muted:#626655}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 'Malgun Gothic',sans-serif}a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid #a24e20;outline-offset:3px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;z-index:4}header{margin:0 5%;padding:24px 0;border-bottom:3px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font:bold 25px Batang,serif;text-decoration:none}.logo span{display:block;font:8px/3 Consolas,monospace;letter-spacing:2px}nav{display:flex;gap:24px;font-size:12px}.edition{font:9px Consolas,monospace}main{max-width:1300px;margin:auto;padding:0 5%}.cover{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;padding:50px 0 60px;align-items:center}.cover-number{font:clamp(130px,18vw,230px)/1 Georgia,serif;letter-spacing:-20px}.cover-number span{color:#a5bc46;font-style:italic}.cover h1{font:clamp(32px,3.5vw,47px)/1.35 Batang,serif;margin:20px 0}.cover h1 em{font-style:normal;background:linear-gradient(transparent 65%,var(--lime) 65%)}.cover p{font-size:12px}.cover .intro{font-size:14px;color:var(--muted)}.cover a{display:inline-block;margin-top:12px;font-size:13px}.section-heading{display:grid;grid-template-columns:1fr 1.5fr;column-gap:40px;border-top:1px solid var(--ink);padding:25px 0}.section-heading>span{grid-column:1/-1;font:10px Consolas,monospace;letter-spacing:2px}.section-heading h2{font-size:22px}.section-heading p{font-size:12px;color:var(--muted)}.criteria-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--ink)}.criteria-list>label{padding:25px;border-right:1px solid var(--ink)}.criteria-list>label:last-child{border:0}label{display:block;font-size:12px}input:not([type=range]),textarea{display:block;width:100%;min-width:0;padding:10px;background:transparent;border:1px solid var(--line);color:inherit;margin-top:7px;border-radius:0}.criteria-list input:not([type=range]){font-size:17px;font-weight:bold;background:transparent;border:0;border-bottom:1px solid var(--line);padding:10px 0}.weight-label{display:block;margin-top:20px;font-size:11px}.weight-label output{float:right}input[type=range]{width:100%;accent-color:var(--ink)}.candidate{display:grid;grid-template-columns:1fr 1.4fr;gap:65px;padding:70px 0}.eyebrow{font:10px Consolas,monospace;letter-spacing:2px}.candidate h2{font:35px/1.4 Batang,serif}.candidate>div>p{font-size:13px;max-width:290px;color:var(--muted)}.quote{font:30px/1.5 Batang,serif;background:var(--lime);padding:25px;max-width:300px;margin-top:35px;transform:rotate(-3deg)}form{border-top:1px solid var(--ink);padding-top:20px}form>label{margin-bottom:20px}.prices{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}#score-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}#score-fields input{text-align:center}form>button{padding:13px;background:var(--ink);color:var(--lime);border:0;width:100%}#status{font-size:12px}#matrix{border-top:3px solid var(--ink);padding:30px 0}.matrix-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px}.matrix-heading>span{width:100%}.matrix-heading h2{font-size:27px}.matrix-heading button,.storage button{background:transparent;border:0;border-bottom:1px solid var(--ink);padding:8px 0;font-size:12px;color:inherit}#comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin:25px 0}#comparison article{border:1px solid var(--line);padding:25px;background:#fff}#comparison h3{font:22px/1.4 Batang,serif;margin:0 0 20px;overflow-wrap:anywhere}#comparison .cost{font:26px Consolas,monospace}#comparison .score{background:var(--lime);padding:12px;margin:15px 0;font-size:14px}#comparison dl{font-size:12px}#comparison dl div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:8px 0}#comparison dd{margin:0}#comparison .reason{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}#comparison button{background:transparent;border:1px solid var(--line);padding:6px 10px;font-size:11px;color:inherit}.formula{font-size:12px;color:var(--muted)}.storage{border-top:1px solid var(--line);padding:25px 0 50px}.storage h2{font-size:20px}.storage p{font-size:12px;max-width:900px}footer{border-top:1px solid var(--line);padding:25px 5%;display:flex;justify-content:space-between;font-size:12px}@media(max-width:850px){.edition{display:none}.cover{gap:25px}.cover-number{letter-spacing:-13px}.candidate{gap:35px}.criteria-list>label{padding:18px}}@media(max-width:600px){header{flex-direction:column;align-items:flex-start;gap:12px}nav{gap:17px}.cover{grid-template-columns:1fr;padding:25px 0 35px;gap:15px}.cover-number{font-size:95px;letter-spacing:-8px}.cover h1{margin-top:10px}.section-heading,.candidate{grid-template-columns:1fr;gap:10px}.criteria-list{grid-template-columns:1fr}.criteria-list>label{border-right:0;border-bottom:1px solid var(--ink)}.candidate{padding:35px 0}.quote{font-size:24px;margin:20px 0 30px;max-width:none}.prices{grid-template-columns:1fr}#comparison{grid-template-columns:1fr}#score-fields{gap:8px}#score-fields label{font-size:10px}.matrix-heading h2{font-size:24px}footer{flex-direction:column;gap:10px}}

.concept-image{margin:20px 0 40px}.concept-image img{display:block;width:100%;height:auto;max-height:320px;object-fit:cover}.concept-image figcaption{font-size:10px;margin-top:8px;color:inherit;opacity:.8}