:root{--font-family-primary:"Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:19px;--font-size-3xl:20px;--font-size-4xl:24px;--line-height-base:1.7;--color-text-primary:#343a40;--color-text-secondary:#1f2024;--color-text-tertiary:#0c0c0c;--color-text-inverse:#fff;--color-surface-base:#fff;--color-surface-muted:#f7f8f5;--color-surface-strong:#dbdbdb;--color-border:#d9ded6;--color-brand:#126b52;--color-brand-strong:#0b4f3c;--color-accent:#d98b16;--color-ink:#121417;--space-1:3px;--space-2:5px;--space-3:8px;--space-4:10px;--space-5:15px;--space-6:20px;--space-7:24px;--radius-xs:3px;--radius-sm:6px;--shadow-1:#0000001a 0 1px 5px 0;--shadow-2:#1214171f 0 16px 40px;--motion-fast:.3s ease;color:var(--color-text-primary);background:var(--color-surface-base);font-family:var(--font-family-primary);font-size:18px;font-weight:400;line-height:var(--line-height-base);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input{font:inherit}a{color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid color-mix(in srgb, var(--color-accent) 80%, white);outline-offset:3px}#root{min-height:100svh}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}main{background:var(--color-surface-base);min-height:100svh}.site-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;min-height:106px;padding:0 clamp(24px,4vw,56px);display:flex;box-shadow:0 3px 14px #1118270f}.brand{color:#20242a;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-symbol{color:#2d7fa4;border:6px solid #3d4148;border-bottom-color:#2d7fa4;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;font-size:34px;font-weight:900;line-height:1;display:inline-flex}.brand-text{letter-spacing:-.04em;font-size:clamp(34px,4vw,52px);font-weight:900}.site-header nav{align-items:center;gap:clamp(24px,4vw,58px);display:flex}.site-header nav a,.icon-button{color:#0f141a;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 0;font-size:clamp(17px,1.35vw,22px);font-weight:800;text-decoration:none;display:inline-flex}.site-header nav a:hover,.icon-button:hover{color:var(--color-brand)}.search-panel{border-bottom:1px solid #e5e7eb;padding:18px clamp(24px,4vw,56px)}.search-panel label{border:1px solid #d9dee5;align-items:center;gap:10px;max-width:720px;min-height:48px;padding:0 16px;display:flex}.search-panel input{color:#15181d;border:0;outline:0;width:100%}.featured-grid{grid-template-rows:repeat(2,minmax(210px,1fr));grid-template-columns:1.9fr repeat(2,.94fr);gap:12px;max-width:1480px;margin:18px auto 0;padding:0 clamp(18px,3vw,36px);display:grid}.feature-card{background:#111827;min-height:210px;position:relative;overflow:hidden}.feature-card-large{grid-row:span 2}.article-image{background-color:#0000;background-image:linear-gradient(#0000 18%,#000000a8 100%),url(/todaytip-market-hero.png);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;display:block;position:absolute;inset:0}.feature-card:after{content:"";background:linear-gradient(#0000000d,#000000b8);position:absolute;inset:0}.feature-content{color:#fff;z-index:1;gap:14px;padding:32px 26px;text-decoration:none;display:grid;position:absolute;bottom:0;left:0;right:0}.feature-category{font-size:15px;font-weight:800}.feature-card h1,.feature-card h2{color:#fff;letter-spacing:-.04em;word-break:keep-all;margin:0;font-weight:900;line-height:1.27}.feature-card h1{font-size:clamp(26px,3.2vw,38px)}.feature-card h2{font-size:clamp(20px,1.9vw,27px)}.date-line{align-items:center;gap:8px;font-size:16px;display:inline-flex}.filter-strip{flex-wrap:wrap;gap:8px;max-width:1480px;margin:32px auto 0;padding:0 clamp(18px,3vw,36px);display:flex}.filter-strip button{color:#20242a;cursor:pointer;background:#fff;border:1px solid #d9dee5;min-height:38px;padding:0 16px;font-size:14px;font-weight:700}.filter-strip button.active{color:#fff;background:#20242a;border-color:#20242a}.content-section{max-width:1480px;margin:54px auto 0;padding:0 clamp(18px,3vw,36px)}.content-section+.content-section{border-top:6px solid #252932;padding-top:42px}.content-section h2{color:#20242a;letter-spacing:-.04em;margin:0 0 28px;font-size:clamp(34px,4vw,46px);font-weight:900;line-height:1.1}.section-layout{grid-template-columns:1.46fr .94fr;gap:24px;display:grid}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.text-card{min-width:0}.text-card .article-image{aspect-ratio:16/9;position:relative}.text-card h3{color:#0f141a;letter-spacing:-.035em;word-break:keep-all;margin:18px 6px 10px;font-size:clamp(21px,2vw,27px);font-weight:850;line-height:1.35}.text-card .date-line{color:#1f2933;margin:0 6px}.text-card p{color:#4b5563;margin:10px 6px 0;font-size:16px;line-height:1.7}.side-list{display:grid}.side-list a{color:#0f141a;border-bottom:1px solid #dde2e8;grid-template-columns:1fr 164px;align-items:center;gap:22px;min-height:114px;padding:0 0 18px;text-decoration:none;display:grid}.side-list a+a{padding-top:18px}.side-list strong{letter-spacing:-.03em;word-break:keep-all;margin-bottom:8px;font-size:clamp(18px,1.55vw,22px);font-weight:850;line-height:1.34;display:block}.side-list .article-image{aspect-ratio:5/3;position:relative}.side-list .date-line{font-size:16px}.principles{color:#fff;background:#11151b;grid-template-columns:1fr 1.1fr;gap:28px;max-width:1480px;margin:64px auto 0;padding:44px clamp(18px,3vw,36px);display:grid}.principles p{color:#93e0c8;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:800;display:inline-flex}.principles h2{word-break:keep-all;margin:0;font-size:clamp(28px,3vw,42px);line-height:1.18}.principles ul{gap:10px;margin:0;padding-left:20px;display:grid}.principles li{line-height:1.7}.article-page{max-width:1080px;margin:34px auto 0;padding:0 clamp(18px,3vw,36px)}.article-hero{background:#111827;min-height:420px;position:relative;overflow:hidden}.article-hero .article-image{position:absolute}.article-body{max-width:820px;margin:34px auto 0}.article-body .feature-category{color:var(--color-brand)}.article-body h1{color:#0f141a;letter-spacing:-.045em;word-break:keep-all;margin:10px 0 14px;font-size:clamp(34px,5vw,52px);font-weight:900;line-height:1.18}.article-summary{color:#4b5563;border-top:1px solid #d9dee5;border-bottom:1px solid #d9dee5;margin:28px 0;padding:20px 0;font-size:20px;font-weight:700;line-height:1.7}.article-body p:not(.article-summary){color:#20242a;margin:22px 0;font-size:19px;line-height:1.9}.site-footer{color:#5b625d;max-width:1480px;margin:0 auto;padding:28px clamp(18px,3vw,36px) 56px}.site-footer strong{color:#15181d;margin-bottom:8px;font-size:14px;display:block}.site-footer p{margin:0;font-size:14px;line-height:1.7}@media (width<=980px){.site-header{flex-direction:column;align-items:flex-start;gap:14px;min-height:0;padding-top:18px;padding-bottom:18px}.site-header nav{gap:18px;width:100%;padding-bottom:4px;overflow-x:auto}.featured-grid,.section-layout,.section-grid,.principles{grid-template-columns:1fr}.feature-card-large{grid-row:span 1}}@media (width<=620px){.brand-symbol{border-width:4px;width:48px;height:48px;font-size:24px}.brand-text{font-size:34px}.featured-grid{grid-template-rows:none}.feature-card{min-height:260px}.feature-content{padding:24px 20px}.side-list a{grid-template-columns:1fr 112px;gap:14px}.content-section+.content-section{border-top-width:5px}}