.notion{max-width:740px;margin:0 auto;padding:2.5rem 1.25rem 6rem;font-size:1.0625rem;line-height:1.7;color:var(--color-text)}.notion .page-icon{font-size:3.25rem;line-height:1;margin-bottom:1rem}.notion h1{font-family:var(--font-display);font-size:clamp(1.9rem,5vw,2.6rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:.75rem}.notion .meta{color:var(--color-muted);font-size:.9375rem;margin-bottom:2.25rem}.notion h2{font-family:var(--font-display);font-size:1.55rem;font-weight:650;letter-spacing:-.01em;margin:3rem 0 .9rem;padding-bottom:.35rem;border-bottom:1px solid var(--color-card-border-strong);scroll-margin-top:2rem}.notion p{margin-bottom:1.1rem}.notion a:not(.btn-primary){color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--color-accent) 40%,transparent)}.notion a:not(.btn-primary):hover{text-decoration-color:var(--color-accent)}.notion .callout{display:flex;gap:.85rem;align-items:flex-start;background:var(--color-card);border:1px solid var(--color-card-border);border-radius:12px;padding:1.1rem 1.25rem;margin:1.6rem 0}.notion .callout.accent{background:var(--color-tint-accent);border-color:color-mix(in srgb,var(--color-accent) 25%,transparent)}.notion .callout-icon{font-size:1.5rem;line-height:1.3;flex-shrink:0}.notion .callout p{margin-bottom:0}.notion .callout div p:first-child{margin-bottom:.9rem}.notion .callout-cta{margin:0}.notion>.callout-cta{margin:1.6rem 0 1.5rem}.notion .callout-cta .btn-primary{text-align:center;justify-content:center}@media(max-width:640px){.notion .callout-cta .btn-primary{display:block;width:100%}}.notion .toc{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:12px;padding:1.1rem 1.4rem;margin:1.6rem 0 .5rem}.notion .toc-title{font-weight:650;margin-bottom:.5rem!important;font-size:.9375rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}.notion .toc ol{list-style:none}.notion .toc li{margin:.3rem 0;font-size:.9688rem}.notion .checks,.notion .steps,.notion .how,.notion .pitfalls{margin:0 0 1.3rem;padding-left:0}.notion .checks{list-style:none}.notion .checks li{margin:.55rem 0;padding-left:.25rem}.notion .steps,.notion .how,.notion .pitfalls{list-style:none;counter-reset:step}.notion .steps li,.notion .how li,.notion .pitfalls li{counter-increment:step;position:relative;padding-left:1.9rem;margin:.8rem 0}.notion .steps li:before,.notion .how li:before,.notion .pitfalls li:before{content:counter(step) ".";position:absolute;left:.25rem;top:0;color:var(--color-text)}.notion figure{margin:1.8rem 0 2rem}.notion figure img{width:100%;height:auto;border-radius:12px;border:1px solid var(--color-card-border-strong);box-shadow:0 10px 30px var(--color-card-shadow)}.notion figcaption{margin-top:.6rem;font-size:.875rem;color:var(--color-muted);text-align:center}.notion .video-embed .video-facade{position:relative;display:block;width:100%;aspect-ratio:16 / 9;padding:0;border:1px solid var(--color-card-border-strong);border-radius:12px;overflow:hidden;cursor:pointer;background:var(--color-card);box-shadow:0 10px 30px var(--color-card-shadow)}.notion .video-embed .video-facade img{width:100%;height:100%;object-fit:cover;border:none;border-radius:0;box-shadow:none;transition:transform .25s ease}.notion .video-embed .video-facade:hover img{transform:scale(1.02)}.notion .video-embed .video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;padding-left:6px;box-shadow:0 8px 24px #00000059;transition:transform .15s ease,background .15s ease}.notion .video-embed .video-facade:hover .video-play{transform:translate(-50%,-50%) scale(1.08);background:var(--color-accent-deep)}.notion .video-embed iframe{display:block;width:100%;aspect-ratio:16 / 9;border:1px solid var(--color-card-border-strong);border-radius:12px;box-shadow:0 10px 30px var(--color-card-shadow)}.notion .prompt-wrap{position:relative;margin:1.6rem 0}.notion .prompt-wrap pre{background:var(--color-card);border:1px solid var(--color-card-border-strong);border-radius:12px;padding:3.4rem 1.25rem 1.4rem;font-size:.875rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:break-word;max-height:520px;overflow-y:auto;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace}.notion .copy-btn{position:absolute;top:.75rem;right:.75rem;z-index:1;background:var(--color-accent);color:#fff;border:none;border-radius:999px;padding:.45rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;font-family:var(--font-sans)}.notion .copy-btn:hover{background:var(--color-accent-deep)}.notion code{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:6px;padding:.1em .4em;font-size:.875em;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace}.notion details{border-bottom:1px solid var(--color-card-border);padding:.35rem 0}.notion summary{cursor:pointer;font-weight:600;padding:.6rem .25rem;list-style:none;display:flex;align-items:center;gap:.5rem}.notion summary::-webkit-details-marker{display:none}.notion summary:before{content:"▸";color:var(--color-muted);transition:transform .15s ease;flex-shrink:0}.notion details[open] summary:before{transform:rotate(90deg)}.notion details p{padding:.2rem .25rem .8rem 1.35rem;margin-bottom:0}.notion .ps{margin-top:2rem}.notion .ui-mock{border:1px solid var(--color-card-border-strong);border-radius:12px;overflow:hidden;background:var(--color-card);box-shadow:0 10px 30px var(--color-card-shadow)}.notion .ui-mock-bar{display:flex;align-items:center;gap:.7rem;padding:.6rem .9rem;background:var(--color-card-alt);border-bottom:1px solid var(--color-card-border)}.notion .ui-mock-dots{display:flex;gap:.35rem;flex-shrink:0}.notion .ui-mock-dots i{width:10px;height:10px;border-radius:50%;background:var(--color-card-border-strong)}.notion .ui-mock-title{font-size:.8125rem;font-weight:650;color:var(--color-muted);letter-spacing:.01em}.notion .ui-mock-body{display:grid;grid-template-columns:172px 1fr}.notion .ui-mock-side{display:flex;flex-direction:column;gap:.15rem;padding:.7rem .5rem;background:var(--color-card-alt);border-right:1px solid var(--color-card-border)}.notion .ui-mock-item{padding:.4rem .6rem;border-radius:8px;font-size:.8125rem;color:var(--color-muted);white-space:nowrap}.notion .ui-mock-item.is-active{background:var(--color-tint-accent);color:var(--color-accent);font-weight:650}.notion .ui-mock-main{padding:1rem 1.15rem;min-width:0}.notion .ui-mock-h{font-size:.9375rem;font-weight:650;margin-bottom:.5rem}.notion .ui-mock-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--color-card-border)}.notion .ui-mock-row:last-child{border-bottom:none;padding-bottom:.2rem}.notion .ui-mock-row-text{min-width:0}.notion .ui-mock-row-text strong{display:block;font-size:.9063rem;font-weight:600}.notion .ui-mock-row-text span{display:block;font-size:.8125rem;color:var(--color-muted);line-height:1.45}.notion .ui-mock-btn{flex-shrink:0;border:1px solid var(--color-card-border-strong);border-radius:999px;padding:.35rem .85rem;font-size:.8125rem;font-weight:650;white-space:nowrap;background:var(--color-card)}.notion .ui-mock-btn.is-primary{background:var(--color-accent);border-color:transparent;color:#fff}.notion .ui-mock-toggle{position:relative;flex-shrink:0;width:38px;height:22px;border-radius:999px;background:var(--color-card-border-strong)}.notion .ui-mock-toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d}.notion .ui-mock-toggle.is-on{background:var(--color-accent)}.notion .ui-mock-toggle.is-on:after{left:19px}.notion .ui-mock-field{border:1px solid var(--color-card-border-strong);border-radius:10px;padding:.7rem .85rem;font-size:.8438rem;line-height:1.55;color:var(--color-muted);background:var(--color-card-alt);margin-top:.35rem}@media(max-width:640px){.notion .ui-mock-body{grid-template-columns:1fr}.notion .ui-mock-side{flex-direction:row;gap:.35rem;overflow-x:auto;border-right:none;border-bottom:1px solid var(--color-card-border)}.notion .ui-mock-row{align-items:flex-start;flex-direction:column;gap:.55rem}}.notion .ui-path{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:1.2rem 0}.notion .ui-path b{background:var(--color-card);border:1px solid var(--color-card-border-strong);border-radius:8px;padding:.28rem .65rem;font-size:.875rem;font-weight:600}.notion .ui-path i{color:var(--color-muted);font-style:normal}.notion .ui-chat{display:flex;flex-direction:column;gap:.6rem;padding:1rem 1.1rem}.notion .ui-bubble{max-width:85%;padding:.6rem .9rem;border-radius:14px;font-size:.875rem;line-height:1.55}.notion .ui-bubble.me{align-self:flex-end;background:var(--color-accent);color:#fff;border-bottom-right-radius:4px}.notion .ui-bubble.ai{align-self:flex-start;background:var(--color-card-alt);border:1px solid var(--color-card-border);border-bottom-left-radius:4px}.notion .ui-bubble code{background:transparent;border:none;padding:0;font-size:.9em}.notion .cmp-wrap{overflow-x:auto;margin:1.5rem 0 1.8rem}.notion table.cmp{width:100%;min-width:480px;border-collapse:collapse;font-size:.9375rem}.notion table.cmp th,.notion table.cmp td{text-align:left;vertical-align:top;padding:.7rem .85rem;border-bottom:1px solid var(--color-card-border)}.notion table.cmp thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);font-weight:650}.notion table.cmp tbody th{font-weight:600}.notion table.cmp tbody tr:last-child th,.notion table.cmp tbody tr:last-child td{border-bottom:none}@media(max-width:640px){.notion .cmp-wrap{overflow-x:visible}.notion table.cmp{min-width:0;display:block}.notion table.cmp thead{display:none}.notion table.cmp tbody{display:block}.notion table.cmp tbody tr{display:block;background:var(--color-card);border:1px solid var(--color-card-border);border-radius:12px;padding:.9rem 1rem;margin-bottom:.75rem}.notion table.cmp tbody th,.notion table.cmp tbody td{display:block;padding:0;border-bottom:none}.notion table.cmp tbody th{font-size:1.0313rem;margin-bottom:.5rem}.notion table.cmp tbody td{margin-top:.5rem}.notion table.cmp tbody td:before{content:attr(data-label);display:block;font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);font-weight:650;margin-bottom:.1rem}}