.page-notion .notion-head{padding-bottom:40px}.page-notion .notion-head .eyebrow{color:#929286;margin-bottom:22px}.page-notion .notion-head h1{max-width:14ch}.page-notion .notion-head .lead{font-size:19px;line-height:1.6;color:var(--ink);max-width:54ch;margin-top:26px}.page-notion .notion-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:7%;align-items:start;padding-bottom:80px}.page-notion .notion-body>:not(.notion-example){max-width:720px}.page-notion .notion-body h2{font-size:29px;letter-spacing:-.025em;margin:46px 0 16px}.page-notion .notion-body>h2:first-child{margin-top:0}.page-notion .notion-body p,.page-notion .notion-body li{font-size:16px;line-height:1.8;color:#3a3a35}.page-notion .notion-body li+li{margin-top:10px}.page-notion .notion-body li strong{color:var(--ink);font-weight:550}.page-notion .notion-body pre{margin:0;background:#161615!important;color:#e8e8dc;border-radius:10px;padding:18px 20px;font-size:13px;line-height:1.65;overflow-x:auto}.page-notion .notion-example{margin:30px 0 0;padding:24px;border-radius:12px;background:#fff;border:1px solid var(--line)}.page-notion .notion-example figcaption{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}.page-notion .notion-example figcaption .eyebrow{color:#ff6b46}.page-notion .notion-example figcaption strong{font-size:18px;font-weight:550;letter-spacing:-.01em}.page-notion .notion-example-grid{display:grid;gap:18px}.page-notion .notion-example-grid>div>span{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.page-notion .notion-example-ask{margin:0 0 18px;padding:14px 18px;border-radius:8px;background:#fff7f3;border:1px solid #ffd6c8;font-size:15px;line-height:1.6;color:var(--ink)}.page-notion .notion-example-ask span{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#ff6b46;margin-bottom:6px}.page-notion .notion-example-code pre{max-height:260px}.page-notion .notion-example-render{display:flex;flex-direction:column}.page-notion .notion-example-render>div{border-radius:8px;background:var(--paper);padding:22px;overflow-x:auto}.page-notion .notion-example-render img{display:block;width:100%;max-width:680px;height:auto;margin-inline:auto}.page-notion .notion-example-open{display:inline-flex;gap:8px;margin-top:10px;font-size:13px;color:var(--muted)}.page-notion .notion-example>p{font-size:14px;color:var(--muted);margin-top:16px}.page-notion .notion-technique{margin-top:46px;padding:24px 28px;border-left:3px solid #ff6b46;background:#f1f1ec;border-radius:0 10px 10px 0}.page-notion .notion-technique h2{margin:0 0 12px;font-size:21px}.page-notion .notion-technique p{font-size:15px}.page-notion .notion-aside{position:sticky;top:110px;background:#161615;color:#deded1;border-radius:12px;padding:28px}.page-notion .notion-aside h2{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8f8f7d;font-weight:600;margin-bottom:22px}.page-notion .notion-aside dl{margin:0;display:grid;gap:18px}.page-notion .notion-aside dt{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8f8f7d}.page-notion .notion-aside dd{margin:6px 0 0;font-size:15px;line-height:1.5;color:#f8f8f1}.page-notion .notion-aside dd a{color:#f8f8f1;text-decoration-color:#ffffff40;text-underline-offset:4px}.page-notion .notion-aside dd a:hover{color:#ff6b46}.page-notion .notion-aside-links{display:flex;flex-wrap:wrap;gap:8px}.page-notion .notion-aside-links a{font-size:13px;padding:6px 11px;border:1px solid #ffffff22;border-radius:5px;text-decoration:none;color:#e5e5d4}.page-notion .notion-aside-links a:hover{border-color:#ff6b46;color:#fff}.page-notion .notion-aside-ask{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid #ffffff16;font-size:14px;color:#c3c4b4;text-decoration:none}.page-notion .notion-aside-ask:hover{color:#ff6b46}.page-notion .notion-place{background:#161615;color:#f8f8f1;padding-block:70px}.page-notion .notion-place-inner{display:grid;grid-template-columns:1.25fr .75fr;gap:8%;align-items:center}.page-notion .notion-place .eyebrow{color:#8f8f7d;margin-bottom:20px}.page-notion .notion-place h2{font-size:clamp(30px,3.2vw,44px);letter-spacing:-.04em;line-height:1.1}.page-notion .notion-place h2 span{display:block;color:#9d9d8c;font-size:.6em;letter-spacing:-.02em;margin-bottom:8px}.page-notion .notion-place p{font-size:15px;line-height:1.75;color:#b8b9a9;margin-top:20px;max-width:48ch}.page-notion .notion-place .button{justify-self:start}.page-notion .notion-faq,.page-notion .notion-related{padding-top:70px}.page-notion .notion-faq h2,.page-notion .notion-related h2{font-size:30px;letter-spacing:-.03em;margin-bottom:22px}.page-notion .notion-faq .faq-list{max-width:760px}.page-notion .notion-faq summary{font-size:17px}.page-notion .notion-faq details p{font-size:15px}.page-notion .notion-related{padding-bottom:90px}.page-notion .notion-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.page-notion .notion-related-grid a{display:block;padding:22px;border:1px solid var(--line);background:#fff;border-radius:10px;text-decoration:none;transition:transform .25s var(--ease),border-color .2s}.page-notion .notion-related-grid a:hover{transform:translateY(-4px);border-color:#ff6b46}.page-notion .notion-related-grid strong{display:block;font-size:19px;letter-spacing:-.02em;font-weight:550;line-height:1.2}.page-notion .notion-related-grid p{font-size:13px;color:var(--muted);line-height:1.6;margin-top:10px}@media(max-width:1100px){.page-notion .notion-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:999px){.page-notion .notion-layout{grid-template-columns:1fr;gap:40px}.page-notion .notion-aside{position:static}.page-notion .notion-example-render img{min-width:560px}.page-notion .notion-place-inner{grid-template-columns:1fr;gap:30px}}@media(max-width:600px){.page-notion .notion-related-grid{grid-template-columns:1fr}.page-notion .notion-example{padding:18px}.page-notion .notion-aside{padding:22px}}.page-notion .notion-example ol,.page-notion .notion-example ul{margin:0;padding-left:22px;display:grid;gap:8px}.page-notion .notion-example li{font-size:15px;line-height:1.65;color:#3a3a35}.page-notion .notion-example blockquote{margin:0;padding:16px 20px;border-left:3px solid #ff6b46;background:var(--paper);border-radius:0 8px 8px 0;font-size:15px;line-height:1.7;color:var(--ink)}.page-notion .notion-example blockquote p{margin:0;font-size:15px;color:var(--ink)}.page-notion .notion-example blockquote p+p{margin-top:10px}