.article-page{background:#fff;min-height:100vh}.article-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1124px;height:82px;margin:auto;padding:0 28px;display:flex}.article-header img{width:132px;height:auto;display:block}.back-link{font-size:13px;font-weight:700}.article-shell{max-width:780px;margin:0 auto;padding:88px 28px 80px}.article-kicker{color:#8b928e;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:12px;display:flex}.article-kicker>span:first-child{color:var(--sage);font-weight:700}.article-publish-meta{flex-wrap:wrap;align-items:center;gap:7px;display:inline-flex}.article-publish-meta time{font-size:11px}.article-publish-meta time+time{border-left:1px solid var(--line);padding-left:8px}.article-view-count{border-left:1px solid var(--line);padding-left:8px;font-size:11px}.article-shell h1{word-break:keep-all;margin:22px 0 24px;font-size:clamp(38px,6vw,62px);line-height:1.3}.article-summary{color:var(--muted);word-break:keep-all;font-size:18px;line-height:1.85}.article-trust{color:#7b837e;flex-wrap:wrap;gap:8px 18px;margin-top:24px;font-size:12px;display:flex}.article-trust span:before{content:"✓";color:var(--sage);margin-right:6px}.article-trust a{color:var(--sage);border-bottom:1px solid #bbc9c1;font-weight:700}.article-share{flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;display:flex}.article-share-label{color:#7b837e;margin-right:4px;font-size:12px;font-weight:700}.article-share button{border:1px solid var(--line);min-height:38px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;background:#fff;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:700}:is(.article-share button:hover,.article-share button:focus-visible){border-color:var(--sage);outline:0;box-shadow:0 0 0 3px #4169531f}.article-share .share-kakao{background:0 0;border-color:#0000;place-items:center;padding:1px;display:inline-grid}.article-share .share-kakao img{width:34px;height:35px;display:block}.article-share .share-x{color:#fff;background:#111;border-color:#111}.article-share p{color:#67716b;flex-basis:100%;margin:3px 0 0;font-size:12px}.article-divider{background:var(--sage);width:48px;height:2px;margin:40px 0 46px}.article-body{white-space:pre-wrap;word-break:keep-all;color:#29332e;font-size:17px;line-height:2}.article-disclaimer{background:var(--sage-light);border-left:3px solid var(--sage);margin-top:58px;padding:22px 24px}.article-disclaimer strong{margin-bottom:8px;font-size:13px;display:block}.article-disclaimer p{color:var(--muted);word-break:keep-all;margin:0;font-size:13px;line-height:1.75}.article-end{border-top:1px solid var(--line);font-family:var(--font-serif);color:var(--sage);margin-top:50px;padding-top:24px;font-weight:700}.article-bottom{border-top:1px solid var(--line);justify-content:space-between;max-width:780px;margin:auto;padding:30px 28px 70px;font-size:13px;font-weight:700;display:flex}@media (min-width:1001px){.published-article{grid-template-columns:52px minmax(0,724px) 52px;justify-content:center;column-gap:30px;max-width:1000px;display:grid}.published-article .article-intro{grid-area:1/2}.published-article .article-main{grid-area:2/2}.published-article .article-share{grid-area:1/1/span 2;align-self:start;justify-items:center;gap:8px;width:52px;margin:0;display:grid;position:sticky;top:104px}.published-article .article-share-label{letter-spacing:.08em;margin:0 0 2px;font-size:11px}.published-article .article-share button{border-radius:50%;width:44px;height:44px;min-height:44px;padding:0;font-size:14px}.published-article .article-share p{border:1px solid var(--line);background:#fff;border-radius:8px;width:220px;margin:0;padding:9px 11px;font-size:12px;line-height:1.5;position:absolute;top:54px;left:60px;box-shadow:0 8px 24px #18241e1a}}@media (max-width:600px){.article-header{height:70px}.article-shell{padding-top:58px}.article-summary,.article-body{font-size:16px}.article-share{gap:7px}.article-share-label{flex-basis:100%;margin-bottom:2px}.article-share button{padding:8px 12px}.article-bottom{flex-direction:column;align-items:flex-start;gap:18px}}.article-rich{white-space:normal}.article-shell h1{font-size:clamp(32px,5vw,52px);line-height:1.32}.article-rich p{margin:0 0 22px}.article-rich h2{margin:62px 0 22px;font-size:clamp(25px,4vw,34px);line-height:1.45}.article-rich h3{margin:36px 0 16px;font-size:21px;line-height:1.55}.article-rich ul,.article-rich ol{margin:0 0 26px;padding-left:25px}.article-rich li{margin:7px 0}.article-rich figure{margin:38px 0 48px}.article-rich figure:first-child{margin-top:0}.article-rich img{border-radius:18px;width:100%;height:auto;display:block}.article-rich figcaption{text-align:center;color:var(--muted);margin-top:10px;font-size:13px}.article-rich table{border-collapse:collapse;width:100%;margin:24px 0 42px;font-size:15px;line-height:1.6;display:block;overflow-x:auto}.article-rich th,.article-rich td{border:1px solid var(--line);text-align:left;vertical-align:top;min-width:120px;padding:13px 12px}.article-rich th{background:var(--paper);font-weight:700}.article-rich .article-note{border-left:4px solid var(--sage);background:var(--paper);border-radius:0 12px 12px 0;margin:28px 0;padding:20px 22px}.article-rich .article-cta{text-align:center;margin:34px 0 50px}.article-rich .article-cta a{border:1px solid var(--sage);color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:16px 24px;font-size:clamp(17px,2.3vw,21px);font-weight:800;line-height:1.4;text-decoration:none;display:inline-flex}.article-rich .article-cta a:hover{background:var(--sage);color:#fff}.article-rich .checklist{padding-left:0;list-style:none}.article-rich .checklist li{padding-left:28px;position:relative}.article-rich .checklist li:before{content:"✓";color:var(--sage);font-weight:800;position:absolute;left:0}.article-shell-centered{text-align:center}.article-shell-centered .article-kicker{justify-content:center}.article-shell-centered .article-divider{margin-left:auto;margin-right:auto}.article-centered{text-align:center}.article-centered table{margin-left:auto;margin-right:auto}.article-centered th,.article-centered td{text-align:center;white-space:nowrap}.article-centered ul,.article-centered ol{text-align:left;max-width:100%;display:inline-block}.article-centered .article-note{text-align:center;border-left:0;border-top:4px solid var(--sage);border-radius:12px}@media (max-width:600px){.article-centered table{font-size:14px}.article-centered th,.article-centered td{min-width:135px;padding:12px 10px}.article-shell h1{font-size:clamp(30px,9vw,40px)}}