*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f0e7;color:#232622;font-family:system-ui,"Noto Sans TC",sans-serif;min-width:320px}a{color:inherit}a:focus-visible{outline:3px solid #a54f39;outline-offset:4px}.skip{position:fixed;top:5px;left:12px;transform:translateY(-160%);background:#fff;padding:12px}.skip:focus{transform:none}.top{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px clamp(22px,5vw,70px);border-bottom:1px solid #cac7bd;font:12px ui-monospace,monospace}.top a{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}.top span{font-size:10px;letter-spacing:.08em;color:#6c6d62}main{max-width:1250px;margin:auto;padding:0 clamp(20px,5vw,70px) 90px}.intro{padding:clamp(55px,9vw,125px) 0 70px}.overline,.category-code{font:700 12px ui-monospace,monospace;letter-spacing:.12em;color:#a4513e}.intro h1{font:500 clamp(51px,7.4vw,103px)/1.13 Georgia,"Noto Serif TC",serif;letter-spacing:-.06em;margin:24px 0}.intro h1 em{font-weight:400;color:#996047}.intro>p:last-child{font-size:17px;line-height:1.95;max-width:710px;color:#575b53}.categories{border-top:3px solid #232622}.category{display:grid;grid-template-columns:minmax(90px,.3fr) minmax(0,1fr);gap:25px;border-bottom:1px solid #c9c7be;padding:32px 0 40px}.category:nth-child(2){background:#e5ebe3}.category:nth-child(4){background:#e7e5ed}.category-no{font:500 clamp(44px,6vw,84px) Georgia,serif;letter-spacing:-.06em;padding-left:12px}.category-no small{font:12px ui-monospace,monospace;letter-spacing:0}.category h2{font:500 clamp(33px,4vw,55px) Georgia,"Noto Serif TC",serif;margin:9px 0 15px}.category-description{font-size:15px;line-height:1.8;color:#555950;max-width:650px}.category a{display:inline-block;border-bottom:1px solid currentColor;padding:9px 0;font-size:14px;font-weight:600;text-decoration:none}.category a:hover{color:#a4513e}.guide{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:35px 60px;padding-top:80px}.guide h2{font:400 37px Georgia,serif;margin:0}.guide p{grid-column:2;line-height:1.9;font-size:15px;color:#4e524d;margin:0}.guide code{font-size:12px}@media(max-width:700px){.top{flex-wrap:wrap}.top span{order:3;width:100%}.intro h1{font-size:clamp(45px,10vw,70px)}.category{grid-template-columns:1fr;gap:0}.category-no{font-size:38px}.guide{grid-template-columns:1fr}.guide p{grid-column:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}