/* Functional pages only. Home keeps its existing styles and rendering. */
.functional-page main{width:100%;max-width:none;margin:0;padding:0;font-size:16px;line-height:1.55}
/* Halfway between the former 144px content gap and the compact 28px gap. */
.functional-page main>section{background:var(--page);min-height:0;padding-block:43px}
.functional-page main>section:nth-of-type(even){background:var(--surface)}
.functional-page main>section:first-of-type{padding-top:46px}
.functional-page main>section:last-of-type{padding-bottom:58px}
.functional-page .section,.functional-page .page-top .section{width:calc(100% - 40px);max-width:720px;padding:0;border:0}
.functional-page .section-heading{display:block;margin-bottom:25px}
.functional-page main h1,.functional-page main h2,.functional-page main h3{max-width:none;text-wrap:wrap;letter-spacing:-.02em;font-weight:600}
.functional-page main h1,.functional-page main h2{font-size:32px;line-height:1.2}
.functional-page main h3{font-size:16px;line-height:1.4;letter-spacing:0}
.functional-page main p,.functional-page .section-heading .lead{max-width:none}
.functional-page main p+p{margin-top:10px}
.functional-page main h3+p{margin-top:4px}
.functional-page main .small{font-size:13px}
.functional-page .guide-note{color:var(--secondary);font-size:14px;margin-top:16px}
.functional-page .guide-link{margin-top:12px}
.functional-page .guide-link a,.functional-page .guide-inline-links a{text-underline-offset:.22em}
.functional-page .guide-answers{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.functional-page .qa p{font-size:16px;line-height:1.55;overflow-wrap:anywhere}
.functional-page .plain-list{padding-left:20px;margin:8px 0 0}
.functional-page .plain-list li{padding-left:0;margin-bottom:4px}
.functional-page .download-get{margin-top:16px}
.functional-page .download-get .small{margin-top:8px}
.functional-page .topic-nav{display:flex;flex-wrap:wrap;gap:0 20px;padding:0 0 8px;margin-top:12px;border-bottom:1px solid var(--line)}
.functional-page .topic-nav a{font-size:14px;min-height:36px}
.functional-page .guide-shot{width:100%;max-width:360px;margin:16px 0 0;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.functional-page .guide-shot.compact{max-width:300px}
.functional-page .guide-shot a,.functional-page .guide-shot img{display:block;width:100%;height:auto}
.functional-page .guide-shot figcaption{padding:7px 10px;margin:0;border-top:1px solid var(--line);font-size:12px;line-height:1.4;color:var(--secondary)}
.functional-page.help-page .section{display:flex;flex-direction:column}
.functional-page.help-page .guide-shot{order:2}
.functional-page .pill-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 0}
.functional-page .pill-strip figure{margin:0}
.functional-page .pill-strip img{display:block;width:100%;max-width:230px;height:60px;object-fit:contain;object-position:left}
.functional-page .pill-strip figcaption{margin:4px 0 0}
.functional-page .pill-strip p{font-size:14px;margin-top:2px}
/* Help's existing licence links sit outside its section; keep them in that light band. */
.functional-page main>section:has(+.guide-inline-links){padding-bottom:0}
.functional-page .guide-inline-links{width:calc(100% - 40px);max-width:720px;display:flex;flex-wrap:wrap;gap:8px 24px;margin:0 auto;padding:16px 0 43px;font-size:14px}
.functional-page .purchase-price{font-size:28px;line-height:1.3;font-weight:600;letter-spacing:-.025em}
.functional-page .trial-action{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px;font-size:14px}
.functional-page .availability{margin:20px 0 0;padding:16px;background:var(--surface);border-radius:6px}
.functional-page .availability h2{font-size:18px;margin-bottom:6px}
.functional-page .terms-answers{gap:12px}
.functional-page.terms-page main>section{padding-block:42px}
.functional-page.terms-page main>section:first-of-type{padding-top:46px}
.functional-page.terms-page main>section:last-of-type{padding-bottom:58px}
@media(max-width:760px){
 /* Halfway between the former 128px content gap and the compact 28px gap. */
 .functional-page main>section{padding-block:39px}
 .functional-page.terms-page main>section{padding-block:38px}
 .functional-page main>section:first-of-type,.functional-page.terms-page main>section:first-of-type{padding-top:28px}
 .functional-page main>section:last-of-type,.functional-page.terms-page main>section:last-of-type{padding-bottom:48px}
 .functional-page .guide-inline-links{padding-bottom:39px}
 .functional-page main h1,.functional-page main h2{font-size:28px}
 .functional-page .guide-shot{max-width:320px}
 .functional-page .guide-shot.compact{max-width:260px}
 .functional-page .pill-strip{gap:16px 12px}
 .functional-page .pill-strip img{height:48px}
}

/* 1016f: shared reading grid and the same compact spacing scale as home. */
.functional-page{--reading-width:720px}
.functional-page .header-inner,.functional-page .site-footer,
.functional-page .section,.functional-page .page-top .section,.functional-page .guide-inline-links{
  width:min(var(--reading-width),calc(100% - var(--gutter)*2));max-width:var(--reading-width);
}
.functional-page main>section,.functional-page.terms-page main>section{padding-block:var(--space-10)}
.functional-page main>section:first-of-type,.functional-page.terms-page main>section:first-of-type{padding-top:var(--space-12)}
.functional-page main>section:last-of-type,.functional-page.terms-page main>section:last-of-type{padding-bottom:var(--space-12)}
.functional-page .section-heading{margin-bottom:var(--space-6)}
.functional-page main p+p{margin-top:var(--space-3)}
.functional-page main h3+p{margin-top:var(--space-2)}
.functional-page .qa h3{margin-bottom:0}
.functional-page .guide-answers,.functional-page .terms-answers{gap:var(--space-4)}
.functional-page .plain-list{padding-left:var(--space-6);margin:var(--space-2) 0 0}
.functional-page .plain-list li{margin-bottom:var(--space-1)}
.functional-page .plain-list li:last-child{margin-bottom:0}
.functional-page .guide-note,.functional-page .download-get{margin-top:var(--space-4)}
.functional-page .guide-link{margin-top:var(--space-3)}
.functional-page .download-get .small{margin-top:var(--space-2)}
.functional-page .topic-nav{gap:var(--space-2) var(--space-6);margin-top:0;padding-bottom:var(--space-2)}
.functional-page .topic-nav a{display:inline-flex;align-items:center;min-height:var(--space-10)}
.functional-page .guide-shot{margin-top:var(--space-4)}
.functional-page .guide-shot figcaption{padding:var(--space-2)}
.functional-page .pill-strip{gap:var(--space-4);margin:0}
.functional-page .pill-strip figcaption{margin-top:var(--space-2)}
.functional-page .pill-strip p{margin-top:var(--space-2)}
.functional-page .guide-inline-links{gap:var(--space-2) var(--space-6);padding:var(--space-4) 0 var(--space-10)}
.functional-page .trial-action{gap:var(--space-3);margin-top:var(--space-4)}
.functional-page .availability{margin:var(--space-4) 0 0;padding:var(--space-4)}
.functional-page .availability h2{margin-bottom:var(--space-2)}
.functional-page main>section:has(+.guide-inline-links){padding-bottom:0}
@media(max-width:760px){
  .functional-page main>section:first-of-type,.functional-page.terms-page main>section:first-of-type{padding-top:var(--space-8)}
}
/* A grid gap plus a child margin had silently made this 22px. */
.functional-page .download-get{gap:var(--space-2)}
.functional-page .download-get .small{margin-top:0}
.functional-page .section-heading{gap:var(--space-4)}
/* Ten Help topics fit one desktop row at the reading width, without an orphan. */
.functional-page .topic-nav{column-gap:var(--space-4)}

/* 1016i: readable Help screenshots and shortcut states in the existing card style. */
.functional-page.help-page .guide-shot,
.functional-page.help-page .guide-shot.compact{width:100%;max-width:none}
.functional-page.help-page .shortcut-intro{margin:0 0 var(--space-6)}
.functional-page.help-page .shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.functional-page.help-page .shortcut-card{display:flex;flex-direction:column;grid-row:auto;gap:var(--space-2);background:var(--page);padding:var(--space-6)}
.functional-page.help-page .shortcut-card h3,
.functional-page.help-page .shortcut-card p{margin:0}
.functional-page.help-page .shortcut-picture{margin-top:auto;padding-top:var(--space-4)}
.functional-page.help-page .shortcut-picture img{display:block;width:100%;height:auto}
.functional-page main h1 strong,.functional-page main h2 strong,.functional-page main h3 strong{font-weight:inherit}
@media(max-width:760px){
 .functional-page.help-page .shortcut-grid{grid-template-columns:minmax(0,1fr)}
 .functional-page.help-page .shortcut-card{padding:var(--space-4)}
}

/* 1016m: keep each download action together and give answers room to breathe.
   Terms retains its approved rendering. */
.functional-page.download-page .download-get{margin-top:0;gap:var(--space-3)}
.functional-page.download-page .download-get>p{margin:0}
.functional-page.download-page .setup-shot{max-width:520px}
.functional-page:not(.terms-page) .guide-answers{gap:var(--space-6)}
.functional-page:not(.terms-page) main :is(ul,ol)+p{margin-top:var(--space-3)}
