:root{--bg:#fffdf9;--text:#2b2b33;--muted:#6b6460;--faint:#85807b;--line:#f1e7da;--accent:#c2410c;--peach:#fff0e0;--peach-2:#ffd6a5;--sky:#e3f2ff;--mint:#e8f7ec;--lilac:#f3e8ff;--lemon:#fff6d6;--pen:#3b5bdb;--hl:#ffe066}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);word-break:keep-all;overflow-wrap:anywhere;margin:0;font-family:Pretendard,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;line-height:1.75}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.wrap{max-width:1040px;margin:0 auto;padding:0 24px}.muted{color:var(--muted)}.pen{color:var(--pen);font-family:Nanum Pen Script,cursive;font-weight:400}mark,.hl{background:linear-gradient(transparent 55%, var(--hl) 55%);color:inherit;padding:0 2px}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding-top:22px;padding-bottom:22px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;font-size:1.15rem;font-weight:800;display:inline-flex}.brand:hover{text-decoration:none}.brand-icon{border-radius:10px;flex:none;width:36px;height:36px}nav{flex-wrap:wrap;gap:4px;display:flex}nav a{color:var(--muted);border-radius:99px;padding:7px 14px;font-weight:600}nav a:hover{background:var(--peach);text-decoration:none}nav a[aria-current=page]{background:var(--peach);color:var(--accent)}main{min-height:60vh;padding-top:12px;padding-bottom:64px}h1{letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(1.8rem,4.2vw,2.9rem);line-height:1.3}.sec-title{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:52px 0 18px;font-size:1.4rem;display:flex}.sec-title .pen{color:var(--faint);font-size:1.5rem}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.card{color:var(--text);background:var(--sky);border-radius:24px;padding:26px;transition:transform .15s;display:block}.card:hover{text-decoration:none;transform:translateY(-3px)}.card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.card .emoji{font-size:2.1rem;line-height:1}.card .status{color:var(--muted);white-space:nowrap;background:#0000000f;border-radius:99px;padding:3px 10px;font-size:.78rem;font-weight:700}.card strong{margin:12px 0 6px;font-size:1.2rem;display:block}.card span.desc{color:var(--muted);font-size:.95rem;line-height:1.6}.card.sky{background:var(--sky)}.card.mint{background:var(--mint)}.card.lilac{background:var(--lilac)}.card.peach{background:var(--peach)}.posts{gap:12px;margin:0;padding:0;list-style:none;display:grid}.post{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:18px;align-items:center;gap:16px;padding:18px 22px;transition:border-color .15s,transform .15s;display:flex}.post:hover{border-color:var(--peach-2);text-decoration:none;transform:translateY(-2px)}.post .emoji{flex:none;font-size:1.6rem}.post .body{flex:1;min-width:0}.post .title{font-size:1.08rem;font-weight:700;line-height:1.5;display:block}.post .desc{color:var(--muted);margin-top:2px;font-size:.92rem;line-height:1.55;display:block}.post time{color:var(--faint);flex:none;font-family:Nanum Pen Script,cursive;font-size:1.3rem}.article{max-width:720px;margin:0 auto}.article-head{padding:28px 0 8px}.article-head .pen{font-size:1.6rem}.article-head .lead{color:var(--muted);margin:0;font-size:1.1rem}.prose{font-size:1.06rem}.prose h2{background:linear-gradient(transparent 60%, var(--hl) 60%);width:fit-content;max-width:100%;margin:48px 0 14px;padding:0 4px;font-size:1.45rem;line-height:1.4}.prose h3{margin:32px 0 10px;font-size:1.2rem}.prose p,.prose ul,.prose ol{margin:0 0 18px}.prose li{margin:4px 0}.prose strong{font-weight:700}.prose blockquote{background:var(--lemon);color:var(--text);border-left:1px solid #ffd43b;border-radius:16px;margin:22px 0;padding:16px 20px}.prose blockquote p:last-child{margin-bottom:0}.prose code{background:#f6efe6;border-radius:6px;padding:2px 6px;font-size:.92em}.prose pre{color:#f8f4ee;background:#2b2b33;border-radius:16px;padding:18px 20px;overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0}.prose table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;width:100%;margin:20px 0;font-size:.95rem;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:10px 12px}.prose th{background:var(--peach)}.prose tr:last-child td{border-bottom:none}.prose hr{border:none;border-top:2px dashed var(--line);margin:40px 0}.prose img{border-radius:18px;width:100%;margin:28px 0;display:block}.back{background:var(--peach);border-radius:99px;margin-top:36px;padding:10px 18px;font-weight:600;display:inline-block}.back:hover{background:var(--peach-2);text-decoration:none}.hero-btn:focus-visible,.card:focus-visible,.post:focus-visible,.back:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.foot{background:var(--peach);margin-top:40px;padding:36px 0 24px}.foot-in{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.foot-note{color:var(--muted);margin:6px 0 0;font-size:1.35rem}.foot-links{flex-wrap:wrap;gap:18px;padding-top:8px;display:flex}.foot-links a{color:var(--text);font-weight:600}.foot-copy{color:var(--faint);margin-top:18px;font-size:.88rem}.foot-copy a{color:var(--faint)}.next-note{margin:16px 0 0;font-size:.95rem}@media (width<=640px){.post{flex-wrap:wrap;align-items:flex-start;padding:16px}.post time{flex:0 0 100%;margin:4px 0 0 42px}.sec-title{margin-top:40px}}