@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{color-scheme:light;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#252521;background:#f7f6f3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}a:focus-visible{outline:3px solid #7c5cfc;outline-offset:4px;border-radius:3px}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:10}
.bar{position:sticky;top:0;z-index:2;background:rgba(247,246,243,.94);border-bottom:1px solid #e4e2dc;backdrop-filter:blur(18px)}.bar-inner{max-width:1120px;margin:auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.04em;font-size:17px;white-space:nowrap}.brand span{color:#66645e;font-weight:600}.bar nav{display:flex;gap:22px;font-size:13px;font-weight:600}.bar nav a{text-decoration:none;color:#5d5b56}.bar nav a:hover{color:#252521}
.guide-wrap{max-width:1120px;margin:auto;padding:54px 28px 110px}.breadcrumbs{font-size:13px;color:#74716b}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.intro{max-width:850px;margin:56px 0 48px}.kicker{display:block;font-size:11px;letter-spacing:.14em;font-weight:800;color:#805326;text-transform:uppercase}.intro h1{font-family:Manrope,sans-serif;font-size:clamp(38px,5.4vw,66px);line-height:1.08;letter-spacing:-.065em;margin:18px 0 20px}.lede{font-size:clamp(18px,2vw,22px);line-height:1.55;color:#5b5954;max-width:700px;margin:0}.meta{font-size:12px;color:#66635e;margin-top:23px}
.article-layout{display:grid;grid-template-columns:minmax(0,750px) 260px;gap:64px;align-items:start}.article{font-size:16px;line-height:1.75;color:#393834}.article h2,.article h3{font-family:Manrope,sans-serif;color:#252521;letter-spacing:-.045em;line-height:1.2}.article h2{font-size:31px;margin:54px 0 14px}.article h2:first-child{margin-top:0}.article h3{font-size:21px;margin:32px 0 8px}.article p{margin:0 0 18px}.article ol,.article ul{padding-left:24px;margin:0 0 22px}.article li{padding-left:5px;margin:8px 0}.article strong{font-weight:700}.article a{color:#5b42be;text-underline-offset:3px}.article a:hover{color:#38258e}.article table{border-collapse:collapse;width:100%;margin:26px 0 34px;font-size:14px}.article th,.article td{padding:13px 16px;border:1px solid #dedcd6;vertical-align:top;text-align:left}.article th{background:#edebe5}.article td{background:#fff}.note{background:#efeee9;border-left:3px solid #988477;padding:18px 22px;border-radius:0 12px 12px 0;margin:25px 0}.note p:last-child{margin-bottom:0}.toc{position:sticky;top:105px;padding:22px;border:1px solid #e1dfd9;border-radius:16px;background:#fff}.toc b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#686057;margin-bottom:10px}.toc a{display:block;text-decoration:none;font-size:13px;line-height:1.4;padding:9px 0;color:#5c5a55}.toc a:hover{color:#5b42be}.cta{background:#e9e5db;border-radius:18px;padding:30px;margin-top:60px}.cta h2{margin:0 0 10px!important}.cta p{margin-bottom:18px}.cta a{display:inline-block;background:#252521;color:#fff;text-decoration:none;padding:11px 18px;border-radius:9px;font-size:14px;font-weight:700}.related{margin-top:60px;padding-top:26px;border-top:1px solid #dedcd6}.related h2{margin-top:0}.site-footer{border-top:1px solid #e4e2dc;padding:28px;max-width:1120px;margin:auto;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#625e58}.site-footer a{text-decoration:none}
@media(max-width:850px){.article-layout{display:block}.toc{position:static;margin-bottom:34px}.guide-wrap{padding-top:28px}.intro{margin:38px 0}.bar nav{gap:12px}}
@media(max-width:540px){.bar-inner{padding:14px 18px}.bar nav a:first-child{display:none}.guide-wrap{padding-left:18px;padding-right:18px}.article table{display:block;overflow-x:auto}.site-footer{display:block;padding:25px 18px}.site-footer span{display:block;margin-bottom:8px}}