@layer theme, base, hyperframes, studio, components, utilities;@layer components{.bl-article{max-width:1040px;margin:0 auto}.bl-head{max-width:760px;margin-top:28px}.bl-h1{text-wrap:balance}.bl-head .blog-card-meta{margin-top:20px}.bl-short{position:relative;max-width:760px;margin-top:clamp(28px,4vw,44px)}.bl-short-title{font-family:var(--font-hand);font-size:26px;font-weight:500;line-height:1}.bl-short ul{display:grid;gap:8px;margin-top:14px;padding-left:20px;list-style:disc}.bl-short li{color:var(--ink-2);font-size:16.5px;line-height:1.55}.bl-short li::marker{color:var(--accent)}.bl-body{display:grid;grid-template-columns:220px minmax(0,720px);gap:clamp(32px,5vw,64px);align-items:start;margin-top:clamp(40px,5vw,64px)}.bl-contents{position:sticky;top:120px;padding-top:6px}.bl-contents-title{color:var(--ink-soft);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.bl-contents ol{display:grid;gap:10px;margin-top:14px;border-left:1px solid var(--line)}.bl-contents a{display:block;margin-left:-1px;padding-left:14px;border-left:1px solid transparent;color:var(--ink-soft);font-size:14px;line-height:1.4;transition:color .2s,border-color .2s}.bl-contents a:hover{border-left-color:var(--accent);color:var(--ink)}.bl-prose{display:grid;gap:clamp(40px,5vw,56px)}.bl-prose h2,.bl-prose>section{scroll-margin-top:120px}.bl-prose h2{font-size:clamp(24px,2.4vw,32px);font-weight:640;line-height:1.15;letter-spacing:-.03em;text-wrap:balance}.bl-prose p{margin-top:14px;color:var(--ink-2);font-size:clamp(16.5px,1.3vw,18.5px);line-height:1.75;text-wrap:pretty}.bl-prose strong{color:var(--ink);font-weight:640}.bl-steps{display:grid;gap:18px;margin-top:22px;counter-reset:bl-step}.bl-steps li{position:relative;padding-left:52px;counter-increment:bl-step}.bl-steps li:before{content:counter(bl-step);position:absolute;top:0;left:0;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent-wash);color:var(--accent-deep);font-family:var(--font-mono);font-size:14px;font-weight:600}.bl-steps h3{padding-top:5px;font-size:18px;font-weight:640;line-height:1.3;letter-spacing:-.015em}.bl-steps p{margin-top:6px}.bl-list{display:grid;gap:8px;margin-top:14px;padding-left:22px;list-style:disc}.bl-list li{color:var(--ink-2);font-size:clamp(16.5px,1.3vw,18.5px);line-height:1.65}.bl-list li::marker{color:var(--accent)}.bl-tip{position:relative;margin-top:26px}.bl-tip p{margin-top:0;font-size:16.5px;line-height:1.6}.bl-krafto{margin-top:24px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:18px;background:var(--accent-wash)}.bl-prose .bl-krafto p{margin-top:0}.bl-krafto-label{display:flex;gap:8px;align-items:center;color:var(--accent-deep);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.bl-prose .bl-krafto .bl-krafto-label{font-size:11px;line-height:1.4}.bl-krafto-label svg{width:15px;height:15px}.bl-prose .bl-krafto .bl-krafto-say{margin-top:10px;color:var(--ink);font-size:clamp(18px,1.6vw,21px);font-weight:560;line-height:1.4;letter-spacing:-.015em}.bl-prose .bl-krafto .bl-krafto-then{margin-top:8px;font-size:16px;line-height:1.6}.bl-prose>.kc{margin:0}.bl-figure{margin-top:24px}.bl-figure img{width:100%;height:auto;border:1px solid var(--line);border-radius:18px;background:var(--white)}.bl-figure figcaption{margin-top:10px;color:var(--ink-soft);font-size:14px;line-height:1.5;text-align:center}.bl-tool{grid-template-columns:minmax(0,1fr);margin-top:22px}.bl-after{max-width:760px;margin:clamp(56px,7vw,88px) auto 0}.bl-after .pg-questions{margin-top:22px}.bl-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}@media (max-width:900px){.bl-body{grid-template-columns:minmax(0,1fr)}.bl-contents{position:static;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--white)}.bl-next{grid-template-columns:minmax(0,1fr)}}}