/* Scoped care section and accessible contact template. Product styling is unchanged. */
#care .section-intro { max-width: 860px; }
#care .topic-nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0; }
#care .topic-nav a { min-height: 44px; display: inline-flex; align-items: center; padding: 8px 16px; border: 1px solid var(--line); border-radius: 28px; text-decoration: none; font-size: 15px; }
#care .topic-nav a:hover, #care .topic-nav a[aria-current=true] { color: var(--green); background: var(--surface); border-color: #a8b8ad; }
#care details[data-topic] { border-top: 1px solid var(--line); scroll-margin-top: 24px; }
#care details[data-topic]:last-child { border-bottom: 1px solid var(--line); }
#care summary { min-height: 64px; padding: 18px 0; display: flex; align-items: center; gap: 16px; cursor: pointer; list-style: none; font-size: 19px; font-weight: 600; line-height: 1.5; }
#care summary::-webkit-details-marker { display: none; }
#care summary .index { color: var(--muted); font-size: 13px; font-weight: 400; flex: 0 0 22px; }
#care .expand { width: 18px; height: 18px; position: relative; margin-left: auto; flex: 0 0 18px; }
#care .expand:before, #care .expand:after { content: ''; position: absolute; background: var(--green); left: 2px; top: 8px; width: 14px; height: 2px; }
#care .expand:after { transform: rotate(90deg); }
#care details[open] .expand:after { display: none; }
#care .answer { padding: 0 38px 24px; max-width: 980px; color: #4b554e; }
#care .answer-lead { font-size: 18px; color: var(--ink); font-weight: 600; }
#care .do-first { padding: 18px 20px; margin: 18px 0; background: var(--surface); border-radius: 14px; }
#care .comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 22px 0; }
#care .comparison h3 { font-size: 18px; }
#care .boundary, #care .small-note { font-size: 14px; color: var(--muted); }
#care .source { display: inline-block; font-size: 13px; overflow-wrap: anywhere; }
#care .stage-list { padding-left: 22px; }
#care .stage-list li { margin-bottom: 10px; }
.care-help { display: block; }
.care-help p { max-width: 850px; }
.care-help .help-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0 18px; }
.care-help .button { font: inherit; cursor: pointer; min-height: 44px; }
.care-help .button[hidden] { display: none; }
.care-help .template summary { cursor: pointer; min-height: 44px; padding: 8px 0; color: var(--green); }
.care-help textarea { display: block; width: 100%; min-height: 220px; padding: 16px; margin-top: 12px; border: 1px solid #bac6be; border-radius: 12px; font: inherit; color: var(--ink); background: #fff; line-height: 1.8; resize: vertical; }
.care-help #copy-status { font-size: 14px; margin-top: 10px; }
#care summary:focus-visible, .care-help button:focus-visible, .care-help summary:focus-visible, .care-help textarea:focus-visible { outline: 3px solid var(--green); outline-offset: 3px; border-radius: 4px; }
@media (max-width: 700px) {
  #care summary { font-size: 17px; gap: 10px; }
  #care .answer { padding: 0 0 24px; }
  #care .answer-lead { font-size: 17px; }
  #care .comparison { grid-template-columns: 1fr; gap: 4px; }
  #care .topic-nav a { padding: 8px 13px; font-size: 14px; }
  .care-help .help-actions { display: grid; }
}