/* Template resource only. Existing landing-page styles remain unchanged. */
.template-page { --text-sm: .9375rem; }
.template-page h2 { font-size: var(--text-xl); }
.template-page h3 { font-size: var(--text-lg); }
.template-hero .seo-hero__grid { grid-template-columns: 1.25fr .75fr; gap:var(--space-12); }
.template-hero h1 { max-width:22ch; }
.template-preview { max-width:340px; margin:0; justify-self:end; }
.template-preview img { display:block; width:100%; height:auto; border:1px solid var(--color-border); box-shadow:var(--shadow-md); }
.template-preview figcaption,.template-download-note { font-size:var(--text-sm); color:var(--color-text-muted); line-height:1.6; margin-block:var(--space-3); }
.template-toc { display:flex; flex-wrap:wrap; gap:var(--space-3) var(--space-6); padding-block:var(--space-5); border-block:1px solid var(--color-divider); font-size:var(--text-sm); }
.template-toc span { font-weight:700; }
.template-toc a { color:var(--color-primary); text-decoration:underline; text-underline-offset:4px; }
.template-steps { padding-left:var(--space-6); }
.template-steps li { padding:0 0 var(--space-6) var(--space-2); }
.template-steps li::marker { color:var(--color-primary); font-weight:700; }
.template-steps h3 { margin-bottom:var(--space-2); }
.template-steps p,.template-section-head p,.template-example-body p { max-width:70ch; }
.template-section-head { max-width:760px; margin-bottom:var(--space-8); }
.template-section-head h2 { margin-top:var(--space-3); }
.template-example { border:1px solid var(--color-border); background:var(--color-surface); max-width:1000px; }
.template-example-label { padding:var(--space-5) var(--space-8); background:var(--color-surface-2); border-bottom:1px solid var(--color-divider); font-size:var(--text-sm); font-weight:600; }
.template-example-body { padding:var(--space-8); }
.template-meta { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-5) var(--space-8); padding-bottom:var(--space-6); border-bottom:1px solid var(--color-divider); }
.template-meta dt { font-size:var(--text-sm); font-weight:700; color:var(--color-primary); margin-bottom:var(--space-1); }
.template-meta dd { margin:0; }
.template-example-body h3,.template-subhead { margin-top:var(--space-6); margin-bottom:var(--space-3); }
.template-action-list { list-style:disc; padding-left:var(--space-6); }
.template-action-list li { margin-bottom:var(--space-3); }
.template-page [id] { scroll-margin-top:110px; }
.template-page a:focus-visible,.template-page summary:focus-visible { outline:3px solid var(--color-primary); outline-offset:4px; }
@media (max-width:760px) {
 .template-hero .seo-hero__grid { grid-template-columns:1fr; }
 .template-preview { justify-self:start; max-width:290px; }
 .template-meta { grid-template-columns:1fr; }
 .template-example-label,.template-example-body { padding:var(--space-5); }
}
@media print {
 .header,.footer,.template-toc,.seo-cta,.template-preview { display:none; }
 .template-page * { box-shadow:none!important; }
 .template-page .seo-split { display:block; }
}