.support-layout{grid-template-columns:minmax(240px,340px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.support-panel{border:1px solid var(--learning-line);background:#fff;border-radius:8px;min-width:0;padding:28px}.support-panel h2{margin-bottom:16px}.support-panel label{margin-block:16px 8px;display:block}.support-panel input:not([type=checkbox]),.support-panel select,.support-panel textarea{width:100%;min-height:48px;color:var(--learning-navy);background:#fff;border:1px solid #97adb8;border-radius:5px;padding:12px;display:block}.support-panel textarea{resize:vertical}.support-panel form>.learning-button{margin-top:24px}.support-toolbar{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.support-cases,.support-messages{padding:0;list-style:none}.support-cases li{margin-bottom:12px}.support-cases button{text-align:start;background:var(--learning-paper);border:1px solid var(--learning-line);width:100%;min-height:72px;color:var(--learning-navy);border-radius:5px;padding:16px}.support-cases button[aria-current=true]{background:#eaf1f4;border:2px solid #547484}.support-cases button strong,.support-cases button span,.support-cases button small{overflow-wrap:anywhere;display:block}.support-cases button span{color:var(--learning-muted);font-size:16px}.support-messages li{background:var(--learning-paper);border-inline-start:3px solid #97adb8;margin-block:18px;padding:18px}.support-messages li[data-role=owner]{background:#fcf8ef;border-inline-start-color:#79571c}.support-messages time{color:var(--learning-muted);font-size:15px;display:block}.support-messages p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px}.support-messages pre{white-space:pre-wrap;font-size:15px}.support-panel .support-check{align-items:center;gap:12px;padding-block:10px;display:flex}.support-check input{flex-shrink:0;width:22px;height:22px}.support-diagnostics{flex-wrap:wrap;gap:18px;display:flex}.support-diagnostics label{flex:1;min-width:130px}.support-guidance{border:1px solid var(--learning-line);border-radius:5px;margin-top:28px;padding:20px}.support-guidance summary{cursor:pointer;min-height:44px}.support-guidance a{text-decoration:underline}.orientation-steps{gap:18px;margin-top:28px;display:grid}.orientation-step{border:1px solid var(--learning-line);background:#fff;border-radius:8px;padding:24px}.orientation-step label{cursor:pointer;align-items:flex-start;gap:16px;min-height:44px;display:flex}.orientation-step input{flex-shrink:0;width:24px;height:24px;margin-top:5px}.orientation-step strong{font-size:21px;display:block}.orientation-step p{color:var(--learning-muted);margin-top:8px}.orientation-step a{min-height:44px;padding-block:8px;text-decoration:underline;display:inline-block}.orientation-step a:focus-visible{outline-offset:2px}.orientation-actions{z-index:2;background:var(--learning-paper);flex-wrap:wrap;gap:16px;padding-block:16px;display:flex;position:sticky;bottom:0}.orientation-summary{background:var(--learning-navy);color:#fff;border-radius:8px;margin-block:24px;padding:24px}.orientation-summary p{color:#dce7ec;overflow-wrap:anywhere}.support-panel .learning-inline-button{min-height:44px}@media (max-width:760px){.support-layout{grid-template-columns:1fr;gap:20px}.support-panel{padding:22px 18px}.orientation-step{padding:20px}.orientation-step strong{font-size:20px}.orientation-actions{position:static}.orientation-actions>.learning-button,.support-panel .learning-actions>.learning-button{width:100%}}
