:root{
  --bg:#0f0b08;--bg2:#19110c;--paper:#fffaf0;--paper2:#f7ead6;--ink:#241812;--muted:#756555;
  --gold:#d8ad62;--gold2:#93662b;--rust:#8f3f25;--blue:#496d7a;--line:rgba(122,87,47,.24);
  --shadow:0 18px 60px rgba(22,12,5,.22);--radius:24px;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0%,#3a2518 0,#17100c 38%,#0b0807 100%);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;line-height:1.82;word-break:keep-all}a{color:#77501f;text-underline-offset:.22em}img{max-width:100%;height:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(15,10,7,.76);backdrop-filter:blur(18px);border-bottom:1px solid rgba(216,173,98,.22)}.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1040px;margin:0 auto;padding:10px 16px}.brand{color:#fff5df;text-decoration:none;font-family:Georgia,"Noto Serif KR",serif;font-weight:900;font-size:.98rem;letter-spacing:-.02em}.nav-links{display:flex;gap:6px;flex-wrap:wrap}.nav-links a{color:#ead7b9;text-decoration:none;font-size:.85rem;padding:6px 9px;border:1px solid rgba(234,215,185,.18);border-radius:999px;background:rgba(255,255,255,.04)}
.hero{position:relative;overflow:hidden;color:#fff3dd;padding:46px 18px 30px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.58)),url('assets/myth-webbook-cover.png') center 45%/cover no-repeat;opacity:.32;filter:saturate(.8)}.hero:after{content:"";position:absolute;inset:auto -30% -40% -30%;height:50%;background:radial-gradient(circle,rgba(216,173,98,.28),transparent 65%)}.hero-inner{position:relative;max-width:1040px;margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#f7dba5;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;padding:6px 10px;border:1px solid rgba(247,219,165,.3);border-radius:999px;background:rgba(0,0,0,.18)}.hero h1{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(2.35rem,13vw,6.2rem);line-height:1.02;margin:18px 0 14px;letter-spacing:-.075em;text-wrap:balance}.hero p{max-width:720px;color:#ecdcc7;font-size:1.04rem;margin:0 0 20px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 16px;text-decoration:none;font-weight:900}.btn.primary{background:#f3c773;color:#1e130c}.btn.ghost{color:#fff4da;border:1px solid rgba(255,244,218,.34);background:rgba(255,255,255,.06)}
.layout{max-width:1040px;margin:0 auto;padding:18px 16px 86px}.section-title{color:#f6e4c6;margin:8px 0 16px}.section-title .small{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:#d9b16c;font-weight:900}.section-title h2{font-family:Georgia,"Noto Serif KR",serif;margin:3px 0 0;font-size:1.55rem}.featured{display:grid;gap:0;overflow:hidden;background:linear-gradient(135deg,rgba(255,250,240,.98),rgba(247,234,214,.94));border:1px solid rgba(216,173,98,.28);border-radius:28px;box-shadow:var(--shadow);margin-bottom:22px}.featured-cover{min-height:210px;background:#21140c}.featured-cover img{width:100%;height:100%;object-fit:cover;display:block}.featured-body{padding:24px}.featured .label,.chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:900;background:#f1dfbf;color:#7a501e}.featured h2{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(1.75rem,8vw,3.1rem);line-height:1.05;letter-spacing:-.055em;margin:14px 0 10px}.featured p{color:#5e4e3d;margin:0 0 16px}.grid{display:grid;grid-template-columns:1fr;gap:14px}.card{position:relative;overflow:hidden;display:grid;grid-template-columns:112px 1fr;background:rgba(255,250,240,.98);border:1px solid rgba(216,173,98,.22);border-radius:22px;text-decoration:none;color:var(--ink);box-shadow:0 14px 42px rgba(0,0,0,.18);min-height:132px}.card:active{transform:scale(.992)}.card-cover{height:100%;background:#28170e}.card-cover img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88) contrast(1.03)}.card-body{padding:16px 16px 15px}.num{display:inline-flex;color:#8b5720;font-weight:1000;font-size:.78rem;letter-spacing:.08em}.card h2{font-family:Georgia,"Noto Serif KR",serif;font-size:1.18rem;line-height:1.24;margin:6px 0 6px;letter-spacing:-.035em}.card p{margin:0;color:#695845;font-size:.92rem;line-height:1.58}.topic-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 0}.topic-card{border:1px solid rgba(216,173,98,.23);border-radius:18px;background:rgba(255,250,240,.09);color:#f9ead2;padding:14px}.topic-card strong{display:block;color:#ffd788}.topic-card span{display:block;color:#dbc4a2;font-size:.86rem;margin-top:4px}.notice{margin:22px 0 0;border:1px solid rgba(216,173,98,.28);background:rgba(255,250,240,.08);color:#f8e7cc;border-radius:20px;padding:18px}.footer{color:#cfb999;text-align:center;padding:28px 16px 24px;font-size:.84rem}
.page{max-width:880px;margin:0 auto;background:var(--paper);min-height:100vh}.post-hero{position:relative;overflow:hidden;color:#fff3dd;padding:48px 22px 30px;background:#160d08}.post-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.72)),var(--cover) center 35%/cover no-repeat;opacity:.66}.post-hero-inner{position:relative}.post-meta{color:#f1d39b;font-weight:900;letter-spacing:.07em;text-transform:uppercase;font-size:.72rem}.post-title{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(2rem,11vw,4.2rem);line-height:1.04;letter-spacing:-.065em;margin:12px 0}.post-subtitle{color:#eedcc4;font-size:1.04rem;margin:0}.essay-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.essay-meta span{font-size:.76rem;font-weight:800;color:#ffe7b5;background:rgba(0,0,0,.25);border:1px solid rgba(255,231,181,.25);border-radius:999px;padding:5px 9px}.content{padding:30px 22px 0}.content h1{display:none}.content h2{font-family:Georgia,"Noto Serif KR",serif;font-size:1.48rem;line-height:1.28;margin:38px 0 12px;letter-spacing:-.04em;padding-left:12px;border-left:4px solid var(--gold)}.content h3{font-size:1.02rem;margin:22px 0 10px;color:#6d4318;background:#f6ead6;border:1px solid #ead8bd;border-radius:14px;padding:8px 12px}.content p{margin:0 0 16px}.content blockquote{margin:22px 0;padding:18px 18px;border-left:0;border-radius:20px;background:linear-gradient(135deg,#2c1b12,#4a2a16);color:#fff1dc;box-shadow:0 12px 36px rgba(39,20,9,.18);font-family:Georgia,"Noto Serif KR",serif;font-size:1.07rem}.content hr{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);margin:32px 0}.content figure{margin:28px -8px;background:#160e0a;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.content figure img{width:100%;display:block}.content figcaption{color:#f3dfbf;background:#1b120d;font-size:.92rem;line-height:1.75;padding:16px 16px 18px}.content figcaption a{color:#ffd88a;font-weight:800;word-break:break-all}.content figcaption code{color:#2a1a0f;background:#fff0d0}.content ul,.content ol{padding-left:1.15rem}.content li{margin:7px 0}.content code{font-family:Consolas,"SFMono-Regular",monospace;background:#f0e2cb;padding:.1em .35em;border-radius:5px}.content a{word-break:break-word}.reflection-box{margin:34px 22px 0;border-radius:24px;background:linear-gradient(135deg,#fff3d8,#f4dcc0);border:1px solid rgba(147,102,43,.24);padding:20px;box-shadow:0 14px 40px rgba(91,52,17,.10)}.reflection-box .label{font-size:.78rem;font-weight:1000;color:#8b5720;letter-spacing:.09em;text-transform:uppercase}.reflection-box p{font-family:Georgia,"Noto Serif KR",serif;font-size:1.15rem;line-height:1.65;margin:8px 0 0;color:#2b1a10}.post-nav{display:grid;grid-template-columns:1fr;gap:10px;margin:28px 22px 0}.post-nav a,.post-nav span{display:block;text-decoration:none;background:#f4e6ce;border:1px solid #e7d2ae;border-radius:18px;padding:14px;color:#5d3d18;font-weight:900}.source-list{display:grid;gap:12px}.source-item{border:1px solid #ead8bd;background:#fff6e7;border-radius:18px;padding:14px}.source-item strong{color:#5b3511}.source-item p{margin:6px 0 0;color:#6a5744}.bottom-bar{position:static;margin:24px 12px 14px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:rgba(19,12,8,.92);border:1px solid rgba(247,219,165,.22);border-radius:999px;padding:6px;box-shadow:0 18px 50px rgba(0,0,0,.24)}.bottom-bar a{text-align:center;color:#fff0d0;text-decoration:none;font-size:.82rem;font-weight:900;padding:9px 6px;border-radius:999px}.bottom-bar a:first-child{background:rgba(216,173,98,.18)}
@media(min-width:760px){.hero{padding:86px 30px 58px}.hero p{font-size:1.2rem}.layout{padding:26px 24px 100px}.featured{grid-template-columns:1fr 1.1fr}.featured-cover{min-height:330px}.featured-body{padding:36px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{grid-template-columns:160px 1fr;min-height:170px}.card h2{font-size:1.55rem}.topic-strip{grid-template-columns:repeat(4,minmax(0,1fr));}.page{border-radius:0 0 30px 30px}.post-hero{padding:68px 38px 36px}.content{padding:38px 42px 0}.content figure{margin:34px 0}.post-nav{grid-template-columns:1fr 1fr;margin-left:42px;margin-right:42px}.reflection-box{margin-left:42px;margin-right:42px}.bottom-bar{display:none}.nav{padding:12px 24px}.brand{font-size:1.06rem}}