@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700;900&display=swap');
*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Noto Sans KR','Noto Sans CJK KR',sans-serif;background:#1b1512;color:#222;word-break:keep-all;overflow-wrap:break-word}
.wrap{max-width:480px;margin:0 auto;background:#fffaf3;min-height:100vh}
.brand{background:linear-gradient(135deg,#3b2a1e,#7a4b22);color:#ffe2b0;padding:12px 16px;font-weight:900;letter-spacing:1px;font-size:15px;display:flex;justify-content:space-between;align-items:center}
.brand small{font-weight:400;color:#f3cf98;font-size:12px}
.nav{display:flex;gap:6px;padding:10px 12px;background:#2a1f18;position:sticky;top:0;z-index:5}
.nav a{flex:1;text-align:center;padding:9px 4px;border-radius:10px;background:#4a3527;color:#ffe2b0;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}
.nav a.dis{opacity:.35;pointer-events:none}
.box{margin:16px;padding:16px;border-radius:16px;background:#fff;box-shadow:0 2px 10px #0001}
.box h2{font-size:15px;color:#7a4b22;margin-bottom:8px}.box p{font-size:15px;line-height:1.65}.en{color:#555;font-style:italic;margin-top:6px}
.panel img{width:100%;display:block}
.vocab{width:100%;border-collapse:collapse;font-size:13.5px}.vocab td,.vocab th{border-bottom:1px solid #eee;padding:7px 4px;text-align:left;vertical-align:top}.vocab th{color:#7a4b22}
.q ol{padding-left:20px;font-size:14.5px;line-height:1.8}.ans{margin-top:12px;padding:12px;border-radius:12px;background:#fff3e0;font-size:14.5px;line-height:1.65}
footer{text-align:center;padding:24px;color:#a07850;font-size:13px;font-weight:700}
.tabs{display:flex;gap:8px;padding:12px 16px;overflow-x:auto}.tabs button{border:0;padding:8px 14px;border-radius:20px;background:#eadbc8;font-weight:700;font-family:inherit;white-space:nowrap}.tabs button.on{background:#7a4b22;color:#fff}
.hero{position:relative}.hero img{width:100%;display:block}.hero h1{position:absolute;left:16px;bottom:14px;color:#fff;font-size:24px;line-height:1.3;text-shadow:0 2px 8px #000a}
.card{display:flex;gap:12px;margin:12px 16px;padding:10px;border-radius:16px;background:#fff;box-shadow:0 2px 10px #0001;text-decoration:none;color:inherit}
.card img{width:96px;height:96px;object-fit:cover;border-radius:12px;flex:none}.card .meta{font-size:12px;color:#7a4b22;font-weight:700}.card h3{font-size:16px;margin:3px 0}.card p{font-size:13px;color:#555;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card.soon{opacity:.45;pointer-events:none}
.vocab td:first-child{white-space:nowrap;font-weight:700}.vocab td{font-size:13px}