.support-skip { position: absolute; left: 16px; top: -100px; background: var(--paper); padding: 8px 16px; }
.support-skip:focus { top: 8px; }
.support-footer { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: 68px; }
.support-footer a { text-decoration: none; }
.support-footer a:hover { text-decoration: underline; }
.resource-list { list-style: none; padding: 0; margin: 12px 0 0; display: grid; gap: 42px; }
.resource-sections { display: flex; flex-wrap: wrap; gap: 12px 24px; font-size: 15px; margin-top: 8px; color: var(--accent); }
.resource-sections a { text-decoration: none; }
.resource-sections a:hover { text-decoration: underline; }
.resource-tools { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 36px; }
.resource-tool > span { color: var(--muted); font-size: 15px; }
.resource-tool h3, .resource-masterclass h3 { font-size: var(--type-subheading); font-weight: 400; line-height: 1.25; margin: 10px 0 12px; }
.resource-tool p { margin: 0 0 14px; color: var(--body); }
.resource-tool p + p { color: var(--muted); font-size: 15px; }
.resource-tool > a { color: var(--accent); font-size: 16px; }
.resource-masterclass > a { text-decoration: none; color: var(--body); }
.resource-masterclass > a > span { color: var(--accent); }
.resource-masterclass > a:hover > span { text-decoration: underline; }
.resource-masterclass > a > p:first-child { color: var(--muted); font-size: 16px; }
.support-editorial h2.section-label { font-size: var(--type-section-label); font-weight: 500; line-height: 1.35; letter-spacing: var(--type-section-tracking); text-transform: uppercase; color: var(--accent); margin: 0; }
.support-editorial dl { margin: 0; }
.support-editorial dt { font-size: var(--type-minor-heading); color: var(--ink); margin: 26px 0 8px; }
.support-editorial dt:first-child { margin-top: 0; }
.support-editorial dd { margin: 0; }
.resource-link { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 28px; align-items: center; text-decoration: none; }
.resource-link img { display: block; height: auto; filter: drop-shadow(0 4px 7px #202a2c16); }
.resource-link h3 { font-size: var(--type-subheading); line-height: 1.25; font-weight: 400; margin: 12px 0; }
.resource-link p:not(.section-label) { margin: 0; color: var(--soft); line-height: 1.5; }
.resource-cta { display: inline-block; color: var(--accent); margin-top: 14px; font-size: 16px; }
.resource-link:hover .resource-cta { text-decoration: underline; text-underline-offset: 3px; }
.guide-signup .quiet-newsletter { max-width: 100%; }
.guide-signup button:disabled { cursor: not-allowed; color: var(--muted); }
.preview-note { margin: 0; padding-left: 14px; border-left: 2px solid var(--link-rule); color: var(--muted); font-size: 15px; line-height: 1.55; }
.support-small { margin: 0; font-size: 15px; color: var(--muted); }
.guide-cover { width: min(100%, 340px); margin: -12px auto 0; }
.guide-cover img { display: block; height: auto; filter: drop-shadow(0 8px 12px #202a2c18); }
.guide-inside h2.section-label { font-size: var(--type-section-label); font-weight: 500; line-height: 1.35; letter-spacing: var(--type-section-tracking); text-transform: uppercase; color: var(--accent); margin: 0; }
.guide-inside ol { list-style: none; padding: 0; }
.guide-inside li { margin-bottom: 12px; }
.guide-inside li span:first-child { display: block; color: var(--muted); font-size: 14px; }
.guide-author { color: var(--soft); }
.legal-body { gap: 20px; }
.legal-body h2 { margin-top: 18px; }
.legal-body ul, .legal-body ol { padding-left: 24px; }
@media (max-width: 520px) {
  .resource-link { grid-template-columns: 88px minmax(0, 1fr); gap: 18px; align-items: start; }
  .resource-link h3 { font-size: var(--type-minor-heading); margin-top: 10px; }
  .guide-signup .quiet-newsletter { flex-direction: column; align-items: stretch; }
  .guide-signup .quiet-newsletter input { width: 100%; }
}
.delivery-guides { display: grid; gap: 28px; list-style: none; padding: 0; margin: 0; }
.delivery-guides p { margin: 10px 0 0; }
.support-editorial blockquote { margin: 12px 0 24px; }
.support-editorial blockquote p { margin: 0 0 8px; }
.support-editorial cite { color: var(--muted); font-size: 16px; }
.sponsor-copy li > span { display: block; }
.sponsor-copy[data-source-section="The audience"] ul { display: flex; flex-wrap: wrap; gap: 24px 60px; list-style: none; padding: 0; margin: 8px 0; }
.sponsor-copy[data-source-section="The audience"] li > span:first-child { font-size: var(--type-subheading); color: var(--ink); }
.sponsor-copy[data-source-section="The audience"] li > span:last-child { color: var(--muted); font-size: 16px; }
.support-form { display: grid; gap: 28px; }
.support-form > label { display: grid; gap: 8px; }
.support-form input[type="text"], .support-form input[type="email"] { width: 100%; padding: 10px 0; border: 0; border-bottom: 1px solid var(--link-rule); background: transparent; color: var(--body); font: inherit; box-sizing: border-box; }
.support-form fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.support-form legend { margin-bottom: 12px; padding: 0; }
.support-form .support-choice { display: flex; gap: 10px; align-items: baseline; margin: 8px 0; }
.support-choice input { flex: 0 0 auto; width: auto; min-width: 0; }
.support-form button { justify-self: start; border: 1px solid var(--link-rule); border-radius: 2px; padding: 10px 18px; background: transparent; color: var(--muted); font: inherit; cursor: not-allowed; }