/* Secondary pages share the home page's tokens, materials and controls. */
.secondary-page { min-height:100svh; display:flex; flex-direction:column; }
.secondary-page [hidden] { display:none !important; }
.secondary-page .page-main { flex:1; padding-bottom:72px; }
.secondary-page .site-footer { margin-top:auto; }
.page-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:12px; color:var(--muted); font-size:14px; padding-top:24px; }
.page-breadcrumb a { display:inline-flex; align-items:center; min-height:44px; }
.page-breadcrumb a:hover { color:var(--accent); }
.page-breadcrumb>span:last-child { color:var(--ink); }
.page-hero { padding:30px 0 40px; }
.page-kicker { font-size:14px; color:var(--accent); margin-bottom:12px; font-weight:500; }
.page-hero h1 { font-size:clamp(34px,4vw,52px); font-weight:600; letter-spacing:-.025em; line-height:1.4; }
.page-lead { margin-top:18px; font-size:18px; color:var(--muted); }
.document-meta { color:var(--muted); font-size:14px; margin-top:20px; max-width:750px; }
.help-hero { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.hero-contact { display:flex; align-items:center; gap:18px; background:var(--surface); padding:26px 30px; border-radius:24px; flex-shrink:0; font-size:14px; color:var(--muted); }
.hero-contact strong { display:block; color:var(--ink); font-size:20px; font-weight:500; margin:3px 0; }
.hero-contact small { display:block; font-size:13px; }
.contact-icon { display:grid; place-items:center; width:48px; height:48px; border-radius:16px; background:var(--selection); color:var(--accent); font-size:26px; }
.hero-contact:hover strong { color:var(--accent); }
.help-search { background:var(--surface); border-radius:24px; padding:24px 28px; margin-bottom:36px; }
.help-search label { display:block; font-weight:500; font-size:16px; margin-bottom:12px; }
.search-field { display:flex; align-items:center; gap:14px; background:var(--paper); border:1px solid var(--line); border-radius:18px; padding:0 16px; }
.search-field:focus-within { outline:2px solid var(--accent); outline-offset:2px; }
.search-field svg { width:22px; height:22px; fill:none; stroke:var(--muted); stroke-width:1.7; flex-shrink:0; }
.search-field input { width:100%; min-width:0; border:0; padding:14px 0; background:transparent; color:var(--ink); font:16px/1.6 var(--sans); outline:none; }
.search-field input::placeholder { color:var(--muted); }
.search-clear { border:0; background:transparent; color:var(--accent); padding:8px 4px; min-height:44px; font-size:14px; white-space:nowrap; }
.help-search>p { color:var(--muted); font-size:13px; margin-top:12px; }
.help-page .support-layout { gap:40px; grid-template-columns:240px minmax(0,1fr); padding-bottom:0; }
.help-sidebar,.document-side { align-self:start; position:sticky; top:112px; }
.help-page .support-side { position:static; gap:4px; }
.sidebar-label { color:var(--muted); font-size:13px; padding:6px 14px 10px; }
.section-nav a { display:flex; gap:10px; align-items:baseline; }
.section-nav a[aria-current="location"] { background:var(--selection); color:var(--accent); }
.toc-number { flex-shrink:0; color:var(--muted); font-size:12px; font-variant-numeric:tabular-nums; padding-top:2px; }
.section-nav a[aria-current="location"] .toc-number { color:var(--accent); }
.help-page .support-group h2 { font-size:28px; margin-bottom:18px; }
.help-page .support-group+.support-group { margin-top:36px; }
.help-page .faq-list summary { min-height:44px; }
.help-page .faq-list details { padding-block:12px; }
.help-page .support-contact { margin-top:40px; }
.help-page .contact-block { margin-top:20px; }
.support-contact>p { max-width:660px; }
.empty-search { background:var(--surface); border-radius:24px; padding:32px; }
.empty-search h2 { font-size:24px; margin-bottom:12px; }
.empty-search p { color:var(--muted); font-size:16px; margin-bottom:24px; }
.empty-search .text-link { margin-left:18px; }
.document-layout { display:grid; grid-template-columns:260px minmax(0,1fr); gap:40px; align-items:start; }
.document-side { min-width:0; }
.page-toc { border-radius:24px; background:var(--surface); padding:10px; max-height:calc(100svh - 200px); overflow:auto; scrollbar-width:thin; }
.page-toc summary { display:flex; justify-content:space-between; align-items:center; padding:10px 14px; min-height:44px; cursor:pointer; font-size:14px; font-weight:500; list-style:none; }
.page-toc summary::-webkit-details-marker { display:none; }
.page-toc summary>span { font-size:20px; color:var(--muted); }
.page-toc[open] summary>span { transform:rotate(180deg); }
.page-toc nav { display:flex; flex-direction:column; gap:4px; margin-top:8px; }
.page-toc nav a { min-height:44px; padding:10px 12px; font-size:14px; line-height:1.65; border-radius:16px; }
.page-toc nav a:hover { background:var(--selection); color:var(--accent); }
.side-help { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:14px; color:var(--muted); font-size:13px; min-height:44px; }
.side-help:hover { color:var(--accent); }
.document-main { min-width:0; }
.document-card { background:var(--surface); border-radius:24px; padding:12px 36px 0; }
.document-section { padding:28px 0; }
.document-section+.document-section { border-top:1px solid var(--line); }
.document-section h2 { font-size:24px; font-weight:500; margin-bottom:18px; line-height:1.5; letter-spacing:0; }
.document-section p { font-size:16px; line-height:1.95; white-space:pre-line; color:#47535f; }
.document-section p+p { margin-top:14px; }
.document-section a { color:var(--accent); text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
.document-section p:has(>a) a { display:inline-flex; align-items:center; min-height:44px; }
.document-end { border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px 0; font-size:14px; color:var(--muted); }
.document-end a { color:var(--accent); min-height:44px; display:inline-flex; align-items:center; }
.related-panel { margin-top:56px; padding:30px; border:1px solid var(--line); border-radius:24px; }
.related-panel>div { display:flex; align-items:baseline; gap:16px; margin-bottom:20px; }
.related-panel .page-kicker { margin-bottom:0; }
.related-panel h2 { font-size:24px; letter-spacing:0; }
.related-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.help-page .related-links { grid-template-columns:repeat(4,minmax(0,1fr)); }
.related-links>a { display:flex; flex-direction:column; justify-content:space-between; gap:10px; min-height:114px; padding:20px; background:var(--surface); border-radius:20px; }
.related-links>a>span { font-size:16px; font-weight:500; }
.related-links>a>span>span { color:var(--accent); }
.related-links small { font-size:13px; color:var(--muted); line-height:1.7; }
.related-links>a:hover { background:var(--selection); }
.utility-card { background:var(--surface); border-radius:32px; max-width:900px; margin:32px auto 40px; padding:60px 40px; text-align:center; }
.utility-card h1 { font-size:clamp(30px,3.8vw,46px); letter-spacing:-.025em; font-weight:600; margin:12px 0 20px; }
.utility-card>p:not(.page-kicker) { font-size:17px; color:var(--muted); }
.utility-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:30px; }
.error-number { display:block; color:var(--accent); font-size:92px; line-height:1.2; font-weight:600; letter-spacing:-.05em; margin-bottom:22px; }
.utility-symbol { display:grid; place-items:center; margin:0 auto 28px; width:72px; height:72px; border-radius:24px; background:var(--selection); color:var(--accent); font-size:40px; }
.secondary-page .footer-top nav a { display:inline-flex; align-items:center; min-height:44px; }
.secondary-page .footer-top nav a[aria-current="page"] { color:var(--accent); }
@supports (backdrop-filter:blur(1px)) {
  .hero-contact,.help-search,.page-toc,.utility-card { background:linear-gradient(145deg,#ffffffe6,#ffffff99); border:1px solid #ffffffb8; backdrop-filter:blur(18px) saturate(1.2); box-shadow:inset 0 1px 0 #fff,0 8px 24px #253b5508; }
}
@media(max-width:1100px) {
  .document-layout { grid-template-columns:220px minmax(0,1fr); gap:28px; }
  .document-card { padding-inline:28px; }
  .help-page .support-layout { grid-template-columns:220px minmax(0,1fr); gap:28px; }
  .help-page .related-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:800px) {
  .help-hero { gap:24px; }
  .hero-contact { padding:20px; }
  .hero-contact .contact-icon { display:none; }
  .hero-contact small { max-width:150px; }
  .help-page .support-layout,.document-layout { grid-template-columns:1fr; gap:24px; }
  .help-sidebar,.document-side { position:static; }
  .help-page .support-side { flex-direction:row; flex-wrap:wrap; }
  .help-page .sidebar-label { width:100%; padding-bottom:0; }
  .help-page .support-side a { padding:10px 12px; }
  .page-toc { max-height:none; }
  .page-toc nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .side-help { display:none; }
  .related-links { grid-template-columns:1fr; }
  .related-links>a { min-height:88px; }
}
@media(max-width:640px) {
  .secondary-page .page-main { padding-bottom:44px; }
  .page-breadcrumb { padding-top:12px; gap:8px; font-size:13px; }
  .page-hero { padding:24px 0 28px; }
  .page-kicker { font-size:13px; margin-bottom:10px; }
  .page-hero h1 { font-size:36px; }
  .page-lead { margin-top:14px; font-size:16px; }
  .document-meta { font-size:13px; margin-top:16px; line-height:1.8; }
  .help-hero { display:block; }
  .hero-contact { margin-top:24px; padding:18px 20px; gap:14px; }
  .hero-contact .contact-icon { display:grid; width:44px; height:44px; }
  .hero-contact strong { display:inline; margin-left:10px; font-size:17px; }
  .hero-contact small { max-width:none; }
  .help-search { padding:20px; margin-bottom:24px; }
  .search-field { gap:10px; padding-inline:12px; }
  .search-field input { font-size:15px; }
  .help-page .support-side a { font-size:14px; padding:8px 10px; gap:6px; }
  .help-page .support-group h2 { font-size:26px; }
  .help-page .support-group+.support-group { margin-top:30px; }
  .document-card { padding:4px 20px 0; }
  .document-section { padding:24px 0; }
  .document-section h2 { font-size:21px; margin-bottom:14px; }
  .document-section p { font-size:16px; }
  .page-toc nav { grid-template-columns:1fr; }
  .related-panel { margin-top:36px; padding:20px; }
  .related-panel>div { display:block; margin-bottom:16px; }
  .related-panel h2 { margin-top:5px; font-size:22px; }
  .help-page .related-links { grid-template-columns:1fr; }
  .related-links>a { padding:18px; gap:6px; }
  .utility-card { padding:36px 20px; margin:20px auto 30px; border-radius:24px; }
  .utility-card>p:not(.page-kicker) { font-size:16px; }
  .utility-card h1 { font-size:30px; }
  .error-number { font-size:76px; }
  .empty-search { padding:24px 20px; }
  .empty-search .text-link { display:flex; margin:12px 0 0; }
}