:root{--color-primary: #1f6f5c;--color-primary-dark: #155345;--color-primary-light: #e7f1ee;--color-accent: #e6a23c;--color-accent-soft: #fbf0dc;--ink: #1c2622;--muted: #5b6b65;--line: #e3e8e6;--bg: #ffffff;--surface: #f7f9f8;--surface-2: #eef2f1;--radius: 14px;--radius-sm: 9px;--shadow-sm: 0 1px 2px rgba(20, 40, 33, .05);--shadow: 0 6px 20px rgba(20, 40, 33, .08);--space-1: .4rem;--space-2: .8rem;--space-3: 1.2rem;--space-4: 1.8rem;--space-5: 2.6rem;--space-6: 4rem;--container: 1120px;--reading: 720px;--font: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Malgun Gothic", "맑은 고딕", system-ui, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;font-family:var(--font);font-size:17px;line-height:1.75;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;height:auto}a{color:var(--color-primary-dark);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{line-height:1.3;color:var(--ink);letter-spacing:-.01em}h1{font-size:clamp(1.7rem,1.2rem + 2.2vw,2.5rem);margin:0 0 var(--space-2)}h2{font-size:1.5rem;margin:var(--space-5) 0 var(--space-2)}h3{font-size:1.2rem;margin:var(--space-4) 0 var(--space-1)}p{margin:0 0 var(--space-3)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--space-3)}.section{padding:var(--space-6) 0}.section--tint{background:var(--surface)}.section__head{margin-bottom:var(--space-4)}.section__head h2{margin:0 0 var(--space-1)}.section__head p{margin:0;color:var(--muted)}.eyebrow{display:inline-block;font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--color-primary);text-transform:uppercase;margin-bottom:var(--space-1)}.skip-link{position:absolute;left:-9999px;top:0;background:var(--color-primary);color:#fff;padding:.6rem 1rem;border-radius:0 0 var(--radius-sm) 0;z-index:1000}.skip-link:focus{left:0}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:3px}.btn{display:inline-flex;align-items:center;gap:.45rem;font-size:.98rem;font-weight:600;padding:.7rem 1.25rem;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .05s}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-dark);color:#fff}.btn--ghost{background:#fff;color:var(--color-primary-dark);border-color:var(--line)}.btn--ghost:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.btn--accent{background:var(--color-accent);color:#3a2b10}.btn--accent:hover{filter:brightness(.96);color:#3a2b10}.site-header{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid var(--line)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:64px}.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.2rem;color:var(--ink)}.brand:hover{text-decoration:none}.brand__mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));display:grid;place-items:center;color:#fff;font-size:.95rem;font-weight:800}.brand__name{letter-spacing:-.02em}.nav{display:flex;align-items:center;gap:.3rem}.nav a{color:var(--ink);font-weight:500;font-size:.97rem;padding:.5rem .7rem;border-radius:8px}.nav a:hover{background:var(--surface-2);text-decoration:none}.nav a[aria-current=page]{color:var(--color-primary-dark);background:var(--color-primary-light)}.nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:9px;padding:.45rem .6rem;cursor:pointer;font-size:1.1rem;line-height:1}.site-footer{background:var(--surface);border-top:1px solid var(--line);margin-top:var(--space-6);padding:var(--space-5) 0 var(--space-4);font-size:.95rem}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--space-4)}.site-footer h4{font-size:.95rem;margin:0 0 var(--space-2)}.footer-links{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}.footer-links a{color:var(--muted)}.footer-bottom{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line);color:var(--muted);font-size:.88rem;display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between}.owner-link{color:var(--color-primary-dark);font-weight:600}.hero{background:linear-gradient(170deg,var(--color-primary-light),#fff 78%);border-bottom:1px solid var(--line);padding:var(--space-6) 0}.hero__lead{max-width:640px;font-size:1.15rem;color:var(--muted);margin:0 0 var(--space-4)}.hero__actions{display:flex;flex-wrap:wrap;gap:.7rem}.hero__topics{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:var(--space-4)}.chip{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.35rem .85rem;font-size:.9rem;color:var(--muted)}.grid{display:grid;gap:var(--space-3)}.grid--cards{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.grid--cats{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3);box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .15s,border-color .15s}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:var(--color-primary-light)}.card a{text-decoration:none}.card__cat{font-size:.8rem;font-weight:700;color:var(--color-primary);margin-bottom:.3rem}.card__title{font-size:1.08rem;font-weight:700;color:var(--ink);margin:0 0 .4rem;line-height:1.4}.card:hover .card__title{color:var(--color-primary-dark)}.card__summary{color:var(--muted);font-size:.94rem;margin:0 0 var(--space-2);flex:1}.card__meta{font-size:.82rem;color:var(--muted);display:flex;gap:.6rem;align-items:center}.cat-card{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3);box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .15s,border-color .15s}.cat-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:var(--color-primary-light);text-decoration:none}.cat-card__icon{font-size:1.6rem}.cat-card__name{font-weight:700;font-size:1.1rem;color:var(--ink);margin:.4rem 0 .3rem}.cat-card__short{color:var(--muted);font-size:.92rem;margin:0}.card--column{background:linear-gradient(180deg,var(--color-accent-soft),#fff 60%);border-color:#f0dcb6}.badge-column{display:inline-block;background:var(--color-accent);color:#3a2b10;font-size:.72rem;font-weight:800;letter-spacing:.02em;padding:.15rem .5rem;border-radius:6px;margin-bottom:.4rem}.article-head{border-bottom:1px solid var(--line);padding-bottom:var(--space-3);margin-bottom:var(--space-4)}.article-head .subtitle{font-size:1.12rem;color:var(--muted);margin:.4rem 0 var(--space-2)}.article-meta{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.9rem;color:var(--muted)}.article-layout{max-width:var(--reading);margin:0 auto}.prose{font-size:1.06rem}.prose h2{padding-top:.4rem}.prose ul,.prose ol{padding-left:1.3rem;margin:0 0 var(--space-3)}.prose li{margin-bottom:.4rem}.callout{background:var(--color-primary-light);border-left:4px solid var(--color-primary);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin:var(--space-3) 0}.callout p{margin:0}.toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3);margin-bottom:var(--space-4)}.toc__title{font-weight:700;font-size:.95rem;margin:0 0 var(--space-2)}.toc ol{margin:0;padding-left:1.1rem;font-size:.95rem}.toc li{margin-bottom:.3rem}.toc li.lvl-3{margin-left:.9rem;list-style:circle}.toc a{color:var(--muted)}.toc a:hover{color:var(--color-primary-dark)}.infobox{border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin:var(--space-4) 0;border:1px solid var(--line)}.infobox__title{font-weight:800;margin:0 0 var(--space-2);display:flex;align-items:center;gap:.45rem;font-size:1.05rem}.infobox ul{margin:0;padding-left:1.2rem}.infobox li{margin-bottom:.4rem}.infobox--key{background:var(--color-primary-light);border-color:#cfe5df}.infobox--mistake{background:#fdf1ec;border-color:#f6d6c8}.infobox--check{background:var(--surface)}.checklist{list-style:none;padding-left:0}.checklist li{position:relative;padding-left:1.7rem}.checklist li:before{content:"✓";position:absolute;left:0;top:0;color:var(--color-primary);font-weight:800}.faq{margin:var(--space-4) 0}.faq details{border:1px solid var(--line);border-radius:var(--radius-sm);padding:0;margin-bottom:.6rem;background:#fff;overflow:hidden}.faq summary{cursor:pointer;font-weight:600;padding:var(--space-2) var(--space-3);list-style:none;display:flex;justify-content:space-between;gap:.5rem}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"＋";color:var(--color-primary)}.faq details[open] summary:after{content:"−"}.faq details>div{padding:0 var(--space-3) var(--space-2);color:var(--muted)}.related{margin-top:var(--space-5);border-top:1px solid var(--line);padding-top:var(--space-4)}.author-box{display:flex;gap:var(--space-3);align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin:var(--space-5) 0 0}.author-box__avatar{flex:0 0 auto;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;display:grid;place-items:center;font-size:1.3rem;font-weight:800}.author-box__role{font-size:.8rem;color:var(--color-primary);font-weight:700}.author-box__name{font-weight:800;font-size:1.05rem;margin:.1rem 0}.author-box__name a{color:var(--ink)}.author-box__bio{margin:.2rem 0 0;color:var(--muted);font-size:.94rem}.breadcrumbs{font-size:.86rem;color:var(--muted);padding:var(--space-3) 0 0}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0}.breadcrumbs li:after{content:"›";margin-left:.4rem;color:var(--line)}.breadcrumbs li:last-child:after{content:""}.breadcrumbs a{color:var(--muted)}.page-head{background:var(--surface);border-bottom:1px solid var(--line);padding:var(--space-5) 0}.page-head p{color:var(--muted);max-width:var(--reading);margin:0}.content{max-width:var(--reading);margin:0 auto}.content h2{font-size:1.35rem}.legal h2{font-size:1.2rem}.legal{font-size:1rem}.field{margin-bottom:var(--space-3)}.field label{display:block;font-weight:600;font-size:.92rem;margin-bottom:.35rem}.field input,.field textarea,.field select{width:100%;font:inherit;font-size:.97rem;padding:.65rem .8rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink)}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px var(--color-primary-light)}.notice{background:var(--color-accent-soft);border:1px solid #f0dcb6;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:.92rem;color:#5b4a23;margin:var(--space-3) 0}.principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.principle{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3)}.principle h3{margin:0 0 .4rem;font-size:1.05rem}.principle p{margin:0;color:var(--muted);font-size:.94rem}.muted{color:var(--muted)}.center{text-align:center}.stack>*+*{margin-top:var(--space-3)}.cta-band{background:var(--color-primary);color:#fff;border-radius:var(--radius);padding:var(--space-4) var(--space-4);text-align:center}.cta-band h2{color:#fff;margin-top:0}.cta-band p{color:#ffffffd9;max-width:540px;margin:0 auto var(--space-3)}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){body{font-size:16px}.nav{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid var(--line);padding:var(--space-2);gap:.2rem;box-shadow:var(--shadow)}.nav.is-open{display:flex}.nav a{padding:.7rem}.nav-toggle{display:inline-flex}.footer-grid{grid-template-columns:1fr}.author-box{flex-direction:column}.section{padding:var(--space-5) 0}}