:root{color-scheme:light dark;--paper: #fbfbfa;--panel: #fffdfa;--panel-soft: #f6f1e9;--ink: #1b2436;--muted: #6d6759;--faint: #928e86;--line: #e6e1d9;--brand-deep: #011b3a;--brand-soft: #eaf0f6;--accent: #c96a0a;--accent-soft: #fff1e3;--hero-bg: #2d4e76;--hero-ink: #fffdfa;--hero-muted: #d6e1ec;--hero-line: rgba(255, 253, 250, .18);--shadow: 0 18px 50px rgba(27, 36, 54, .07);--radius: 18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", "Noto Sans TC", "Segoe UI", sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:var(--brand-deep);text-decoration:none}a:hover{color:var(--accent)}button,input{font:inherit}button{cursor:pointer}[hidden]{display:none !important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.site-frame{width:min(1180px, calc(100% - 40px));margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:color-mix(in srgb, var(--paper) 90%, transparent);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);min-width:0}.brand-icon{display:block;width:38px;height:38px;border-radius:11px;overflow:hidden;box-shadow:0 5px 15px rgba(27,36,54,0.13);flex:0 0 auto}.brand-icon img,.hero-mark img{display:block;width:100%;height:100%;object-fit:cover}.brand-copy{display:grid;line-height:1.05}.brand-copy strong{font-size:1.04rem;letter-spacing:.01em}.brand-copy span{color:var(--muted);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;margin-top:4px}.header-actions{display:flex;align-items:center;gap:7px;min-width:0}.language-switcher{position:relative}.language-switcher summary{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid transparent;border-radius:999px;color:var(--muted);cursor:pointer;font-size:.82rem;list-style:none;white-space:nowrap}.language-switcher summary::-webkit-details-marker{display:none}.language-switcher summary:hover,.language-switcher[open] summary{border-color:var(--line);background:var(--panel);color:var(--brand-deep)}.icon-chevron{display:inline-block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}.language-switcher[open] .icon-chevron{transform:rotate(225deg) translate(-1px, -1px)}.language-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:30;display:grid;min-width:142px;padding:6px;border:1px solid var(--line);border-radius:13px;background:var(--panel);box-shadow:var(--shadow)}.language-menu .language-link{display:block;border-radius:8px;color:var(--muted);font-size:.82rem;padding:8px 10px;white-space:nowrap}.language-menu .language-link:hover,.language-menu .language-link.is-active{background:var(--brand-soft);color:var(--brand-deep)}.search-trigger,.header-tool,.panel-close{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);white-space:nowrap;transition:border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease}.search-trigger:hover,.header-tool:hover,.panel-close:hover{border-color:var(--brand-deep);background:var(--brand-soft);color:var(--brand-deep)}.search-trigger:active,.header-tool:active,.panel-close:active{transform:scale(0.98)}.header-search{padding:7px 12px;font-size:.8rem}.mobile-header-toc{display:none;padding:8px 10px}.icon-search{position:relative;display:inline-block;width:15px;height:15px;border:1.8px solid currentColor;border-radius:50%;flex:0 0 auto}.icon-search::after{content:"";position:absolute;right:-5px;bottom:-3px;width:6px;height:1.8px;border-radius:2px;background:currentColor;transform:rotate(45deg);transform-origin:left center}.icon-list{position:relative;display:inline-block;width:16px;height:13px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;flex:0 0 auto}.icon-list::after{content:"";position:absolute;top:4px;left:0;width:16px;height:2px;border-radius:2px;background:currentColor}.search-panel{position:relative;z-index:10;width:min(760px, 100%);max-width:760px;margin:-18px auto 34px}.search-panel-inner{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow)}.search-panel-heading,.drawer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.search-panel-heading h2,.drawer-heading h2{margin:0;color:var(--ink);font-size:1.15rem;line-height:1.3}.search-eyebrow{margin:0 0 4px;color:var(--brand-deep);font-size:.68rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.panel-close{padding:6px 11px;color:var(--muted);font-size:.76rem}.search-field{display:flex;align-items:center;gap:11px;margin-top:18px;padding:11px 14px;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--brand-deep)}.search-field:focus-within{border-color:var(--brand-deep);box-shadow:0 0 0 3px var(--brand-soft)}.search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink)}.search-field input::placeholder{color:var(--faint)}.search-status{margin:13px 0 0;color:var(--faint);font-size:.8rem}.search-results{display:grid;min-width:0;gap:2px;margin:9px 0 0;padding:0;list-style:none}.search-results li{min-width:0;padding:10px 0;overflow:hidden;border-top:1px solid var(--line)}.search-results a,.search-results span{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-results a{font-size:.9rem;font-weight:750}.search-results span{margin-top:2px;color:var(--muted);font-size:.78rem;line-height:1.5}.guide-hero{display:flex;align-items:center;gap:30px;margin:42px 0 46px;padding:34px 38px;border:1px solid var(--hero-line);border-radius:var(--radius);background:var(--hero-bg)}.hero-mark{position:relative;width:112px;height:112px;flex:0 0 auto;border-radius:29px;box-shadow:0 14px 28px rgba(27,36,54,0.12)}.hero-mark picture{display:block;width:100%;height:100%;border-radius:inherit;overflow:hidden}.hero-copy{min-width:0}.eyebrow{margin:0 0 7px;color:var(--brand-deep);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.guide-hero .eyebrow{color:var(--hero-muted)}.hero-copy h1{margin:0;font-size:clamp(2rem, 4vw, 3.35rem);line-height:1.12;letter-spacing:0;overflow-wrap:anywhere}.guide-hero .hero-copy h1{color:var(--hero-ink)}.hero-copy p:last-child{max-width:650px;margin:13px 0 0;color:var(--muted);font-size:1.02rem}.guide-hero .hero-copy p:last-child{color:var(--hero-muted)}.guide-layout{display:grid;grid-template-columns:220px minmax(0, 760px);gap:62px;align-items:start;justify-content:center}.sidebar{position:sticky;top:104px}.sidebar-toc{border-left:2px solid var(--line);padding-left:19px}.toc-label{margin:0 0 10px;color:var(--ink);font-size:.78rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.sidebar-toc ol,.mobile-toc-drawer ol{list-style:none;margin:0;padding:0;counter-reset:toc}.sidebar-toc li{counter-increment:toc}.sidebar-toc a{display:block;padding:4px 0;color:var(--muted);font-size:.83rem;line-height:1.45}.sidebar-toc a::before{content:counter(toc,decimal-leading-zero) "  ";color:var(--faint);font-variant-numeric:tabular-nums}.sidebar-toc a:hover{color:var(--brand-deep)}.privacy-link{display:inline-block;margin:27px 0 0 21px;color:var(--muted);font-size:.77rem}.privacy-link span{color:var(--accent)}.mobile-toc-backdrop{position:fixed;inset:0;z-index:70;background:rgba(27,36,54,0.46)}.mobile-toc-drawer{position:fixed;top:0;right:0;bottom:0;z-index:80;width:min(86vw, 360px);padding:26px 22px;overflow-y:auto;background:var(--panel);box-shadow:-18px 0 50px rgba(27,36,54,0.18);transform:translateX(102%);transition:transform .24s ease}.mobile-toc-drawer.is-open{transform:translateX(0)}.mobile-toc-drawer ol{margin-top:28px;counter-reset:toc}.mobile-toc-drawer li{counter-increment:toc;border-top:1px solid var(--line)}.mobile-toc-drawer a{display:block;padding:13px 0;color:var(--muted);font-size:.9rem;line-height:1.4}.mobile-toc-drawer a::before{content:counter(toc,decimal-leading-zero) "  ";color:var(--faint);font-variant-numeric:tabular-nums}.drawer-open{overflow:hidden}.page-content{min-width:0}.page-content>h1:first-child{display:none}.page-content>h2:first-of-type,.page-content>h2:first-of-type+ol{display:none}.page-content>p:first-of-type{margin-top:0;color:var(--muted);font-size:1.1rem;line-height:1.75}.page-content h2{margin:76px 0 20px;padding-top:18px;border-top:1px solid var(--line);color:var(--ink);font-size:1.65rem;line-height:1.25;letter-spacing:0;scroll-margin-top:108px}.page-content h3{margin:38px 0 12px;color:var(--brand-deep);font-size:1.1rem;line-height:1.35;scroll-margin-top:108px}.page-content p{margin:0 0 17px}.page-content ul,.page-content ol{padding-left:1.35rem}.page-content li+li{margin-top:6px}.page-content strong{color:var(--ink);font-weight:750}.page-content blockquote{margin:27px 0;padding:15px 19px;border-left:3px solid var(--accent);border-radius:0 10px 10px 0;background:var(--panel);color:var(--muted)}.page-content hr{border:0;border-top:1px solid var(--line);margin:36px 0}.page-content table{width:100%;margin:23px 0 28px;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:.94rem}.page-content th,.page-content td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.page-content th{color:var(--brand-deep);background:var(--brand-soft);font-size:.82rem;font-weight:750}.page-content tr:last-child td{border-bottom:0}.page-content code{padding:.14em .38em;border-radius:5px;background:var(--brand-soft);color:var(--brand-deep);font-size:.88em}.page-content img{display:block;max-width:100%;height:auto;margin:25px auto 9px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow)}.page-content img[src*="images/iphone/"]{width:min(100%, 720px)}.page-content em{display:block;color:var(--faint);font-size:.83rem;text-align:center}.page-footer{display:flex;justify-content:space-between;gap:20px;margin:78px 0 42px;padding-top:18px;border-top:1px solid var(--line);color:var(--faint);font-size:.78rem}.page-footer a{color:var(--muted)}@media (prefers-color-scheme: dark){:root{--paper: #14181f;--panel: #1c212a;--panel-soft: #242a34;--ink: #edeae4;--muted: #9a968e;--faint: #7f7b74;--line: #2e3542;--brand-deep: #7fa6d4;--brand-soft: #2a3442;--accent: #e8963c;--accent-soft: #45382e;--hero-bg: #1e3349;--hero-ink: #edeae4;--hero-muted: #c3d0dc;--hero-line: rgba(237, 234, 228, .16);--shadow: 0 18px 50px rgba(0, 0, 0, .2)}}@media (max-width: 820px){.site-frame{width:min(100% - 28px, 680px)}.site-header{min-height:68px}.header-actions{gap:3px}.language-switcher summary{padding:6px 8px;font-size:.75rem}.language-menu{right:-4px}.guide-hero{margin:28px 0 24px;padding:25px;gap:22px}.hero-mark{width:82px;height:82px;border-radius:22px}.hero-copy h1{font-size:clamp(1.75rem, 8vw, 2.55rem)}.hero-copy p:last-child{font-size:.92rem}.mobile-header-toc{display:inline-flex}.header-search{padding:8px 10px}.search-button-text{display:none}.guide-layout{display:block}.sidebar{display:none}.page-content h2{margin-top:58px;font-size:1.42rem}.page-content h3{font-size:1.03rem}.page-content table{display:block;overflow-x:auto;white-space:nowrap}.page-content th,.page-content td{white-space:normal;min-width:125px}.page-footer{display:block;margin-top:54px}.page-footer a{display:inline-block;margin-top:8px}}@media (max-width: 520px){.site-header{align-items:flex-start;padding:14px 0}.brand{min-width:0}.brand-icon{width:32px;height:32px;border-radius:9px}.brand-copy span{font-size:.6rem}.brand-copy strong{font-size:.95rem}.header-actions{gap:2px}.language-switcher summary{padding:5px 6px;font-size:.7rem}.language-switcher summary .icon-chevron{width:6px;height:6px}.language-menu{right:-2px}.header-tool,.header-search{padding:8px}.guide-hero{align-items:flex-start;gap:17px;padding:20px 18px 22px}.hero-mark{width:62px;height:62px;border-radius:17px}.eyebrow{font-size:.66rem}.hero-copy h1{font-size:1.65rem}.hero-copy p:last-child{margin-top:9px;font-size:.85rem}.page-content>p:first-of-type{font-size:1rem}.page-content blockquote{padding:13px 15px}.page-content img{border-radius:12px}}
