/* Static information page, using the existing html_new colours, logo and fonts. */
.legacy-notice{margin-top:28px;background:white;border:1px solid var(--line);border-left:3px solid var(--red);padding:18px 22px;font-size:16px}
.legacy-notice p:last-child{margin-bottom:0}
.notice-title{font-weight:700;color:var(--ink);margin-bottom:6px}
.scope-note{color:var(--muted);font-size:16px;line-height:1.7;margin:0 0 24px}
.section-heading{font-size:24px;margin-bottom:8px}
.section-intro{color:var(--muted);font-size:16px;margin-bottom:20px}
.procedure-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 24px}
.procedure-nav a{display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:16px 18px;background:white;border:1px solid var(--line);text-decoration:none;min-width:0}
.procedure-nav a:hover{background:#fafafa}
.choice-scenario{color:var(--ink);font-size:15px;font-weight:600;line-height:1.5}
.choice-action{font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.choice-action span{display:inline-block;margin-left:6px}
.procedure-target{scroll-margin-top:20px}
.procedure-target:focus-visible{outline:3px solid var(--red);outline-offset:6px}
.flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.flow-card{display:flex;flex-direction:column;background:white;border:1px solid var(--line);padding:24px;min-width:0;border-top:3px solid #c7c7c7}
.flow-primary{border-top-color:var(--red);display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.9fr);gap:28px;align-items:center}
.change-copy{min-width:0}
.change-actions{min-width:0;padding:22px;border-left:1px solid var(--line);background:#fafafa}
.change-actions .button-link{margin-top:0}
.flow-primary .flow-requirement{margin-bottom:0}
.reset-group{margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}
.scenario-heading{font-size:22px;line-height:1.3;margin:0 0 18px;font-weight:700}
.method-label{color:var(--red);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px;line-height:1.5}
.flow-card h3,.flow-card h4{font-size:24px;line-height:1.3;margin:0 0 14px;font-weight:700}
.flow-description{color:var(--muted);font-size:16px;margin-bottom:14px}
.flow-requirement{color:var(--muted);font-size:16px;margin-bottom:20px}
.flow-requirement strong{color:var(--ink)}
.button-link{text-decoration:none;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;line-height:1.4;margin-top:auto}
.button-link span{font-size:20px;flex:none}
.secondary-button{display:flex;min-height:50px;padding:12px 18px;border:1px solid var(--red);color:var(--red);background:white;font-weight:600;border-radius:2px}
.secondary-button:hover{background:#fff4f4}
.flow-hint{font-size:15px;color:var(--muted);margin:14px 0 0;line-height:1.6}
.access-panel{background:#fafafa;border:1px solid var(--line);margin:0 0 20px;padding:18px 22px;color:var(--muted);font-size:16px}
.access-panel h4{color:var(--ink);font-size:18px;line-height:1.4;margin:0 0 8px;font-weight:700}
.access-panel p{margin-bottom:0}
.access-panel strong{color:var(--ink)}
.support-section,.faq-section{margin-top:32px}
.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:20px}
.support-card{padding:24px;background:white;border:1px solid var(--line);min-width:0}
.support-card h3{font-size:20px;line-height:1.3;margin:0 0 14px;font-weight:700}
.support-card p{font-size:16px;color:var(--muted);margin-bottom:10px}
.support-card .text-link{margin-top:0;font-size:16px;gap:10px;text-wrap:pretty}
.support-actions{display:flex;align-items:flex-start;flex-direction:column;gap:4px}
.faq-list{background:white;border:1px solid var(--line)}
.faq-item+.faq-item{border-top:1px solid var(--line)}
.faq-item summary{padding:18px 22px;cursor:pointer;list-style:none;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-indicator{flex:none;color:var(--red);font-size:22px;line-height:1;font-weight:400}
.faq-indicator::before{content:'+'}
.faq-item[open] .faq-indicator::before{content:'−'}
.faq-item summary:focus-visible{outline:3px solid var(--red);outline-offset:-5px}
.faq-answer{padding:0 22px 20px;color:var(--muted);font-size:16px;line-height:1.7}
.faq-answer p:last-child{margin-bottom:0}
.safety-note{margin-top:32px;padding:20px 22px;border-left:3px solid var(--red);background:white}
.safety-note h2{font-size:18px;margin-bottom:8px}
.safety-note p{font-size:16px;color:var(--muted);margin-bottom:0}
.source-note{font-size:15px;color:var(--muted);line-height:1.7;margin:20px 0 0}
footer{font-size:14px}
@media(max-width:1000px){
  .flow-grid{gap:16px}.flow-card{padding:20px}.flow-card h3,.flow-card h4{font-size:22px}
  .button-link{padding:12px}
}
@media(max-width:760px){
  .procedure-nav{grid-template-columns:1fr;gap:10px;margin-top:16px}
  .procedure-nav a{gap:4px;padding:12px 16px}
  .flow-primary{grid-template-columns:1fr;gap:20px}
  .change-actions{padding:20px 0 0;border-left:0;border-top:1px solid var(--line);background:transparent}
  .reset-group{margin-top:24px;padding-top:24px}
  .flow-grid,.support-grid{grid-template-columns:1fr;gap:20px}
  .flow-card,.support-card{padding:20px}
  .flow-card h3,.flow-card h4{font-size:22px}.button-link{padding:12px 16px}
  .legacy-notice,.access-panel{padding:16px 18px}
  .scope-note{margin-bottom:20px}.section-heading,.scenario-heading{font-size:22px}
  .faq-item summary{padding:18px;font-size:16px;gap:14px}
  .faq-answer{padding:0 18px 18px}.safety-note{padding:18px}
}