:root{--navy:#0b1f3a;--white:#fff;color:var(--navy);background:var(--white);word-break:keep-all;overflow-wrap:anywhere;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,Segoe UI,Roboto,Noto Sans KR,sans-serif;line-height:1.7}*,:before,:after{box-sizing:border-box}body{margin:0}h1,h2{margin:0;line-height:1.3}h1{margin-bottom:1.25rem;font-size:1.75rem}h2{font-size:1.2rem}a{color:inherit}input,textarea,button{font:inherit;color:inherit;border-radius:6px;font-size:1rem}input,textarea{background:var(--white);border:1px solid var(--navy);width:100%;padding:.75rem}textarea{resize:vertical;display:block}input::placeholder,textarea::placeholder{color:var(--navy);opacity:.6}button{min-height:48px;color:var(--white);background:var(--navy);border:1px solid var(--navy);cursor:pointer;padding:.75rem 1.25rem;font-weight:600}button:disabled{opacity:.6;cursor:default}:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.site-header{border-bottom:1px solid var(--navy)}.site-nav{flex-wrap:wrap;gap:.25rem 1.25rem;max-width:40rem;margin:0 auto;padding:.75rem 1.25rem;display:flex}.site-nav a{padding:.25rem 0;text-decoration:none}.site-nav a.active{text-underline-offset:.3em;font-weight:700;text-decoration:underline}.page{max-width:40rem;margin:0 auto;padding:2rem 1.25rem 4rem}.hero{padding-top:3rem}.hero h1{margin-bottom:.75rem;font-size:2.5rem}.lead{margin:0 0 2rem;font-size:1.15rem}.subscribe{gap:.5rem;display:flex}.subscribe input{flex:1;min-width:0}.subscribe button{flex:none}.notice{min-height:1.7em;margin:.75rem 0 0;font-weight:600}.post-list{margin:0;padding:0;list-style:none}.post-list>li{border-top:1px solid var(--navy);padding:1.5rem 0}.post-list time{margin-top:.25rem;font-size:.9rem;display:block}.post-list p{margin:.75rem 0}.post-list summary{cursor:pointer;font-weight:600}.post-body{margin-top:.5rem}.post-body h2{margin-top:1.5rem;font-size:1.05rem}.explain{flex-direction:column;gap:.75rem;display:flex}.result{border:1px solid var(--navy);border-radius:6px;margin-top:2rem;padding:1.25rem}.result p{white-space:pre-wrap;margin:.5rem 0 0}@media (width<=480px){.hero{padding-top:1.5rem}.hero h1{font-size:2rem}.subscribe{flex-direction:column}.subscribe input{flex:none}}