.links-shell { max-width: 1080px; }
.links-hero { padding: 116px 0 52px; }
.links-breadcrumb { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 40px; color: var(--text-muted); font-size: 12px; }
.links-breadcrumb a:hover { color: var(--teal-dark); }
.links-intro { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 32px; }
.links-hero h1 { margin-bottom: 22px; font-size: clamp(30px, 3.6vw, 46px); }
.links-lead { max-width: 620px; margin-bottom: 0; font-size: 16px; }
.links-jumps { display: grid; gap: 10px; min-width: 210px; }
.links-jumps a { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); font-size: 12px; }
.links-jumps .mono { color: var(--teal); font-size: 11px; }
.links-jumps a > span:last-child { margin-left: auto; color: var(--teal-dark); }
.links-jumps a:hover { border-color: var(--muted-teal); background: var(--hover); }
.links-content { padding-bottom: 76px; }
.links-page .resource-section { padding: 44px 0; border-top: 1px solid var(--border); scroll-margin-top: 0; }
.resource-heading { display: flex; align-items: start; gap: 20px; margin-bottom: 26px; }
.resource-section-number { padding-top: 5px; color: var(--teal); font-size: 12px; }
.resource-heading h2 { margin-bottom: 8px; font-size: 26px; }
.resource-heading p { margin-bottom: 0; font-size: 14px; }
.resource-list { overflow: hidden; border: 1px solid var(--border); border-radius: 18px; background: var(--white); }
.resource-row { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; align-items: center; gap: 24px; padding: 30px; }
.resource-row + .resource-row { border-top: 1px solid var(--border); }
.resource-icon { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; background: var(--surface-muted); color: var(--teal-dark); }
.resource-icon.warm { background: rgba(255, 214, 186, 0.4); color: var(--blue-slate); }
.resource-icon svg { width: 30px; height: 30px; }
.resource-icon img { width: 28px; height: 28px; object-fit: contain; }
.resource-copy { min-width: 0; }
.resource-copy h3 { margin-bottom: 8px; font-size: 18px; }
.resource-copy p { margin-bottom: 0; font-size: 13px; }
.resource-copy .resource-kicker { margin-bottom: 8px; color: var(--teal-dark); font-size: 10px; font-weight: 600; letter-spacing: 0.09em; }
.resource-copy .resource-status { display: inline-block; margin-top: 10px; padding: 1px 9px; border: 1px solid var(--border); border-radius: 6px; color: var(--blue-slate); font-size: 11px; }
.resource-format { display: block; margin-top: 12px; color: var(--text-muted); font-size: 11px; }
.resource-actions { display: flex; align-items: end; gap: 12px; }
.resource-button { min-width: 120px; min-height: 46px; white-space: nowrap; }
.resource-button svg { width: 18px; height: 18px; flex-shrink: 0; }
.resource-button:disabled { background: var(--bright-snow); color: var(--text-muted); cursor: not-allowed; transform: none; }
.document-language { display: grid; gap: 6px; font-size: 11px; color: var(--text-muted); }
.document-language[hidden] { display: none; }
.document-language select { width: 116px; height: 46px; padding: 0 12px; border: 1px solid var(--border-strong); border-radius: 12px; background: var(--white); color: var(--blue-slate); font: inherit; font-size: 13px; cursor: pointer; }
.document-note { margin: 18px 0 0; font-size: 12px; }
.document-row noscript { grid-column: 2 / -1; }
.document-fallback { margin: 0; font-size: 12px; }
.document-fallback a { margin-left: 12px; text-decoration: underline; }
.links-help { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 26px 30px; border: 1px solid rgba(79, 128, 126, 0.2); border-radius: 16px; background: var(--surface-muted); }
.links-help h2 { margin-bottom: 8px; font-size: 18px; }
.links-help p { max-width: 650px; margin-bottom: 0; font-size: 13px; }
.links-help .button { flex-shrink: 0; }

@media (max-width: 980px) {
  .links-intro { grid-template-columns: minmax(0, 1fr); }
  .links-jumps { display: flex; flex-wrap: wrap; }
  .links-jumps a { min-width: 190px; }
  .resource-row { gap: 20px; padding: 26px; }
  .document-actions { grid-column: 2 / -1; margin-top: 2px; }
  .document-row .resource-copy { grid-column: 2 / -1; }
}
@media (max-width: 760px) {
  .links-hero { padding: 96px 0 34px; }
  .links-breadcrumb { margin-bottom: 28px; }
  .links-intro { gap: 24px; }
  .links-hero h1 { font-size: clamp(28px, 5.5vw, 38px); }
  .links-lead { font-size: 14px; }
  .links-jumps a { min-width: 0; flex: 1 1 160px; }
  .links-content { padding-bottom: 44px; }
  .links-page .resource-section { padding: 32px 0; }
  .resource-heading { gap: 14px; margin-bottom: 20px; }
  .resource-heading h2 { font-size: 22px; }
  .resource-heading p { font-size: 13px; }
  .resource-row { grid-template-columns: 44px minmax(0, 1fr); align-items: start; gap: 18px 16px; padding: 22px; }
  .resource-icon { width: 44px; height: 44px; border-radius: 12px; }
  .resource-icon svg { width: 26px; height: 26px; }
  .resource-copy h3 { font-size: 17px; }
  .resource-actions, .document-actions, .document-row noscript { grid-column: 1 / -1; }
  .document-actions { display: grid; grid-template-columns: minmax(90px, 0.8fr) minmax(0, 1.2fr); align-items: end; }
  .document-language select { width: 100%; }
  .document-actions .resource-button { min-width: 0; padding-inline: 12px; gap: 8px; }
  .links-help { flex-direction: column; align-items: start; gap: 18px; padding: 22px; }
}