*{box-sizing:border-box}body{margin:0;background:#f6f3ed;color:#283d36;font-family:Arial,"PingFang SC",sans-serif;line-height:1.8}a{color:inherit;text-underline-offset:4px}header,main,footer{max-width:1060px;margin:auto;padding:24px}header{border-bottom:1px solid #c9cec3;display:flex;justify-content:space-between;gap:20px}header a{text-decoration:none}nav{font-size:14px}.detail{display:grid;grid-template-columns:250px 1fr;gap:48px;margin:38px 0}.detail img{width:100%;height:auto;border-radius:14px}h1{font-size:36px;line-height:1.4}h2{font-size:23px;margin-top:36px}p{color:#58665d}.label{font-size:13px;color:#886245}.related{display:flex;flex-wrap:wrap;gap:20px;padding:0;list-style:none}.notice{padding:18px;background:#e8eadf;border-radius:10px}footer{border-top:1px solid #c9cec3;font-size:13px}@media(max-width:650px){.detail{grid-template-columns:1fr;gap:20px}.detail figure{margin:0}.detail img{max-width:220px}h1{font-size:28px}header{flex-wrap:wrap}}
body{color:#231846;background:#f7f1e8}p{color:#6f6878}.label{color:#a13f39}a:focus-visible,button:focus-visible{outline:3px solid #ff9f43;outline-offset:4px}#favorite{background:#231846;color:white;border:0;padding:12px 22px;font:inherit;cursor:pointer}#status{font-size:13px}.related a{display:block;padding:12px;border:1px solid #c9cec3;border-radius:6px}figure{margin-left:0}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:#231846;color:white;padding:12px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}