.scenario-guide .article-hero{padding:2rem 0 1rem}.scenario-guide .article-hero h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.08;max-width:24ch;overflow-wrap:anywhere}.scenario-guide .article-hero .lead{max-width:74ch;color:#d8e2fa}.scenario-guide .scenario-tool{background:#0c1735;border:1px solid #33476a;border-radius:18px;padding:1.3rem;margin:1.2rem 0 2rem}.scenario-guide .scenario-tool h2{font-size:1.6rem;margin-top:0}.scenario-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.scenario-fields label{display:flex;flex-direction:column;gap:.45rem;font-size:.95rem}.scenario-fields input,.scenario-fields select{width:100%;min-width:0;min-height:44px;background:#06102a;color:#fff;border:1px solid #667a9a;border-radius:8px;padding:.7rem;font:inherit}.scenario-fields label.scenario-checkbox{flex-direction:row;align-items:center}.scenario-checkbox input{width:22px;height:22px;min-height:22px;flex:none}.scenario-tool fieldset{border:1px solid #667a9a;border-radius:10px;padding:1rem;margin:1rem 0}.scenario-tool legend{padding:0 .4rem}.scenario-ufs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.scenario-ufs label{display:flex;gap:.55rem;align-items:center;min-height:44px}.scenario-ufs input{width:20px;height:20px;flex:none}.scenario-output{padding:1rem;border-radius:10px;background:#06102a;border:1px solid #33476a;margin:1rem 0;overflow-wrap:anywhere}.scenario-output strong{display:block;font-size:1.1rem}.scenario-output[data-state=invalid]{border-color:#fca5a5;color:#fecaca}.scenario-output[data-state=achieved]{border-color:#63cbb1}.scenario-table-wrap{overflow-x:auto;max-width:100%}.scenario-output table{width:100%;border-collapse:collapse;min-width:600px;font-size:.9rem}.scenario-output th,.scenario-output td{text-align:left;vertical-align:top;padding:.65rem;border-bottom:1px solid #33476a}.scenario-output caption{text-align:left;font-weight:700;margin:.8rem 0}.scenario-guide .source-note{background:#0c1735;padding:1rem;border-radius:12px}.scenario-guide .scenario-tool button{min-height:44px}.scenario-guide input:focus-visible,.scenario-guide select:focus-visible{outline:3px solid #75c7ff;outline-offset:2px}@media(max-width:640px){.scenario-guide .article-hero{padding:1.4rem 0 .5rem}.scenario-fields,.scenario-ufs{grid-template-columns:1fr}.scenario-guide .scenario-tool{padding:1rem}.scenario-guide .article-hero h1{font-size:2rem}.scenario-guide .article-hero .lead{font-size:1rem}}
