body.tool-page .beginner-guide{border-top:1px solid var(--color-border);background:linear-gradient(180deg, var(--color-canvas-subtle), var(--color-canvas) 12rem), var(--color-canvas);min-width:0;position:relative;overflow:clip}.tool-page .beginner-guide:before{border:1px solid var(--color-brand-soft-strong);content:"";opacity:.55;pointer-events:none;border-radius:50%;width:28rem;height:28rem;position:absolute;top:-18rem;right:-10rem}.tool-page .beginner-guide .guide-shell{max-width:var(--content-width);position:relative}.tool-page .beginner-guide .guide-reading{max-width:var(--reading-width)}.tool-page .beginner-guide .guide-intro{border-left:3px solid var(--color-brand);margin-bottom:clamp(1.75rem,4vw,3rem);padding-left:1.15rem;position:relative}.tool-page .beginner-guide .guide-intro h2{max-width:24ch;margin-top:.45rem}.tool-page .beginner-guide .guide-intro .lead{max-width:var(--reading-width)}.tool-page .beginner-guide .guide-toc{border-radius:var(--radius-xl);background:var(--color-surface);max-width:68rem;box-shadow:var(--highlight-inset), var(--shadow-sm);margin-top:1.75rem;overflow:hidden}.tool-page .beginner-guide .guide-toc summary{min-height:var(--control-height-lg);color:var(--color-text);padding:1rem 1.2rem;font-weight:680}.tool-page .beginner-guide .guide-toc[open]>summary{border-bottom:1px solid var(--color-border);background:var(--color-surface-recessed)}.tool-page .beginner-guide .guide-toc nav{padding:1rem 1.35rem 1.35rem}.tool-page .beginner-guide .guide-toc a{color:var(--color-text-secondary);font-weight:560;text-decoration-color:#0000}.tool-page .beginner-guide .guide-toc a:hover{color:var(--color-brand-text);text-decoration-color:currentColor}.tool-page .beginner-guide .guide-section{border-bottom-color:var(--color-border-subtle);min-width:0;padding-block:clamp(3.5rem,7vw,6rem);scroll-margin-top:7rem}.tool-page .beginner-guide .guide-section>p,.tool-page .beginner-guide .guide-section>ul,.tool-page .beginner-guide .guide-section>ol,.tool-page .beginner-guide .guide-section>dl{max-width:var(--reading-width)}.tool-page .beginner-guide .guide-section p,.tool-page .beginner-guide .guide-section li,.tool-page .beginner-guide .guide-section dd{color:var(--color-text-secondary);line-height:1.75}.tool-page .beginner-guide .guide-section h3{max-width:27ch;margin-top:.5rem}.tool-page .beginner-guide .guide-section h4{color:var(--color-text)}.tool-page .beginner-guide .guide-kicker,.tool-page .beginner-guide .format-label,.tool-page .beginner-guide .manual-badge{color:var(--color-brand-text);font-size:var(--font-label);letter-spacing:.075em;text-transform:uppercase;font-weight:720}.tool-page .beginner-guide pre,.tool-page .beginner-guide .inline-output{border:1px solid var(--color-code-border);border-radius:var(--radius-md);background:var(--color-code-background);max-width:100%;color:var(--color-code);box-shadow:var(--highlight-inset);scrollbar-color:var(--color-border-strong) var(--color-code-background);padding:1rem 1.05rem;font-size:.84rem;line-height:1.7;overflow-x:auto}.tool-page .beginner-guide pre code{color:inherit}.tool-page .beginner-guide :not(pre)>code{border:1px solid var(--color-code-border);background:var(--color-code-background);color:var(--color-brand-text);overflow-wrap:anywhere;border-radius:.3rem;padding:.12em .32em}.tool-page .beginner-guide .panel{border-color:var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--highlight-inset), var(--shadow-xs)}.tool-page .beginner-guide .guide-note,.tool-page .beginner-guide .decision-box,.tool-page .beginner-guide .recommendation{max-width:var(--reading-width);border:1px solid var(--color-brand-soft-strong);border-left:4px solid var(--color-brand);border-radius:var(--radius-md);background:var(--color-brand-soft);box-shadow:none;padding:1rem 1.1rem}.tool-page .beginner-guide .guide-note--warning{border-color:var(--color-danger-border);border-color:color-mix(in srgb, var(--color-danger) 42%, var(--color-border));border-left-color:var(--color-danger);background:var(--color-danger-soft)}.tool-page .beginner-guide .guide-note--analogy{border-color:var(--color-info-border);border-color:color-mix(in srgb, var(--color-info) 35%, var(--color-border));border-left-color:var(--color-info);background:var(--color-info-soft)}.tool-page .beginner-guide .guide-two-col,.tool-page .beginner-guide .field-guide-grid,.tool-page .beginner-guide .comparison-grid,.tool-page .beginner-guide .choice-grid,.tool-page .beginner-guide .status-grid,.tool-page .beginner-guide .status-guide,.tool-page .beginner-guide .page-set-grid,.tool-page .beginner-guide .format-grid,.tool-page .beginner-guide .role-grid,.tool-page .beginner-guide .term-grid,.tool-page .beginner-guide .example-comparison,.tool-page .beginner-guide .workspace-grid,.tool-page .beginner-guide .checker-grid,.tool-page .beginner-guide .severity-grid,.tool-page .beginner-guide .error-type-list{gap:1rem}.tool-page .beginner-guide .walkthrough-list{counter-reset:guide-step;gap:1rem}.tool-page .beginner-guide .walkthrough-card{border-color:var(--color-border);background:var(--color-surface);counter-increment:guide-step;padding:1.25rem 1.25rem 1.25rem 4.25rem;position:relative}.tool-page .beginner-guide .walkthrough-card:before{border-radius:var(--radius-md);background:var(--color-brand-soft);width:2.25rem;height:2.25rem;color:var(--color-brand-text);content:counter(guide-step, decimal-leading-zero);font-family:var(--font-mono);place-items:center;font-size:.72rem;font-weight:720;display:grid;position:absolute;top:1.05rem;left:1.05rem}.tool-page .beginner-guide .walkthrough-card h4:before{content:none}.tool-page .beginner-guide .walkthrough-mistake,.tool-page .beginner-guide .avoid{border-left:2px solid var(--color-warning);color:var(--color-warning);padding-left:.7rem}.tool-page .beginner-guide .mistake-list li{border-left:3px solid var(--color-warning);background:var(--color-surface)}.tool-page .beginner-guide .example--correct,.tool-page .beginner-guide .status-card--valid,.tool-page .beginner-guide .status-card--success{border-color:var(--color-success-border);background:var(--color-success-soft)}.tool-page .beginner-guide .example--incorrect,.tool-page .beginner-guide .status-card--error{border-color:var(--color-danger-border);border-color:color-mix(in srgb, var(--color-danger) 42%, var(--color-border));background:var(--color-danger-soft)}.tool-page .beginner-guide .status-card--warning{border-color:var(--color-warning-border);border-color:color-mix(in srgb, var(--color-warning) 42%, var(--color-border));background:var(--color-warning-soft)}.tool-page .beginner-guide .status-card--info{border-color:var(--color-info-border);border-color:color-mix(in srgb, var(--color-info) 35%, var(--color-border));background:var(--color-info-soft)}.tool-page .beginner-guide .glossary-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem;padding:.25rem 1.2rem;display:grid}.tool-page .beginner-guide .glossary-list>div{border-bottom:1px solid var(--color-border-subtle);padding-block:1rem}.tool-page .beginner-guide .glossary-list dt{color:var(--color-text);font-weight:680}.tool-page .beginner-guide .glossary-list dd{margin-top:.35rem}.tool-page .beginner-guide .advanced-note,.tool-page .beginner-guide .practice,.tool-page .beginner-guide .troubleshooting-list details,.tool-page .beginner-guide .faq-list details{border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.tool-page .beginner-guide .advanced-note summary,.tool-page .beginner-guide .practice summary,.tool-page .beginner-guide .troubleshooting-list summary,.tool-page .beginner-guide .faq-list summary{min-height:var(--control-height-lg);color:var(--color-text);padding:1rem 1.1rem;font-weight:650}.tool-page .beginner-guide .advanced-note[open]>summary,.tool-page .beginner-guide .practice[open]>summary,.tool-page .beginner-guide .troubleshooting-list details[open]>summary,.tool-page .beginner-guide .faq-list details[open]>summary{border-bottom:1px solid var(--color-border);background:var(--color-surface-recessed)}.tool-page .beginner-guide .back-link{color:var(--color-brand-text);font-weight:650}@media (width<=48rem){.tool-page .beginner-guide .glossary-list{grid-template-columns:1fr}.tool-page .beginner-guide .walkthrough-card{padding:4rem 1.05rem 1.05rem}.tool-page .beginner-guide .walkthrough-card:before{top:1rem;left:1rem}}@media print{body.tool-page .beginner-guide{color:#000;background:#fff;border:0}.tool-page .beginner-guide:before{display:none}}.tool-hero[data-astro-cid-xqrakt4q]{isolation:isolate;border-bottom:1px solid var(--color-border-subtle);background:var(--color-canvas);position:relative;overflow:hidden}.tool-hero[data-astro-cid-xqrakt4q]:before{z-index:-2;background-image:linear-gradient(var(--color-border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--color-border-subtle) 1px, transparent 1px);opacity:.34;content:"";pointer-events:none;background-size:2.5rem 2.5rem;position:absolute;inset:0;mask-image:linear-gradient(#00000047,#0000 85%)}.tool-hero__decoration[data-astro-cid-xqrakt4q]{z-index:-1;aspect-ratio:1;background:var(--color-brand-soft);background:radial-gradient(circle, var(--color-brand-soft-strong), transparent 68%);opacity:.72;pointer-events:none;border-radius:50%;width:min(42rem,68vw);position:absolute;top:-70%;right:-10%}.tool-hero__inner[data-astro-cid-xqrakt4q]{width:min(100% - 2rem,70rem)}.tool-hero__content[data-astro-cid-xqrakt4q]{max-width:61rem}.tool-hero__badges[data-astro-cid-xqrakt4q]{flex-wrap:wrap;gap:.55rem;margin-bottom:1rem;display:flex}.tool-hero__category[data-astro-cid-xqrakt4q]{border-color:var(--color-brand-soft-strong);background:var(--color-brand-soft);color:var(--color-brand-text)}.tool-hero__privacy[data-astro-cid-xqrakt4q]{letter-spacing:.035em;gap:.35rem}.tool-hero[data-astro-cid-xqrakt4q] h1[data-astro-cid-xqrakt4q]{max-width:20ch}.tool-hero[data-astro-cid-xqrakt4q] .lead[data-astro-cid-xqrakt4q]{max-width:48rem;margin-top:1.15rem}@media (width<=40rem){.tool-hero__inner[data-astro-cid-xqrakt4q]{width:min(100% - 1.25rem,70rem)}.tool-hero__decoration[data-astro-cid-xqrakt4q]{opacity:.52;width:30rem;top:-35%;right:-18rem}}@media (prefers-reduced-motion:reduce){.tool-hero__decoration[data-astro-cid-xqrakt4q]{display:none}}