:root{--bg:#f6f2ea;--paper:#fffdf8;--ink:#1f2a24;--muted:#66736a;--line:#ded8cc;--green:#295f48;--green-dark:#173c2d;--gold:#b47b2c;--rose:#8d3f4f;--shadow:0 18px 50px rgba(31,42,36,0.11);--reader-scale:1}html[data-font-scale=large]{--reader-scale:1.08}html[data-font-scale=xlarge]{--reader-scale:1.16}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:calc(17px * var(--reader-scale));line-height:1.7}a{color:inherit;text-decoration:none}main{min-height:100vh}.hero{background:linear-gradient(90deg,rgba(23,60,45,.94),rgba(41,95,72,.76)),url(https://images.unsplash.com/photo-1581579438747-104c53d7fbc4?auto=format&fit=crop&w=1800&q=80);background-position:50%;background-size:cover;color:#fffdf8;padding:24px clamp(20px,5vw,72px) 56px}.topBar{display:flex;justify-content:flex-end;gap:10px;margin-bottom:70px;max-width:1180px;margin-left:auto;margin-right:auto}.topBar a{border:1px solid rgba(255,253,248,.5);border-radius:999px;padding:9px 15px;font-size:15px;background:rgba(255,255,255,.08);flex:0 0 auto}.heroGrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-gap:40px;gap:40px;align-items:end;max-width:1180px;margin:0 auto}.eyebrow{margin:0 0 12px;color:var(--gold);font-weight:800;letter-spacing:0}.hero .eyebrow{color:#ffd99a}h1,h2,h3,p{overflow-wrap:anywhere}h1{max-width:840px;margin:0;font-size:clamp(38px,6.3vw,70px);line-height:1.08;letter-spacing:0}.heroCopy{max-width:760px;margin:26px 0 0;font-size:1.12em;color:rgba(255,253,248,.88)}.heroActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.heroActions a,.readButton{display:inline-flex;justify-content:center;align-items:center;min-height:52px;border-radius:8px;padding:12px 18px;font-weight:800;text-align:center;overflow-wrap:anywhere}.heroActions a:first-child,.readButton{background:#fffdf8;color:var(--green-dark)}.heroActions a:last-child{border:1px solid rgba(255,253,248,.55)}.summaryBox{display:grid;grid-gap:12px;gap:12px;padding:20px;background:rgba(255,253,248,.94);color:var(--ink);border-radius:8px;box-shadow:var(--shadow)}.summaryBox div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.summaryBox div:last-child{border-bottom:0}.summaryBox strong{font-size:32px;color:var(--green)}.summaryBox span{color:var(--muted)}.fontControls{display:grid;grid-gap:10px;gap:10px;padding-top:14px;border-top:1px solid var(--line)}.fontControls>span{color:var(--muted);font-weight:800}.fontControls div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;padding:0;border:0}.fontControls button{min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:.86em;font-weight:800;cursor:pointer;padding:8px 6px;white-space:nowrap}.fontControls button[aria-pressed=true]{border-color:var(--green);background:var(--green);color:#fff}.section{width:min(1120px,calc(100% - 40px));margin:34px auto}.intro{display:grid;grid-template-columns:.78fr 1.22fr;grid-gap:34px;gap:34px;align-items:start;padding:40px 0 12px}.intro h2,.originals h2,.sectionHeading h2{margin:0;font-size:clamp(28px,3.8vw,44px);line-height:1.2}.steps{margin:0;padding:0;display:grid;grid-gap:14px;gap:14px;list-style:none}.steps li{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:22px;box-shadow:0 10px 32px rgba(31,42,36,.07)}.steps strong{display:block;margin-bottom:6px;color:var(--green);font-size:1.12em}.sectionHeading{margin:52px 0 24px}.featuredGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.featuredCard{display:grid;grid-gap:8px;gap:8px;min-height:172px;padding:20px;border:1px solid #cbd9d0;border-radius:8px;background:var(--paper);box-shadow:0 12px 30px rgba(31,42,36,.08)}.featuredCard span{width:-moz-fit-content;width:fit-content;border-radius:999px;padding:4px 10px;background:#e9f3eb;color:var(--green);font-size:.82em;font-weight:900}.featuredCard strong{font-size:1.2em;line-height:1.25}.featuredCard small{color:var(--muted);font-size:.9em}.articleExplorer,.articleList{display:grid;grid-gap:16px;gap:16px}.filterBar{display:flex;flex-wrap:wrap;gap:8px}.filterBar button{min-height:46px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);padding:9px 15px;font:inherit;font-weight:900;cursor:pointer}.filterBar button[aria-pressed=true]{border-color:var(--green);background:var(--green);color:#fff}.resultCount{display:flex;flex-wrap:wrap;gap:6px;color:var(--muted)}.resultCount strong{color:var(--green)}.articlePanel{display:grid;grid-template-columns:92px minmax(0,1fr);grid-gap:22px;gap:22px;padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:var(--shadow)}.articleNumber{position:-webkit-sticky;position:sticky;top:16px;align-self:start;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--green);color:#fff;font-size:24px;font-weight:900}.metaRow{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.metaRow span{border:1px solid var(--line);border-radius:999px;padding:5px 12px;color:var(--muted);font-size:15px;font-weight:700}.articlePanel h2{margin:0;font-size:clamp(26px,3.6vw,40px);line-height:1.22}.articlePanel h3{margin:0;font-size:clamp(25px,3.4vw,36px);line-height:1.24}.lead{margin:12px 0 20px;font-size:1.12em;color:var(--muted)}.hookText{margin:-10px 0 24px;padding:16px 18px;border-left:5px solid var(--gold);background:#f9efd9;border-radius:8px;font-weight:800;color:#4c3c24}.collapsedPreview{position:relative;min-height:132px;max-height:160px;overflow:hidden;border-top:1px solid var(--line);padding-top:18px}.collapsedPreview p{margin:0;color:#34443b}.collapsedPreview:after{content:"";position:absolute;left:0;right:0;bottom:0;height:92px;background:linear-gradient(rgba(255,253,248,0),rgba(255,253,248,.9) 42%,var(--paper));-webkit-backdrop-filter:blur(1.8px);backdrop-filter:blur(1.8px);pointer-events:none}.isExpanded .collapsedPreview{display:none}.expandButton{position:absolute;left:50%;bottom:10px;z-index:1;transform:translateX(-50%);min-width:166px;min-height:46px;border:2px solid #fff8ea;border-radius:999px;background:#8d3f4f;color:#fff;padding:9px 16px;font:inherit;font-weight:900;box-shadow:0 12px 26px rgba(141,63,79,.32);cursor:pointer}.expandButton:before{content:"내용 펼치기";display:block;margin-bottom:1px;font-size:.72em;line-height:1.1;color:rgba(255,255,255,.82)}.expandedContent{display:grid}.descriptionSection p{font-size:1.02em;color:#34443b}.detailSection{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.detailSection h3,.detailSection h4{margin:0 0 10px;color:var(--green);font-size:1.18em}.detailSection p{margin:0}.detailSection ul{margin:0;padding-left:24px}.detailSection li+li{margin-top:7px}.checkGrid{display:flex;flex-wrap:wrap;gap:10px}.checkGrid span{border:1px solid #cfc5b5;background:#f8f0e0;border-radius:999px;padding:8px 13px;font-weight:700;color:#594b38;max-width:100%;overflow-wrap:anywhere}.readButton{margin-top:26px;background:var(--green);color:#fff}.compactButton{margin-top:18px}.cardActions{display:flex;flex-wrap:wrap;gap:10px}.cardActions .readButton{margin-top:26px}.collapseButton{align-self:end;min-height:52px;margin-top:26px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:12px 18px;font:inherit;font-weight:900;cursor:pointer}.beforeButton{margin:24px 0 0;padding:18px 20px;border:1px solid #d8ccb9;border-radius:8px;background:#fff8ea;color:#4c3c24;font-weight:700}.originals{padding-bottom:26px}.subsidyBox{border:1px solid #cbd9d0;border-radius:8px;background:#f7fbf7;padding:28px;box-shadow:0 14px 36px rgba(31,42,36,.08)}.subsidyBox h2{margin:0;font-size:clamp(27px,3.4vw,40px);line-height:1.22}.subsidyBox p:not(.eyebrow){margin:14px 0 0;color:#41534a}.linkList{display:grid;grid-gap:10px;gap:10px}.linkList a{display:grid;grid-gap:4px;gap:4px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:18px 20px}.linkList span{font-size:1.12em;font-weight:800}.linkList small{color:var(--muted);font-size:.86em}.footer{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-top:40px;padding:32px 20px;color:#fffdf8;background:var(--green-dark)}.footer span{color:rgba(255,253,248,.78)}@media (max-width:860px){.hero{padding-bottom:46px}.topBar{justify-content:flex-start;overflow-x:auto;margin-bottom:46px;padding-bottom:4px}.topBar a{white-space:nowrap}.featuredGrid,.heroGrid,.intro{grid-template-columns:1fr}.summaryBox{max-width:480px}.articlePanel{grid-template-columns:1fr;padding:22px}.articleNumber{position:static;width:56px;height:56px;font-size:18px}}@media (max-width:520px){.section{width:min(100% - 24px,375px)}.hero{padding:16px 12px 36px}h1{font-size:33px;line-height:1.16}.heroCopy{font-size:.98em;margin-top:18px}.heroActions a,.readButton{width:100%;min-height:50px;padding:11px 12px}.articlePanel h2,.articlePanel h3{font-size:25px;line-height:1.28}.fontControls div{grid-template-columns:1fr}.filterBar{display:grid;grid-template-columns:1fr 1fr}.filterBar button{border-radius:8px;padding-left:8px;padding-right:8px}.cardActions{display:grid}.collapseButton{width:100%;margin-top:0}}@media (max-width:390px){body{font-size:calc(16px * var(--reader-scale))}.topBar{gap:6px;margin-bottom:36px}.topBar a{padding:7px 10px;font-size:13px}.heroGrid{gap:24px}h1{font-size:31px}.heroActions{gap:8px;margin-top:22px}.summaryBox{padding:14px;gap:8px}.summaryBox div{gap:6px;padding:10px 0}.summaryBox strong{font-size:26px}.fontControls{gap:8px}.fontControls button{min-height:42px}.intro{gap:18px;padding-top:24px}.intro h2,.originals h2,.sectionHeading h2{font-size:27px}.articlePanel,.featuredCard,.linkList a,.steps li,.subsidyBox{padding:16px}.articlePanel{gap:14px}.articleNumber{width:48px;height:48px;font-size:16px}.hookText,.lead{margin-bottom:18px}.hookText{padding:13px 14px}.collapsedPreview{min-height:126px;max-height:150px}.expandButton{min-width:150px;min-height:44px}.beforeButton{margin-top:18px;padding:14px}.detailSection{margin-top:16px;padding-top:16px}.detailSection ul{padding-left:20px}.checkGrid{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px}.checkGrid span{border-radius:8px;padding:9px 11px}.sectionHeading{margin-top:42px}}