@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";
@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";
:root{--accent:#3b82f6;--accent-strong:color-mix(in srgb, var(--accent) 84%, #000);--accent-press:color-mix(in srgb, var(--accent) 72%, #000);--accent-soft:color-mix(in srgb, var(--accent) 12%, #fff);--accent-soft-2:color-mix(in srgb, var(--accent) 22%, #fff);--accent-ring:color-mix(in srgb, var(--accent) 38%, transparent);--accent-contrast:#fff;--accent-grad:radial-gradient(125% 125% at 22% 0%, color-mix(in srgb, var(--accent) 80%, #fff) 0%, var(--accent) 48%, color-mix(in srgb, var(--accent) 78%, #000) 100%);--ink:#161616;--ink-bg:#0e0e0e;--ink-2:#000;--n-08:#5e5e5e;--n-07:#717171;--n-06:#b0b0b0;--n-04:#d3d3d3;--n-03:#ddd;--n-02:#ebebeb;--n-01:#f7f7f7;--white:#fff;--error:#c13515;--error-soft:#fef0ec;--success:#008a05;--success-soft:#eaf6eb;--link:var(--accent);--bg:#fff;--surface:#fff;--surface-2:#f7f7f7;--fg:var(--ink);--fg-2:var(--n-07);--fg-3:var(--n-06);--line:var(--n-03);--line-2:var(--n-02);--font:var(--font-pretendard);--font-kr-fallback:"Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-pretendard:"Pretendard Variable", "Pretendard", var(--font-kr-fallback);--font-noto:"Noto Sans KR", "Pretendard", var(--font-kr-fallback);--font-plex:"IBM Plex Sans KR", "Pretendard", var(--font-kr-fallback);--font-system:-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--font-serif:"IBM Plex Serif", Georgia, "Noto Serif KR", serif;--fs-display:64px;--fs-h1:40px;--fs-h2:32px;--fs-h3:22px;--fs-h4:18px;--fs-body:16px;--fs-sm:14px;--fs-xs:12px;--lh-tight:1.06;--lh-snug:1.25;--lh-body:1.55;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;--r-btn:8px;--r-card:12px;--r-input:10px;--r-chip:999px;--r-tile:12px;--sh-1:0 1px 2px #0000000f;--sh-2:0 2px 8px #00000014;--sh-3:0 6px 16px #0000001f;--sh-4:0 12px 36px #00000029;--card-shadow:var(--sh-3);--card-border:1px solid transparent;--ctrl-py:14px;--ctrl-px:22px;--ctrl-fs:16px;--ctrl-h:52px;--ease:cubic-bezier(.2, 0, 0, 1);--d:.2s}html[data-shape=sharp]{--r-btn:2px;--r-card:3px;--r-input:3px;--r-chip:3px;--r-tile:3px}html[data-shape=soft]{--r-btn:6px;--r-card:10px;--r-input:8px;--r-chip:8px;--r-tile:10px}html[data-shape=rounded]{--r-btn:8px;--r-card:12px;--r-input:10px;--r-chip:999px;--r-tile:12px}html[data-shape=pill]{--r-btn:999px;--r-card:20px;--r-input:999px;--r-chip:999px;--r-tile:18px}html[data-density=compact]{--ctrl-py:9px;--ctrl-px:16px;--ctrl-fs:14px;--ctrl-h:40px}html[data-density=cozy]{--ctrl-py:13px;--ctrl-px:22px;--ctrl-fs:16px;--ctrl-h:50px}html[data-density=comfy]{--ctrl-py:17px;--ctrl-px:28px;--ctrl-fs:17px;--ctrl-h:60px}html[data-elevation=flat]{--card-shadow:none;--card-border:1px solid var(--line)}html[data-elevation=shadow]{--card-shadow:var(--sh-3);--card-border:1px solid transparent}html[data-font=pretendard]{--font:var(--font-pretendard)}html[data-font=noto]{--font:var(--font-noto)}html[data-font=plex]{--font:var(--font-plex)}html[data-font=system]{--font:var(--font-system)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}h1,h2,h3,h4{line-height:var(--lh-tight);letter-spacing:-.02em;color:var(--fg);margin:0;font-weight:700}p{margin:0}a{color:var(--link);text-decoration:none}img{max-width:100%;display:block}.display{font-size:var(--fs-display);letter-spacing:-.035em;font-weight:700;line-height:1}.h1{font-size:var(--fs-h1)}.h2{font-size:var(--fs-h2)}.h3{font-size:var(--fs-h3);letter-spacing:-.015em}.lead{font-size:var(--fs-h4);color:var(--fg-2);line-height:var(--lh-snug);letter-spacing:-.01em}.body{font-size:var(--fs-body);color:var(--fg-2)}.small{font-size:var(--fs-sm);color:var(--fg-2)}.muted{color:var(--fg-3)}.eyebrow{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700}.mono{color:var(--fg-2);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.accent-text{color:var(--accent)}.on-dark{background:var(--ink-bg);color:#f4f4f4;--surface:#ffffff0d;--surface-2:#ffffff0d;--fg:#f7f7f7;--fg-2:#f4f4f4a3;--fg-3:#f4f4f46b;--line:#ffffff24;--line-2:#ffffff17}.on-dark h1,.on-dark h2,.on-dark h3,.on-dark h4{color:#fff}.on-dark .lead{color:#f4f4f4b8}.btn{--btn-fs:var(--ctrl-fs);justify-content:center;align-items:center;gap:var(--s2);font-family:var(--font);font-size:var(--btn-fs);letter-spacing:-.01em;padding:var(--ctrl-py) var(--ctrl-px);border-radius:var(--r-btn);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform var(--d) var(--ease), background var(--d) var(--ease), box-shadow var(--d) var(--ease), border-color var(--d) var(--ease), color var(--d) var(--ease), filter var(--d) var(--ease);border:1.5px solid #0000;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn:focus-visible{box-shadow:0 0 0 3px var(--bg), 0 0 0 6px var(--accent-ring);outline:none}.btn svg{flex:none;width:18px;height:18px}.btn--primary{background:var(--ink);color:#fff}.btn--primary:hover{background:#000}.btn--accent{background:var(--accent);color:var(--accent-contrast)}.btn--accent:hover{background:var(--accent-strong)}.btn--accent:active{background:var(--accent-press)}html[data-fill=gradient] .btn--accent{background:var(--accent-grad)}html[data-fill=gradient] .btn--accent:hover{background:var(--accent-grad);filter:brightness(.94)}html[data-fill=outline] .btn--accent{color:var(--accent);border-color:var(--accent);background:0 0}html[data-fill=outline] .btn--accent:hover{background:var(--accent-soft)}.btn--ghost{background:var(--surface);color:var(--ink);border-color:var(--n-04)}.btn--ghost:hover{background:var(--n-01);border-color:var(--ink)}.btn--link{color:var(--ink);text-underline-offset:3px;background:0 0;border:none;padding:6px 4px;text-decoration:underline}.btn--link:hover{color:var(--accent)}.btn--sm{--ctrl-py:9px;--ctrl-px:16px;--btn-fs:14px}.btn--block{width:100%}.btn:disabled,.btn[aria-disabled=true]{background:var(--n-02);color:var(--n-06);cursor:not-allowed;pointer-events:none;border-color:#0000}.btn--loading{pointer-events:none;position:relative;color:#0000!important}.btn--loading:after{content:"";border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.on-dark .btn--primary{color:#111;background:#fff}.on-dark .btn--primary:hover{background:#e7e7e7}.on-dark .btn--ghost{color:#fff;background:0 0;border-color:#ffffff61}.on-dark .btn--ghost:hover{background:#ffffff14;border-color:#fff}.on-dark .btn--link{color:#fff}.on-dark .btn--link:hover{color:var(--accent)}.field{flex-direction:column;gap:6px;display:flex}.field>label{font-size:var(--fs-sm);color:var(--fg);font-weight:600}.input-wrap{align-items:center;display:flex;position:relative}.input{width:100%;font-family:var(--font);font-size:var(--ctrl-fs);color:var(--fg);background:var(--surface);padding:var(--ctrl-py) var(--ctrl-px);height:var(--ctrl-h);border:1.5px solid var(--n-04);border-radius:var(--r-input);transition:border-color var(--d) var(--ease), box-shadow var(--d) var(--ease)}.input::placeholder{color:var(--n-06)}.input:hover{border-color:var(--n-07)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring);outline:none}.input-wrap.has-icon .input{padding-left:46px}.input-icon{color:var(--n-07);pointer-events:none;width:18px;height:18px;position:absolute;left:16px}.field--error .input{border-color:var(--error)}.field--error .input:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--error) 14%, transparent)}.helper{font-size:var(--fs-xs);color:var(--fg-2)}.helper--error{color:var(--error)}.on-dark .input{color:#fff;background:#ffffff0f;border-color:#ffffff3d}.on-dark .input::placeholder{color:#ffffff6b}.on-dark .input-icon{color:#ffffff8c}.choice{cursor:pointer;font-size:var(--fs-sm);color:var(--fg);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.choice input{opacity:0;pointer-events:none;position:absolute}.box,.dot{border:2px solid var(--n-06);width:22px;height:22px;transition:all var(--d) var(--ease);background:var(--surface);flex:none;place-items:center;display:grid}.box{border-radius:6px}html[data-shape=sharp] .box{border-radius:2px}html[data-shape=pill] .box{border-radius:8px}.dot{border-radius:50%}.box svg{color:#fff;opacity:0;width:13px;height:13px;transition:all var(--d) var(--ease);transform:scale(.5)}.choice:hover .box,.choice:hover .dot{border-color:var(--n-08)}.choice input:checked+.box{background:var(--ink);border-color:var(--ink)}.choice input:checked+.box svg{opacity:1;transform:scale(1)}.dot:after{content:"";background:var(--ink);width:11px;height:11px;transition:transform var(--d) var(--ease);border-radius:50%;transform:scale(0)}.choice input:checked+.dot{border-color:var(--ink)}.choice input:checked+.dot:after{transform:scale(1)}.choice input:focus-visible+.box,.choice input:focus-visible+.dot{box-shadow:0 0 0 4px var(--accent-ring)}.choice--accent input:checked+.box{background:var(--accent);border-color:var(--accent)}.choice--accent input:checked+.dot{border-color:var(--accent)}.choice--accent input:checked+.dot:after{background:var(--accent)}.toggle{cursor:pointer;display:inline-flex;position:relative}.toggle input{opacity:0;position:absolute}.track{background:var(--n-06);width:48px;height:32px;transition:background var(--d) var(--ease);border-radius:999px;position:relative}.track:after{content:"";border:2px solid var(--n-06);width:32px;height:32px;transition:all var(--d) var(--ease);box-shadow:var(--sh-1);background:#fff;border-radius:50%;position:absolute;top:0;left:0}.toggle:hover .track{background:var(--n-07)}.toggle:hover .track:after{border-color:var(--n-07)}.toggle input:checked+.track{background:var(--accent)}.toggle input:checked+.track:after{border-color:var(--accent);left:16px}.toggle input:focus-visible+.track{box-shadow:0 0 0 4px var(--accent-ring)}.chip{font-size:var(--fs-sm);color:var(--fg);border-radius:var(--r-chip);border:1.5px solid var(--n-04);background:var(--surface);cursor:pointer;transition:all var(--d) var(--ease);align-items:center;gap:8px;padding:9px 16px;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--ink)}.chip svg{width:16px;height:16px}.chip--active{background:var(--ink);color:#fff;border-color:var(--ink)}.chip--accent.chip--active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.on-dark .chip{color:#fff;background:0 0;border-color:#ffffff4d}.on-dark .chip:hover{border-color:#fff}.on-dark .chip--active{color:#111;background:#fff;border-color:#fff}.on-dark .chip--accent.chip--active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.badge{font-size:var(--fs-xs);border-radius:6px;align-items:center;gap:5px;padding:4px 9px;font-weight:700;display:inline-flex}html[data-shape=pill] .badge,html[data-shape=rounded] .badge{border-radius:999px}.badge--solid{background:var(--ink);color:#fff}.badge--accent{background:var(--accent);color:var(--accent-contrast)}.badge--accent-soft{background:var(--accent-soft);color:var(--accent-strong)}.badge--success{background:var(--success-soft);color:var(--success)}.badge--error{background:var(--error-soft);color:var(--error)}.badge--outline{background:var(--surface);color:var(--fg-2);border:1px solid var(--line)}.lcard{cursor:pointer;flex-direction:column;gap:12px;display:flex}.lcard__media{aspect-ratio:20/19;border-radius:var(--r-tile);background:linear-gradient(135deg, var(--n-04), var(--n-06));position:relative;overflow:hidden}.lcard__media .ph{object-fit:cover;width:100%;height:100%}.lcard__badge{background:var(--white);color:var(--ink);box-shadow:var(--sh-1);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.lcard__heart{color:#00000073;width:24px;height:24px;transition:transform var(--d) var(--ease), color var(--d) var(--ease);position:absolute;top:12px;right:12px}.lcard__heart svg{stroke:#fff;stroke-width:2px;width:24px;height:24px}.lcard:hover .lcard__heart{transform:scale(1.12)}.lcard__heart.is-liked{color:var(--accent)}.lcard__row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.lcard__title{font-weight:600;font-size:var(--fs-body);color:var(--fg);letter-spacing:-.01em}.lcard__rating{font-size:var(--fs-sm);color:var(--fg);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.lcard__rating svg{width:14px;height:14px;color:var(--accent)}.lcard__sub{font-size:var(--fs-sm);color:var(--fg-2)}.lcard__price{font-size:var(--fs-body);color:var(--fg);margin-top:2px}.lcard__price b{font-weight:700}.card{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--card-shadow);border:var(--card-border);padding:var(--s5)}.tabs{border-bottom:1px solid var(--line);gap:28px;display:flex}.tab{appearance:none;cursor:pointer;font-family:var(--font);font-size:var(--fs-body);color:var(--fg-2);transition:color var(--d) var(--ease);background:0 0;border:none;padding:14px 0;font-weight:600;position:relative}.tab:after{content:"";background:var(--accent);height:2px;transition:transform var(--d) var(--ease);border-radius:2px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.tab:hover,.tab--active{color:var(--fg)}.tab--active:after{transform:scaleX(1)}.segmented{background:var(--n-01);border-radius:var(--r-btn);border:1px solid var(--line-2);padding:4px;display:inline-flex}.segmented button{appearance:none;cursor:pointer;font-family:var(--font);font-size:var(--fs-sm);color:var(--fg-2);border-radius:calc(var(--r-btn) - 3px);transition:all var(--d) var(--ease);background:0 0;border:none;padding:8px 18px;font-weight:600}.segmented button.is-on{background:var(--surface);color:var(--fg);box-shadow:var(--sh-1)}.on-dark .segmented{background:#ffffff0f;border-color:#ffffff1f}.on-dark .segmented button.is-on{color:#111;background:#fff}.accordion{border-top:1px solid var(--line)}.acc-item{border-bottom:1px solid var(--line)}.acc-head{cursor:pointer;width:100%;font-family:var(--font);font-size:var(--fs-h4);color:var(--fg);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:22px 4px;font-weight:600;display:flex}.acc-head .chev{width:22px;height:22px;color:var(--accent);transition:transform var(--d) var(--ease);flex:none}.acc-item.open .chev{transform:rotate(45deg)}.acc-body{max-height:0;transition:max-height var(--d) var(--ease);overflow:hidden}.acc-item.open .acc-body{max-height:240px}.acc-body p{color:var(--fg-2);max-width:60ch;padding:0 4px 24px}.tip{display:inline-flex;position:relative}.tip__bubble{background:var(--ink);color:#fff;font-size:var(--fs-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--d) var(--ease);box-shadow:var(--sh-3);border-radius:8px;padding:8px 12px;font-weight:500;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(4px)}.tip__bubble:after{content:"";border:5px solid #0000;border-top-color:var(--ink);position:absolute;top:100%;left:50%;transform:translate(-50%)}.tip:hover .tip__bubble{opacity:1;transform:translate(-50%)translateY(0)}.callout{border-radius:var(--r-card);background:var(--accent-soft);border:1px solid var(--accent-soft-2);gap:14px;padding:18px 20px;display:flex}.callout__icon{width:22px;height:22px;color:var(--accent-strong);flex:none;margin-top:1px}.callout h4{font-size:var(--fs-body);color:var(--ink);margin-bottom:3px}.callout p{font-size:var(--fs-sm);color:var(--fg-2);max-width:56ch}
:root{--accent:#3b82f6;--measure:68ch;--wrap:1180px;--headerH:64px;--bg:#fff}html,body,body{background:#fff}::selection{background:var(--accent-soft-2);color:var(--ink)}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}.wrap--narrow{max-width:760px}@media (max-width:640px){.wrap{padding:0 20px}}a.plain,.plain{color:inherit}.eyebrow{display:inline-block}.ptag{letter-spacing:-.01em;color:var(--fg-2);white-space:nowrap;background:0 0;border:none;border-radius:0;padding:3px 2px;font-size:12px;font-weight:600}.dotsep{color:var(--n-06);padding:0 2px}.avatar{background:var(--accent);color:#fff;letter-spacing:0;font-weight:700;font-family:var(--font-serif);border-radius:50%;flex:none;place-items:center;display:inline-grid}.avatar--accent{background:var(--accent)}.avatar--dark{background:#000}.hl{background-image:linear-gradient(transparent 58%, var(--accent-soft-2) 0);padding:0 .04em}.hl--ink{color:var(--accent);background:0 0}.hero-lite{padding:60px 32px 6px}@media (max-width:640px){.hero-lite{padding:40px 20px 4px}.hero-lite__kicker{margin-bottom:16px}}.hero-lite__kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);align-items:center;gap:10px;margin-bottom:20px;font-size:12px;font-weight:700;display:flex}.hero-lite__kicker b{color:var(--accent);white-space:nowrap}.hero-lite__kicker .rule{background:var(--line);flex:1;max-width:130px;height:1px}.hero-lite__title{letter-spacing:-.035em;color:var(--ink);text-wrap:balance;max-width:18ch;font-size:clamp(34px,5.2vw,62px);font-weight:800;line-height:1.05}.hero-lite__sub{color:var(--fg-2);letter-spacing:-.01em;white-space:nowrap;max-width:none;margin-top:18px;font-size:clamp(15px,1.8vw,19px);line-height:1.5}@media (max-width:760px){.hero-lite__sub{white-space:normal;max-width:40ch}}.sec{padding:64px 0}.sec__head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:38px;padding-bottom:18px;display:flex}.sec__title{font-size:var(--fs-h2);letter-spacing:-.025em;color:var(--ink);font-weight:800}.sec__sub{color:var(--fg-2);margin-top:6px;font-size:14px}.sec__link{color:var(--ink);align-items:center;gap:7px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.sec__link svg{width:16px;height:16px;transition:transform var(--d) var(--ease)}.sec__link:hover{color:var(--accent)}.sec__link:hover svg{transform:translate(4px)}.listhead{border-bottom:1px solid var(--line);padding:48px 0 28px}.listhead h1{letter-spacing:-.03em;color:var(--ink);font-size:clamp(30px,4vw,46px);font-weight:800}.listhead p{color:var(--fg-2);max-width:52ch;margin-top:12px;font-size:16px}.breadcrumb{color:var(--fg-3);flex-wrap:wrap;align-items:center;gap:8px;padding:24px 0 0;font-size:13px;display:flex}.breadcrumb a{color:var(--fg-2);text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.breadcrumb svg{opacity:.5;width:14px;height:14px}.arthead{padding:28px 0 40px}.arthead__cat{color:var(--accent);margin-bottom:18px}.arthead__title{letter-spacing:-.035em;color:var(--ink);text-wrap:balance;font-size:clamp(30px,4.6vw,52px);font-weight:800;line-height:1.08}.arthead__excerpt{color:var(--fg-2);letter-spacing:-.01em;max-width:75ch;margin-top:22px;font-size:clamp(17px,2.2vw,21px);line-height:1.55}.arthead__meta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px;display:flex}.artmeta__name{color:var(--ink);font-size:15px;font-weight:700}.artmeta__role{color:var(--fg-3);font-size:13px}.artmeta__sub{color:var(--fg-2);align-items:center;gap:8px;font-size:13.5px;display:flex}.arthead__text{min-width:0}.artcover{min-width:0;margin:0;display:none}.artcover img{object-fit:cover;width:100%;height:100%;display:block}html[data-cover=banner] .arthead{padding-bottom:0}html[data-cover=banner] .artcover{border-radius:var(--r-card);aspect-ratio:16/8;background:var(--surface-2);margin-top:32px;display:block;overflow:hidden}html[data-shape=sharp] html[data-cover=banner] .artcover{border-radius:4px}html[data-cover=overlay] .arthead{border-radius:var(--r-card);align-items:flex-end;min-height:460px;margin-top:10px;padding:0;display:flex;position:relative;overflow:hidden}html[data-shape=sharp] html[data-cover=overlay] .arthead{border-radius:4px}html[data-cover=overlay] .artcover{display:block;position:absolute;inset:0}html[data-cover=overlay] .artcover:after{content:"";background:linear-gradient(#08080a1f 0%,#08080a75 50%,#08080ae6 100%);position:absolute;inset:0}html[data-cover=overlay] .arthead__text{z-index:2;width:100%;padding:clamp(28px,4vw,52px);position:relative}html[data-cover=overlay] .arthead__cat{color:#fff;opacity:.92}html[data-cover=overlay] .arthead__title{color:#fff}html[data-cover=overlay] .arthead__meta{margin-top:22px}html[data-cover=overlay] .artmeta__sub{color:#ffffffd6}html[data-cover=overlay] .dotsep{color:#ffffff80}@media (max-width:640px){html[data-cover=overlay] .arthead{min-height:380px}}html[data-cover=split] .arthead{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(28px,4vw,56px);padding:32px 0 44px;display:grid}html[data-cover=split] .artcover{border-radius:var(--r-card);aspect-ratio:4/3;background:var(--surface-2);display:block;overflow:hidden}html[data-shape=sharp] html[data-cover=split] .artcover{border-radius:4px}@media (max-width:760px){html[data-cover=split] .arthead{grid-template-columns:1fr;gap:22px;padding-bottom:36px}html[data-cover=split] .artcover{aspect-ratio:16/9;order:-1}}.artbody{align-items:start;gap:56px;padding:48px 0 0;display:grid}html[data-reading=centered] .artbody{grid-template-columns:minmax(0,1fr);justify-items:center}html[data-reading=railed] .artbody{grid-template-columns:220px minmax(0,1fr)}html[data-reading=wide] .artbody{grid-template-columns:minmax(0,1fr);justify-items:center}@media (max-width:1024px){html[data-reading=railed] .artbody{grid-template-columns:1fr}}.artrail{display:none}html[data-reading=railed] .artrail{top:calc(var(--headerH) + 24px);display:block;position:sticky}@media (max-width:1024px){html[data-reading=railed] .artrail{position:static;top:auto}}.toc__label{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);margin-bottom:14px;font-size:11px;font-weight:700}.toc{border-left:2px solid var(--line);flex-direction:column;gap:2px;display:flex}.toc a{color:var(--fg-2);transition:color var(--d) var(--ease), border-color var(--d) var(--ease);border-left:2px solid #0000;margin-left:-2px;padding:7px 0 7px 16px;font-size:13.5px;font-weight:500;line-height:1.4;text-decoration:none}.toc a:hover{color:var(--ink)}.toc a.is-active{color:var(--accent);border-left-color:var(--accent);font-weight:700}.prose{max-width:var(--measure);width:100%;color:var(--fg);letter-spacing:-.003em;font-size:18px;line-height:1.78}html[data-reading=wide] .prose{max-width:80ch;font-size:19px}.prose>*+*{margin-top:1.3em}.prose h2{letter-spacing:-.025em;color:var(--ink);scroll-margin-top:calc(var(--headerH) + 24px);margin-top:2em;padding-top:.2em;font-size:26px;font-weight:800;line-height:1.25}.prose h2+p{margin-top:.9em}.prose h3{letter-spacing:-.02em;color:var(--ink);margin-top:1.6em;font-size:20px;font-weight:700}.prose p{color:var(--fg)}.prose p strong{color:var(--ink);font-weight:700}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.prose ul{flex-direction:column;gap:.55em;padding-left:0;list-style:none;display:flex}.prose ul li{color:var(--fg);padding-left:22px;position:relative}.prose ul li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.72em;left:4px}.prose blockquote{border-left:3px solid var(--accent);color:var(--fg);margin-left:0;padding:4px 0 4px 22px;font-size:19px;font-weight:500;line-height:1.6}.pcallout{background:var(--accent-soft);border-radius:var(--r-card);grid-template-columns:auto 1fr;gap:16px;margin-top:1.6em;padding:22px 24px;display:grid}.pcallout__icon{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.pcallout__icon svg{width:17px;height:17px}.pcallout__label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:5px;font-size:11px;font-weight:700}.pcallout__text{color:var(--fg);font-size:15.5px;line-height:1.6}.artfoot{max-width:calc(var(--measure) * 18 / 16);width:100%;margin:56px auto 0}html[data-reading=railed] .artfoot{margin-left:0}.artfoot__tags{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding-bottom:36px;display:flex}.authorbox{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:32px 0;text-decoration:none;display:grid}.authorbox .avatar{font-family:var(--font);font-weight:700}.authorbox__name{color:var(--ink);transition:color var(--d) var(--ease);font-size:17px;font-weight:800}.authorbox:hover .authorbox__name{color:var(--accent-strong);text-underline-offset:3px;text-decoration:underline}.authorbox__role{color:var(--accent);margin-top:2px;font-size:13px;font-weight:600}.authorbox__bio{color:var(--fg-2);word-break:keep-all;margin-top:12px;font-size:14.5px;line-height:1.6}.authorbox__go{color:var(--n-06);transition:transform var(--d) var(--ease), color var(--d) var(--ease);align-self:center;display:inline-flex}.authorbox__go svg{width:20px;height:20px}.authorbox:hover .authorbox__go{color:var(--ink);transform:translate(4px)}.artfoot__tags{flex-wrap:wrap;gap:7px;display:flex}.artfoot__tags .ptag{font-size:14px}.ptag{transition:color var(--d) var(--ease);text-decoration:none;display:inline-block}.ptag:before{content:"#";opacity:.45;margin-right:1px;font-weight:700}.ptag:hover{color:var(--ink)}.ptag.is-active{color:var(--accent)}.ptag.is-active:before{opacity:1;color:var(--accent)}.related{padding:64px 0 0}.artfaq{max-width:calc(var(--measure) * 18 / 16);border-top:1px solid var(--line);width:100%;margin:40px auto 0;padding-top:40px}.artfaq__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--fg-3);margin:0 0 6px;font-size:12px;font-weight:700;display:block}.artfaq__list{margin-top:8px}.faqq{border-top:1px solid var(--line-2)}.faqq:first-child{border-top:none}.faqq__q{cursor:pointer;-webkit-tap-highlight-color:transparent;grid-template-columns:22px 1fr auto;align-items:start;column-gap:14px;padding:22px 0;list-style:none;display:grid}.faqq__q::-webkit-details-marker{display:none}.faqq__q:focus-visible{outline:none}.faqq__q:focus-visible .faqq__qt{box-shadow:0 2px 0 var(--accent-ring)}.faqq__mark{font-family:var(--font);color:var(--accent);text-align:left;-webkit-user-select:none;user-select:none;font-size:17px;font-weight:800;line-height:1.5}.faqq__mark--a{color:var(--fg-3)}.faqq__qt{letter-spacing:-.01em;color:var(--ink);word-break:keep-all;transition:color var(--d) var(--ease);font-size:16.5px;font-weight:700;line-height:1.5}.faqq__q:hover .faqq__qt{color:var(--accent)}.faqq__chev{color:var(--fg-3);transition:color var(--d) var(--ease);justify-content:center;align-items:center;padding-top:3px;display:inline-flex}.faqq__chev svg{width:20px;height:20px}.faqq__q:hover .faqq__chev{color:var(--ink)}.faqq[open] .faqq__chev{color:var(--ink);transform:rotate(180deg)}.faqq__a{grid-template-columns:22px 1fr;column-gap:14px;padding:0 0 26px;display:grid}.faqq__at{color:var(--fg-2);letter-spacing:-.003em;word-break:keep-all;text-wrap:pretty;margin:0;font-size:15.5px;line-height:1.72}@media (prefers-reduced-motion:no-preference){.faqq[open] .faqq__a{animation:faq-reveal var(--d) var(--ease)}}@keyframes faq-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.artfoot__tags:has(+.artfaq){border-bottom:none;padding-bottom:0}.artfaq+.authorbox{border-top:1px solid var(--line);margin-top:40px;padding-top:40px}@media (max-width:480px){.artfaq{margin-top:32px;padding-top:32px}.faqq__q{grid-template-columns:18px 1fr auto;column-gap:11px;padding:18px 0}.faqq__a{grid-template-columns:18px 1fr;column-gap:11px;padding-bottom:22px}.faqq__mark,.faqq__qt{font-size:16px}.faqq__at{font-size:15px}.artfaq+.authorbox{margin-top:32px;padding-top:32px}}
:root{--font-sans:""}