*{box-sizing:border-box}:root{color-scheme:light;--paper:#f7f4eb;--ink:#243f3b;--muted:#748077}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Apple SD Gothic Neo',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid #b56844;outline-offset:6px}header,main,footer{max-width:1240px;margin:auto;padding-left:6%;padding-right:6%}header{padding-top:28px;padding-bottom:28px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #243f3b25;font-size:12px}.brand{letter-spacing:2px}.intro{padding:65px 0 40px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--muted)}h1,h2{font-family:Georgia,'Noto Serif KR',serif;font-weight:400}h1{font-size:clamp(36px,5vw,58px);line-height:1.35;margin:20px 0}.page-nav{display:flex;gap:25px;margin-top:28px;font-size:13px}.page-nav a{border-bottom:1px solid #243f3b45;padding-bottom:8px}.tool-section{padding:34px 0 48px;border-top:1px solid #243f3b25;scroll-margin-top:24px}.section-heading{display:flex;gap:18px;align-items:baseline;margin-bottom:25px}.section-heading h2{font-size:27px;margin:0}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.tool{min-width:0;display:block}.tool-image{aspect-ratio:4/3;background:#eeede4;display:grid;place-items:center;border-radius:3px;transition:background .2s}.tool-image img{width:112px;height:112px;max-width:60%;object-fit:contain;border-radius:18px}.tool h3{display:flex;justify-content:space-between;gap:10px;font-size:16px;font-weight:400;line-height:1.5;margin:15px 0 0}.tool h3 span{color:var(--muted);font-size:13px}.tool small{display:block;color:var(--muted);font-size:11px;margin-top:7px}a.tool:hover .tool-image{background:#e2e7dc}footer{border-top:1px solid #243f3b25;padding-top:27px;padding-bottom:40px;font-size:12px}.footer-row{display:flex;justify-content:space-between;gap:20px}details{margin-top:25px;color:var(--muted);font-size:11px}summary{cursor:pointer;width:fit-content}.sources{display:flex;gap:14px 22px;flex-wrap:wrap;margin-top:18px;line-height:1.8}.sources a{text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.intro{padding:42px 0 28px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.tool h3{font-size:14px}.tool-image img{width:90px;height:90px}.section-heading h2{font-size:23px}}@media(max-width:350px){.tool-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.tool-image{transition:none}}
.hardware-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hardware-tool .tool-image{background:#fff;padding:18px}.hardware-tool .tool-image img{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0}.hardware-tool small{line-height:1.8}@media(max-width:480px){.hardware-grid{grid-template-columns:1fr}}