:root{font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;line-height:1.6;font-weight:400;color:#231608;background-color:#f8f3ea;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,#fff9ee 0%,transparent 50%),radial-gradient(circle at 80% 0%,#ffe9c2 0%,transparent 45%),#f8f3ea}a{color:inherit}#root{max-width:1100px;margin:0 auto;padding:36px 20px 60px}.app{display:flex;flex-direction:column;gap:48px}.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:24px;padding:40px;border-radius:28px;background:linear-gradient(135deg,#f5f2e8,#fef6ed 45%,#fff3db);box-shadow:0 24px 60px #3524041f}.hero__content h1{font-size:clamp(2.2rem,3.2vw,3.4rem);margin:10px 0 12px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;color:#7c5b2b;font-weight:700}.lead{font-size:1.08rem;color:#3d2a13;margin:0 0 18px}.summary{display:grid;gap:12px;padding:16px 18px;border-radius:16px;background:#ffffffbf;border:1px solid rgba(124,91,43,.2);color:#3d2a13}.meta{display:flex;flex-direction:column;gap:6px;font-size:.92rem;color:#6a4a1f}.hero__notice{padding:24px;border-radius:20px;background:#fff;border:1px solid rgba(124,91,43,.15);display:flex;flex-direction:column;gap:10px}.hero__notice h2{margin:0;font-size:1.3rem}.notice__badge{align-self:flex-start;padding:4px 10px;border-radius:999px;background:#2f2010;color:#fff6e6;font-size:.78rem;font-weight:600}.notice__footnote{margin:0;font-size:.85rem;color:#6a4a1f}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:#2f2010;color:#fff6e6;text-decoration:none;font-weight:600;transition:transform .2s ease}.button:hover{transform:translateY(-2px)}.list a{text-decoration:none;color:inherit}.list a:hover{text-decoration:underline}.content{display:flex;flex-direction:column;gap:28px}.card{padding:28px;border-radius:20px;background:#fff;border:1px solid rgba(45,30,8,.08);box-shadow:0 16px 40px #38240a14}.note{margin-top:16px;color:#6a4a1f;font-size:.92rem}.list{margin:0;padding-left:18px;color:#3e2b11}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.panel{padding:22px;border-radius:18px;background:#fff8ef;border:1px solid rgba(108,78,35,.15)}.panel h3{margin-top:0;margin-bottom:10px}.steps{padding-left:18px;margin:0}.mhd-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px}.mhd-images figure,.image-grid figure{margin:0;display:grid;gap:8px}.mhd-images img,.image-grid img{width:100%;border-radius:12px;border:1px solid rgba(108,78,35,.15);background:#fff}.mhd-images figcaption,.image-grid figcaption{font-size:.82rem;color:#6a4a1f}.details{margin-top:16px;border-radius:14px;border:1px solid rgba(108,78,35,.15);padding:12px 16px;background:#fdf9f3}.details summary{cursor:pointer;font-weight:600;color:#3e2b11}.table-wrap{overflow-x:auto;margin-top:14px}.table{width:100%;border-collapse:collapse;min-width:520px}.table th,.table td{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(108,78,35,.12);vertical-align:top}.table th{font-size:.85rem;color:#6a4a1f}.table__product{font-weight:600}.table__brand{font-size:.8rem;color:#6a4a1f;margin-top:4px}.image-grid{display:grid;gap:16px;margin-top:16px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:12px}.contact{padding:14px;border-radius:14px;background:#fff8ef;border:1px solid rgba(108,78,35,.12)}.contact__type{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#6a4a1f}.contact__value{font-weight:600;margin-top:6px}.contact__hours{font-size:.85rem;color:#6a4a1f;margin-top:6px}.changelog{color:#6a4a1f;text-decoration:underline}.footer{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:20px;background:#1f1408;color:#fef6e8}.footnote{font-size:.85rem;opacity:.8}@media(max-width:840px){.hero{grid-template-columns:1fr;padding:28px}}