:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--container-pad: 16px;--text-display-l: 40px;--text-display-m: 32px;--text-heading-l: 24px;--text-heading-m: 20px;--text-heading-s: 17px;--text-body-l: 17px;--text-body-m: 15px;--text-body-s: 13px;--text-label: 12px;--text-caption: 12px;--leading-body: 1.5;--leading-tight: 1.35;--leading-loose: 1.65}*,*:before,*:after{box-sizing:border-box}body{line-height:var(--leading-body);-webkit-font-smoothing:antialiased;min-height:100vh}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pressable{transition:transform .16s var(--ease-spring, ease),box-shadow .16s var(--ease-spring, ease)}.pressable:active{transform:translateY(1px)}.pressable--soft:active{transform:translateY(1px) scale(.99)}.pressable--pixel{box-shadow:var(--shadow-2);transition:transform .06s steps(2),box-shadow .06s steps(2)}.pressable--pixel:active{transform:translate(4px,4px);box-shadow:0 0 0 transparent}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root{--bg-0: #F5F4F1;--bg-1: #FFFFFF;--bg-2: #FAF9F6;--line: #E8E6DF;--line-2: #D8D4CB;--ink-1: #1F1D1A;--ink-2: #57534B;--ink-3: #736E63;--accent: #FA5A3D;--accent-dim: #D8391F;--ok: #1E8E4E;--warn: #B7791F;--bad: #D83A2E;--info: #2570E0;--radius-s: 10px;--radius-m: 14px;--radius-l: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--shadow-1: 0 1px 2px rgba(31, 29, 26, .06), 0 1px 3px rgba(31, 29, 26, .05);--shadow-2: 0 6px 20px -6px rgba(31, 29, 26, .12), 0 2px 6px -2px rgba(31, 29, 26, .06);--shadow-3: 0 24px 56px -16px rgba(31, 29, 26, .22), 0 8px 20px -8px rgba(31, 29, 26, .1);--ease-spring: cubic-bezier(.22, .61, .36, 1);--font-body: "Pretendard", "Pretendard Variable", -apple-system, system-ui, sans-serif;--font-display: "Pretendard", "Pretendard Variable", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}:root{--container-pad: 16px}@media(min-width:768px){:root{--container-pad: 32px}}@media(min-width:1200px){:root{--container-pad: 48px}}:root{--accent-soft: #FFEFEB}body{background:var(--bg-0);color:var(--ink-1);font-family:var(--font-body);font-size:var(--text-body-l);word-break:keep-all;overflow-wrap:break-word}body{background-image:radial-gradient(1000px 560px at 88% -12%,rgba(250,90,61,.05),transparent 62%);background-repeat:no-repeat}a{color:var(--accent-dim)}img{max-width:100%;height:auto;border-radius:var(--radius-s);display:block}.site{display:flex;flex-direction:column}.container{max-width:1120px;margin:0 auto;padding-left:var(--container-pad);padding-right:var(--container-pad);width:100%}.site-header{background:var(--bg-1);border-bottom:1px solid var(--line)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:64px;padding-top:var(--space-3);padding-bottom:var(--space-3)}.brand{font-family:var(--font-display);font-weight:800;font-size:var(--text-heading-s);color:var(--ink-1);text-decoration:none;letter-spacing:-.01em}.brand:hover{color:var(--accent-dim)}.site-nav a{color:var(--ink-2);text-decoration:none;font-weight:600;font-size:var(--text-body-m);min-height:44px;display:inline-flex;align-items:center;padding:0 var(--space-2)}.site-nav a:hover{color:var(--accent-dim)}.site-footer{background:var(--bg-1);border-top:1px solid var(--line);margin-top:auto}.site-footer .container{padding-top:var(--space-6);padding-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);color:var(--ink-3);font-size:var(--text-body-s)}.site-footer a{color:var(--ink-2);text-decoration:underline}.site-footer a:hover{color:var(--accent-dim)}main{flex:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero{padding-top:var(--space-8);padding-bottom:var(--space-6)}.hero h1{font-family:var(--font-display);font-weight:800;font-size:var(--text-display-m);line-height:var(--leading-tight);color:var(--ink-1);letter-spacing:-.02em;margin:0 0 var(--space-3)}.hero p{font-size:var(--text-body-l);color:var(--ink-2);max-width:60ch;margin:0}.post-list{list-style:none;margin:0 0 var(--space-6);padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.post-list-note{text-align:center;color:var(--ink-3);font-size:var(--text-body-s);margin:0 0 var(--space-9)}.post-card{position:relative;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-m);box-shadow:var(--shadow-1);padding:var(--space-5);transition:transform .2s var(--ease-spring),box-shadow .2s var(--ease-spring),border-color .2s var(--ease-spring)}.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--line-2)}.post-card__meta{font-size:var(--text-caption);color:var(--ink-3);font-weight:600;margin:0 0 var(--space-2)}.post-card__title{margin:0 0 var(--space-2);font-size:var(--text-heading-m);font-weight:700;line-height:var(--leading-tight)}.post-card__title a{color:var(--ink-1);text-decoration:none}.post-card__title a:after{content:"";position:absolute;inset:0}.post-card:hover .post-card__title a{color:var(--accent-dim)}.post-card__desc{margin:0;color:var(--ink-2);font-size:var(--text-body-m);line-height:var(--leading-body)}.post-card:active{transform:translateY(1px) scale(.995)}.post-breadcrumb{padding-top:var(--space-5)}.post-breadcrumb a{color:var(--ink-2);text-decoration:none;font-size:var(--text-body-s);font-weight:600;min-height:44px;display:inline-flex;align-items:center}.post-breadcrumb a:hover{color:var(--accent-dim)}.post-header{padding-top:var(--space-4);padding-bottom:var(--space-6);border-bottom:1px solid var(--line);margin-bottom:var(--space-7)}.preferred-source-btn{margin-top:var(--space-2);min-height:40px}.post-header h1{font-family:var(--font-display);font-weight:800;font-size:var(--text-display-m);line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--ink-1);margin:0 0 var(--space-3);max-width:20ch}.post-header time{color:var(--ink-3);font-size:var(--text-body-s);font-weight:600}.post-content{max-width:72ch;margin:0 auto var(--space-9);font-size:var(--text-body-l);line-height:var(--leading-loose);color:var(--ink-1)}.post-content h2{font-size:var(--text-heading-l);font-weight:700;line-height:var(--leading-tight);color:var(--ink-1);margin:var(--space-8) 0 var(--space-4)}.post-content h3{font-size:var(--text-heading-m);font-weight:700;margin:var(--space-6) 0 var(--space-3)}.post-content p{margin:0 0 var(--space-4);color:var(--ink-1)}.post-content a{color:var(--accent-dim);text-underline-offset:2px}.post-content img{margin:var(--space-5) 0;border:1px solid var(--line)}.post-content ul,.post-content ol{margin:0 0 var(--space-4);padding-left:var(--space-5)}.post-content li{margin-bottom:var(--space-2)}.subscribe-cta{max-width:72ch;margin:0 auto var(--space-9);background:var(--accent-soft);border:1px solid var(--line);border-radius:var(--radius-l);padding:var(--space-6);text-align:center}.subscribe-cta h2{font-size:var(--text-heading-l);font-weight:700;color:var(--ink-1);margin:0 0 var(--space-2)}.subscribe-cta p{color:var(--ink-2);margin:0 0 var(--space-5);font-size:var(--text-body-m)}.subscribe-form{display:flex;gap:var(--space-2);max-width:420px;margin:0 auto;flex-wrap:wrap;justify-content:center}.subscribe-form input[type=email]{flex:1 1 220px;min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-s);border:1px solid var(--line-2);background:var(--bg-1);color:var(--ink-1);font-size:var(--text-body-m);font-family:var(--font-body)}.subscribe-form input[type=email]:focus-visible{border-color:var(--accent)}.btn-primary{min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-s);border:none;background:var(--accent);color:#1a1a1a;font-weight:700;font-size:var(--text-body-m);font-family:var(--font-body);cursor:pointer;box-shadow:0 6px 16px -6px #fa5a3d73;transition:transform .16s var(--ease-spring),box-shadow .16s var(--ease-spring)}.btn-primary:hover{box-shadow:0 10px 20px -6px #fa5a3d8c}.btn-primary:active{transform:translateY(1px) scale(.99)}.btn-primary:focus-visible{outline:2px solid #1A1A1A;outline-offset:2px}@media(max-width:767px){.hero h1{font-size:26px}.post-header h1{font-size:26px;max-width:none}.post-content{font-size:var(--text-body-m)}.subscribe-form .btn-primary{flex:1 1 100%}}