/* GuidePageShell: source geometry, native theme palette and typography. */
html body.drn-guide-page #main-content>.yc-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
html body.drn-guide-page #main-content>.yc-container>article.yc-block{width:100%;max-width:none;margin:0;padding:0!important;border:0;border-radius:0;background:transparent;box-shadow:none}
html body.drn-guide-page .drn-guide{width:100%;min-width:0;padding-bottom:64px;font-family:var(--yc-font-body);font-size:var(--drn-body-size);font-weight:var(--yc-font-body-weight);color:var(--yc-text)}
html body.drn-guide-page .drn-guide :is(h1,h2,h3,p,ol,ul,dl,dt,dd){margin:0;padding:0}
html body.drn-guide-page .drn-guide :is(ol,ul){list-style:none}
html body.drn-guide-page .drn-guide :is(h1,h2,h3){font-family:var(--yc-font-heading);letter-spacing:normal}
html body.drn-guide-page .drn-guide-container{position:relative;width:100%;max-width:var(--drn-container-max);margin-inline:auto;padding-inline:var(--drn-gutter);box-sizing:border-box}
html body.drn-guide-page .drn-guide-hero{position:relative;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--drn-guide-warm-100) 80%,transparent);background:linear-gradient(to bottom right,var(--drn-guide-warm-50),var(--yc-surface),color-mix(in srgb,var(--drn-guide-amber-50) 60%,transparent))}
html body.drn-guide-page .drn-guide-glow{position:absolute;right:-96px;top:-96px;width:288px;height:288px;border-radius:50%;background:var(--accent);opacity:.3;filter:blur(64px);pointer-events:none}
html body.drn-guide-page .drn-guide-hero-inner{padding-top:48px;padding-bottom:48px}
html body.drn-guide-page .drn-guide .drn-guide-badge{display:inline-flex;margin-bottom:16px;padding:4px 12px;border:1px solid color-mix(in srgb,var(--drn-guide-warm-200) 80%,transparent);border-radius:9999px;background:color-mix(in srgb,var(--yc-surface) 80%,transparent);color:var(--accent);font-size:calc(12px * var(--drn-font-scale));font-weight:600;line-height:calc(16px * var(--drn-font-scale));letter-spacing:.025em;text-transform:uppercase;box-shadow:0 1px 2px 0 color-mix(in srgb,var(--yc-overlay-color) 5%,transparent)}
html body.drn-guide-page .drn-guide-hero h1{max-width:768px;color:var(--drn-title-text);font-size:calc(30px * var(--drn-heading-scale));font-weight:var(--yc-font-heading-weight);line-height:1.25}
html body.drn-guide-page .drn-guide .drn-guide-description{max-width:672px;margin-top:16px;color:var(--drn-secondary-text);font-size:calc(16px * var(--drn-font-scale));line-height:1.625}
html body.drn-guide-page .drn-guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
html body.drn-guide-page .drn-guide-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;min-height:0;margin:0;padding:10px 16px;border:0;border-radius:var(--yc-radius-sm);font-family:var(--yc-font-body);font-size:calc(14px * var(--drn-font-scale));font-weight:500;line-height:calc(20px * var(--drn-font-scale));text-decoration:none;letter-spacing:normal;cursor:pointer;transition:color .15s,background-color .15s,border-color .15s,filter .15s}
html body.drn-guide-page .drn-guide-button.is-primary{background:var(--yc-button-bg);color:var(--yc-button-text);box-shadow:0 1px 2px 0 color-mix(in srgb,var(--yc-overlay-color) 5%,transparent)}
html body.drn-guide-page .drn-guide-button.is-primary:hover{filter:brightness(.95)}
html body.drn-guide-page .drn-guide-button.is-outline{border:1px solid var(--drn-guide-outline);background:var(--yc-surface);color:var(--yc-link-color)}
html body.drn-guide-page .drn-guide-button.is-outline:hover{background:var(--yc-surface-alt)}
html body.drn-guide-page .drn-guide-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
html body.drn-guide-page .drn-guide-svg{display:block;flex:none;fill:none;stroke:currentColor;stroke-width:2}
html body.drn-guide-page .drn-guide-button>.drn-guide-svg{width:16px!important;height:16px!important}
html body.drn-guide-page .drn-guide-main{padding-top:40px;padding-bottom:40px}
html body.drn-guide-page .drn-guide-highlights{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
html body.drn-guide-page .drn-guide-highlight{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:16px;border:1px solid var(--yc-border);border-radius:var(--yc-radius-md);background:var(--yc-surface);box-shadow:0 1px 3px 0 color-mix(in srgb,var(--yc-overlay-color) 6%,transparent),0 1px 2px -1px color-mix(in srgb,var(--yc-overlay-color) 6%,transparent)}
html body.drn-guide-page .drn-guide-highlight>div{min-width:0}
html body.drn-guide-page .drn-guide-highlight-icon{display:flex;flex:0 0 40px;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--yc-radius-md);background:var(--drn-guide-warm-50);color:var(--accent)}
html body.drn-guide-page .drn-guide-highlight-icon>.drn-guide-svg{width:20px!important;height:20px!important}
html body.drn-guide-page .drn-guide-highlight-title{color:var(--drn-title-text);font-size:calc(14px * var(--drn-font-scale));font-weight:700;line-height:calc(20px * var(--drn-font-scale))}
html body.drn-guide-page .drn-guide .drn-guide-highlight-body{margin-top:4px;color:var(--yc-muted);font-size:calc(12px * var(--drn-font-scale));line-height:1.625}
html body.drn-guide-page .drn-guide-process{margin-top:48px}
html body.drn-guide-page .drn-guide-eyebrow{color:var(--accent);font-size:calc(12px * var(--drn-font-scale));font-weight:600;line-height:calc(16px * var(--drn-font-scale));letter-spacing:.05em;text-transform:uppercase}
html body.drn-guide-page .drn-guide-process>h2{margin-top:4px;color:var(--drn-title-text);font-size:calc(24px * var(--drn-heading-scale));font-weight:var(--yc-font-heading-weight);line-height:calc(32px * var(--drn-heading-scale))}
html body.drn-guide-page .drn-guide .drn-guide-steps{display:grid;gap:16px;margin-top:24px}
html body.drn-guide-page .drn-guide-step{position:relative;display:flex;gap:16px;min-width:0;padding:20px;border:1px solid var(--yc-border);border-radius:var(--yc-radius-lg);background:var(--yc-surface);box-shadow:0 1px 2px 0 color-mix(in srgb,var(--yc-overlay-color) 5%,transparent)}
html body.drn-guide-page .drn-guide-step-marker{display:flex;flex:none;flex-direction:column;align-items:center;gap:8px}
html body.drn-guide-page .drn-guide-step-number{display:flex;flex:0 0 40px;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--accent-fg);font-size:calc(14px * var(--drn-font-scale));font-weight:700;line-height:calc(20px * var(--drn-font-scale))}
html body.drn-guide-page .drn-guide-step-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--yc-radius-md);background:var(--yc-surface-alt);color:var(--drn-secondary-text)}
/* The source's h-4.5 utility is absent: its rendered Lucide icons remain 24px. */
html body.drn-guide-page .drn-guide-step-icon>.drn-guide-svg{width:24px!important;height:24px!important}
html body.drn-guide-page .drn-guide-step-copy{flex:1;min-width:0}
html body.drn-guide-page .drn-guide-step h3{color:var(--drn-title-text);font-size:calc(16px * var(--drn-heading-scale));font-weight:700;line-height:calc(24px * var(--drn-heading-scale))}
html body.drn-guide-page .drn-guide-step-copy>p{margin-top:6px;color:var(--drn-secondary-text);font-size:calc(14px * var(--drn-font-scale));line-height:1.625}
html body.drn-guide-page .drn-guide-step-copy>ul{display:grid;gap:6px;margin-top:12px;color:var(--drn-secondary-text);font-size:calc(14px * var(--drn-font-scale));line-height:calc(20px * var(--drn-font-scale))}
html body.drn-guide-page .drn-guide-step-copy>ul>li{display:flex;gap:8px}
html body.drn-guide-page .drn-guide-bullet{flex:0 0 6px;width:6px;height:6px;margin-top:6px;border-radius:50%;background:var(--accent)}
html body.drn-guide-page .drn-guide-faq{margin-top:48px;padding:24px;border:1px solid var(--drn-info-200,var(--yc-info-border));border-radius:var(--yc-radius-lg);background:color-mix(in srgb,var(--drn-info-50,var(--yc-info-soft)) 50%,transparent)}
html body.drn-guide-page .drn-guide-faq>h2{color:var(--drn-title-text);font-size:calc(18px * var(--drn-heading-scale));font-weight:700;line-height:calc(28px * var(--drn-heading-scale))}
html body.drn-guide-page .drn-guide-faq>dl{display:grid;gap:16px;margin-top:16px}
html body.drn-guide-page .drn-guide-faq dt{color:var(--drn-title-text);font-size:calc(14px * var(--drn-font-scale));font-weight:600;line-height:calc(20px * var(--drn-font-scale))}
html body.drn-guide-page .drn-guide-faq dd{margin-top:4px;color:var(--drn-secondary-text);font-size:calc(14px * var(--drn-font-scale));line-height:1.625}
html body.drn-guide-page .drn-guide .drn-guide-bottom-actions{margin-top:40px}
@media(min-width:640px){
html body.drn-guide-page .drn-guide-hero-inner{padding-top:64px;padding-bottom:64px}
html body.drn-guide-page .drn-guide-hero h1{font-size:calc(36px * var(--drn-heading-scale));line-height:calc(40px * var(--drn-heading-scale))}
html body.drn-guide-page .drn-guide .drn-guide-description{font-size:calc(18px * var(--drn-font-scale));line-height:calc(28px * var(--drn-font-scale))}
html body.drn-guide-page .drn-guide-main{padding-top:48px;padding-bottom:48px}
html body.drn-guide-page .drn-guide-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}
html body.drn-guide-page .drn-guide-faq{padding:32px}
}
@media(min-width:1024px){html body.drn-guide-page .drn-guide-highlights{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html body.drn-guide-page .drn-guide-button{transition:none}}
