/* Prepared choices and an honest preview before starting a lesson. */
#hayato-root .practice-catalog-v368 .practice-selection-filters {display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 10px;padding:18px;background:#f0f5fd;border:1px solid #bdcfe9;border-radius:12px;}
#hayato-root .practice-selection-field {min-width:0;}
#hayato-root .practice-selection-field label {display:block;margin-bottom:7px;font-size:16px;color:#24364f;}
#hayato-root .practice-selection-field select {display:block;width:100%;max-width:100%;min-height:48px;padding:10px 12px;border:1px solid #9db3d2;border-radius:8px;background:#fff;color:#24364f;font-family:inherit;font-size:16px;line-height:1.6;}
#hayato-root .practice-catalog-v368 .practice-catalog-choices {display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;}
#hayato-root .practice-catalog-v368 .practice-catalog-choice {min-width:0;padding:18px;border:1px solid #c3d1e6;border-radius:14px;background:#fff;box-shadow:none;}
#hayato-root .practice-catalog-v368 .practice-catalog-choice[hidden],#hayato-root .practice-selection-empty[hidden] {display:none !important;}
#hayato-root .practice-selection-meta {display:flex;gap:7px;flex-wrap:wrap;margin:0 0 10px;}
#hayato-root .practice-selection-meta span {padding:3px 8px;background:#edf2fc;color:#3a5274;border-radius:6px;font-size:14px;line-height:1.75;}
#hayato-root .practice-catalog-v368 .practice-catalog-choice>h4 {margin:0 0 12px;font-size:18px;line-height:1.7;color:#24364f;}
#hayato-root .practice-selection-assessment {padding:10px 12px;background:#f2f7fc;border-left:3px solid #5674ad;font-size:14px;line-height:1.8;color:#344f72;}
#hayato-root .practice-selection-preview {margin:14px 0;}
#hayato-root .practice-selection-preview>summary,#hayato-root .practice-preview-materials>summary {min-height:48px;padding:12px 10px;background:#f4f7fc;color:#29466e;border:1px solid #ccd8e9;border-radius:8px;font-size:14px;line-height:1.8;cursor:pointer;}
#hayato-root .practice-preview-body {padding:15px 0 0;min-width:0;}
#hayato-root .practice-preview-body h4 {margin:18px 0 8px;font-size:16px;color:#24364f;}
#hayato-root .practice-preview-body h4:first-child {margin-top:0;}
#hayato-root .practice-preview-body p {white-space:pre-wrap;}
#hayato-root .practice-preview-body :is(p,li) {font-size:16px;line-height:1.85;color:#24364f;overflow-wrap:anywhere;}
#hayato-root .practice-preview-body ul {margin:8px 0 16px;padding-left:23px;}
#hayato-root .practice-preview-body li {margin:6px 0;}
#hayato-root .practice-preview-materials {margin:18px 0;}
#hayato-root .practice-preview-materials section {padding:10px 0;border-bottom:1px solid #d3dfee;}
#hayato-root .practice-preview-body a {display:inline-flex;align-items:center;min-height:44px;font-size:14px;}
#hayato-root .practice-catalog-v368 .practice-catalog-choice>button {width:100%;min-height:48px;}
#hayato-root .practice-selection-empty {padding:18px;border:1px solid #c6d5e8;border-radius:10px;background:#f5f8fd;}
#hayato-root .practice-catalog-v368 :is(button,select,summary,a):focus-visible {outline:3px solid #25499e;outline-offset:3px;}
@media(max-width:760px){#hayato-root .practice-catalog-v368 .practice-catalog-choices{grid-template-columns:1fr;}}
@media(max-width:480px){#hayato-root .practice-catalog-v368 .practice-selection-filters{grid-template-columns:1fr;padding:14px;gap:12px;}#hayato-root .practice-catalog-v368 .practice-catalog-choice{padding:15px;}}
@media(forced-colors:active){#hayato-root .practice-catalog-v368 :is(.practice-selection-filters,.practice-catalog-choice,.practice-selection-empty,.practice-selection-assessment,summary,select){background:Canvas;color:CanvasText;border-color:CanvasText;}#hayato-root .practice-selection-meta span{background:Canvas;color:CanvasText;}#hayato-root .practice-catalog-v368 :is(button,select,summary,a):focus-visible{outline-color:Highlight;}}
/* On a working phone screen, keep the account and a new chat reachable in one row. */
@media(max-width:620px){
 #hayato-root.has-work .hayato-header{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;min-height:68px;height:auto;padding:10px 0;}
 #hayato-root.has-work .hayato-brand{flex:0 0 44px;display:inline-flex;min-height:44px;justify-content:center;}
 #hayato-root.has-work .hayato-brand>span{display:none;}
 #hayato-root.has-work .hayato-header-meta{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:8px;width:auto;flex:1;}
 #hayato-root.has-work .hayato-header-meta>button{width:auto;flex:1;max-width:180px;min-width:0;padding:8px;}
 #hayato-root.has-work .account-entry small{display:none;}
 #hayato-root.has-work .account-entry>span:first-child{font-size:14px;}
 #hayato-root.has-work .hayato-presence{padding:8px 12px;margin-top:8px;}
 #hayato-root.has-work .presence-identity{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;}
 #hayato-root.has-work .presence-identity h1{margin:0;font-size:16px;}
 #hayato-root.has-work .presence-status{font-size:14px;}
}

#hayato-root.has-specific-next-step :is(.welcome-starters,.welcome-reassurance) {display:none;}
#hayato-root .notification-v368{margin:16px 0;padding:20px;border:1px solid #bdd3e2;border-left:4px solid #397fb1;border-radius:14px;background:#f6fbff;color:#24364f;opacity:1;}
#hayato-root .notification-v368[data-severity="warning"]{border-color:#dbc394;border-left-color:#a96713;background:#fff9ee;}
#hayato-root .notification-v368[data-severity="critical"]{border-color:#d9b4ac;border-left-color:#a63b2e;background:#fff6f3;}
#hayato-root .notification-meta-v368{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px;}
#hayato-root .notification-meta-v368 span{font-size:14px;line-height:1.7;padding:3px 9px;border-radius:7px;border:1px solid #b6cddd;color:#294e6b;background:#e8f3fc;}
#hayato-root .notification-v368[data-severity="warning"] .notification-severity-v368{color:#6c4516;background:#ffedcb;border-color:#cba564;}
#hayato-root .notification-v368[data-severity="critical"] .notification-severity-v368{color:#822e24;background:#ffe6df;border-color:#cc9b8e;}
#hayato-root .notification-v368 .notification-read-v368{color:#3e576a;background:#fff;border-color:#bdcdda;}
#hayato-root .notification-v368 h4{font-size:18px;line-height:1.7;margin-bottom:8px;color:#24364f;}
#hayato-root .notification-body-v368{white-space:pre-wrap;font-size:16px;line-height:1.9;color:#24364f;}
#hayato-root .notification-v368 button{min-height:44px;margin-top:10px;background:#fff;border:1px solid #8faec8;color:#294e6b;}
@media(forced-colors:active){#hayato-root .notification-v368,#hayato-root .notification-v368 :is(span,button){background:Canvas;color:CanvasText;border-color:CanvasText;}}