:root{--accent:#2563eb;--ink:#0f172a;--body:#475569;--muted:#94a3b8;--line:#e2e8f0;--bg:#fff;--soft:#f8fafc;--shadow-sm:0 1px 3px #0f172a0f;--shadow-md:0 12px 32px #0f172a1f;--radius:16px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--body);background:var(--bg);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Malgun Gothic,Segoe UI,Roboto,Noto Sans KR,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1160px;margin:0 auto;padding:0 24px}.uat-banner{color:#fff;text-align:center;letter-spacing:.3px;background:#f97316;padding:8px 16px;font-size:13px;font-weight:700}.header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#ffffffe6;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:62px;display:flex}.logo{color:var(--ink);letter-spacing:-1px;font-size:1.45rem;font-weight:900}.logo .dot{color:var(--accent)}.nav{gap:4px;display:flex}.nav a{color:var(--body);border-radius:8px;padding:8px 16px;font-size:15px;font-weight:500;transition:background .15s,color .15s}.nav a.router-link-active,.nav a:hover{color:var(--accent);background:#2563eb14}.hero{padding:24px 0 0}.hero-card{height:440px;box-shadow:var(--shadow-md);background:var(--soft);border-radius:18px;display:block;position:relative;overflow:hidden}.hero-card img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .6s}.hero-card:hover img{transform:scale(1.03)}.hero-scrim{background:linear-gradient(#0f172a00 32%,#0f172ae0);position:absolute;inset:0}.hero-content{max-width:760px;padding:44px;position:absolute;bottom:0;left:0;right:0}.hero-cat{letter-spacing:.5px;color:#fff;border-radius:6px;margin-bottom:14px;padding:5px 13px;font-size:12px;font-weight:700;display:inline-block}.hero-content h1{color:#fff;letter-spacing:-.5px;margin-bottom:12px;font-size:2.2rem;font-weight:900;line-height:1.25}.hero-content p{color:#ffffffd9;max-width:620px;font-size:15px;line-height:1.6}.hero-more{color:#fff;opacity:.92;margin-top:18px;font-size:14px;font-weight:600;display:inline-block}@media (width<=720px){.hero-card{border-radius:14px;height:360px}.hero-content{padding:28px 24px}.hero-content h1{font-size:1.5rem}.hero-content p{font-size:14px}}.tabs-wrap{z-index:90;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:62px}.tabs{scrollbar-width:none;gap:4px;padding:10px 0;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{color:var(--body);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;flex:none;padding:8px 18px;font-family:inherit;font-size:14.5px;font-weight:600;transition:background .15s,color .15s}.tabs button:hover{background:var(--soft)}.tabs button.active{background:var(--ink);color:#fff}.cat-hero{border-bottom:1px solid var(--line);background:radial-gradient(800px 280px at 85% -20%,color-mix(in srgb,var(--cat-color,#2563eb) 14%,transparent),transparent 70%),var(--soft);padding:48px 0 40px}.cat-hero-label{letter-spacing:2px;color:var(--cat-color,var(--accent));margin-bottom:10px;font-size:11.5px;font-weight:700;display:inline-block}.cat-hero h1{color:var(--ink);letter-spacing:-1px;font-size:2.2rem;font-weight:900;line-height:1.2}.cat-hero-count{color:var(--muted);margin-top:8px;font-size:14px}.section-head{justify-content:space-between;align-items:center;margin:8px 0 18px;display:flex}.section-head .left{align-items:center;gap:10px;display:flex}.section-head .left:before{content:"";background:linear-gradient(#2563eb,#0ea5e9);border-radius:2px;width:4px;height:20px}.section-head h2{color:var(--ink);letter-spacing:-.5px;font-size:1.3rem;font-weight:800}.section-head .hint{color:var(--muted);font-size:13px}.magazine{grid-template-columns:repeat(3,1fr);grid-auto-rows:200px;grid-auto-flow:dense;gap:20px;padding:24px 0;display:grid}@media (width<=900px){.magazine{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.magazine{grid-template-columns:1fr;grid-auto-rows:auto}}.card{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;border:none;flex-direction:column;height:100%;min-height:0;transition:transform .22s,box-shadow .22s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.card-thumb{background:linear-gradient(135deg,#1e293b,#2563eb);flex:1;min-height:0;overflow:hidden}.card-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s}.card:hover .card-thumb img{transform:scale(1.05)}.card-body{flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.card-cat{letter-spacing:.3px;border-radius:5px;align-self:flex-start;padding:3px 10px;font-size:11.5px;font-weight:700}.card-title{color:var(--ink);font-size:1.05rem;font-weight:700;line-height:1.4}.card-excerpt,.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-excerpt{color:var(--muted);font-size:13px;line-height:1.6}.card-date{color:var(--muted);margin-top:auto;font-size:12px}.card--large{grid-area:span 2/span 2}.card--large .card-title{-webkit-line-clamp:3;font-size:1.4rem}.card--large .card-excerpt{-webkit-line-clamp:3}.card--large .card-body{padding:18px 20px 20px}.card--wide{flex-direction:row;grid-column:span 2}.card--wide .card-thumb{flex:none;width:40%}.card--wide .card-body{flex:1;justify-content:center;padding:16px 20px}.card--tall{grid-row:span 2}.card--tall .card-title{-webkit-line-clamp:3;font-size:1.15rem}.article{border:1px solid var(--line);border-radius:var(--radius);background:#fff;max-width:780px;margin:40px 0;padding:48px}.article h1{color:var(--ink);letter-spacing:-.5px;font-size:2.1rem;font-weight:900;line-height:1.3}.article .meta{color:var(--muted);margin:12px 0 24px;font-size:14px}.article .content{color:var(--body);font-size:1.05rem;line-height:1.85}.article .content h2{color:var(--ink);margin:32px 0 12px;font-size:1.5rem;font-weight:800}.article .content h3{color:var(--ink);margin:24px 0 8px;font-size:1.2rem;font-weight:700}.article .content p{margin:14px 0}.article .content ol,.article .content ul{margin:14px 0 14px 24px}.article .content img{border-radius:10px;margin:20px 0}.article .content a{color:var(--accent);text-decoration:underline}.article .content blockquote{border-left:4px solid var(--accent);background:var(--soft);border-radius:0 8px 8px 0;margin:20px 0;padding:8px 16px}.article-engagement,.comments{max-width:780px;margin:24px auto 0}.like-btn{border:1px solid var(--line);color:var(--body);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.like-btn:hover{border-color:var(--accent);color:var(--accent)}.like-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:18px;height:18px;transition:fill .15s,stroke .15s}.like-count{min-width:1ch}.like-btn.is-liked{color:#e11d48;background:#fff1f2;border-color:#e11d48}.like-btn.is-liked .like-icon{fill:#e11d48;stroke:#e11d48}.comments{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:32px}.comments-title{color:var(--ink);margin-bottom:20px;font-size:1.3rem;font-weight:800}.comments-count{color:var(--accent)}.comment-form{flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.hp-field{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute!important;left:-9999px!important}.comment-form-row{gap:10px;display:flex}.comment-input{border:1px solid var(--line);color:var(--ink);border-radius:8px;flex:1;padding:10px 14px;font-family:inherit;font-size:14px}.comment-input:focus,.comment-textarea:focus{border-color:var(--accent);outline:none}.comment-textarea{border:1px solid var(--line);color:var(--ink);resize:vertical;border-radius:8px;min-height:90px;padding:12px 14px;font-family:inherit;font-size:14px}.comment-submit{background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:none;padding:10px 24px;font-size:14px;font-weight:600;transition:opacity .15s}.comment-submit:hover:not(:disabled){opacity:.85}.comment-submit:disabled{opacity:.5;cursor:not-allowed}.comment-error{color:#e11d48;font-size:13px}.comment-list{flex-direction:column;gap:20px;list-style:none;display:flex}.comment-item{border-bottom:1px solid var(--soft);padding-bottom:20px}.comment-item:last-child{border-bottom:none;padding-bottom:0}.comment-meta{align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.comment-author{color:var(--ink);font-size:14px;font-weight:700}.comment-date{color:var(--muted);font-size:12px}.comment-content{color:var(--body);white-space:pre-wrap;font-size:14.5px;line-height:1.65}.comment-empty{color:var(--muted);text-align:center;padding:20px 0;font-size:14px}.footer{background:var(--ink);color:#94a3b8;margin-top:56px;padding:56px 0 32px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:32px;display:flex}.footer .logo{color:#fff}.footer a{color:#cbd5e1}.footer a:hover{color:#fff}.footer .col h4{color:#fff;margin-bottom:12px;font-size:14px}.footer .col a{margin-bottom:8px;font-size:14px;display:block}.footer-bottom{text-align:center;border-top:1px solid #ffffff1a;margin-top:36px;padding-top:20px;font-size:13px}.empty{text-align:center;color:var(--muted);padding:80px 0}.empty h2{color:var(--ink);margin-bottom:8px}