/* Public learning: deliberate actions, quiet surfaces, no autoplay. */
.security-lab{margin:54px 0 30px;scroll-margin-top:106px;border:1px solid #b69b7d50;border-radius:20px;overflow:hidden;background:#171514;color:#eee1d2;box-shadow:0 18px 60px #0002}
.lab-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:36px 36px 28px;background:radial-gradient(ellipse at 100% 0,#9e561a25,transparent 65%),#201c19}
.lab-heading .micro{color:#c3a98f;font-size:11px}.lab-heading h3{font-size:clamp(28px,3.1vw,40px);letter-spacing:-.04em;line-height:1.3;margin:17px 0 12px;color:#fff1e1;font-weight:600}.lab-heading h3 strong{font-weight:700;color:#ffb777}.lab-heading p{font-size:15px;line-height:1.9;color:#cbbba8;margin:0;max-width:42em}.lab-open-label{flex:none;color:#e3c19b;font-size:12px;line-height:1.7;border:1px solid #b6936e60;padding:9px 13px;border-radius:999px}
.lab-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#a2896d40;gap:1px;border-top:1px solid #a2896d40;border-bottom:1px solid #a2896d40}.lab-tabs button{position:relative;text-align:left;border:0;padding:24px 30px 22px;background:#211d19;min-width:0;cursor:pointer;color:#dbcebf;transition:background .18s}.lab-tabs button>span{display:block;font:11px ui-monospace,monospace;letter-spacing:.08em;color:#b49c84;margin-bottom:12px}.lab-tabs b{display:block;font-size:19px;line-height:1.5;font-weight:600}.lab-tabs small{display:block;font-size:12px;margin-top:6px;color:#b7a28e}.lab-tabs i{position:absolute;right:25px;top:25px;font-style:normal;color:#e5b381}.lab-tabs button[aria-selected=true]{background:#3b281b;box-shadow:inset 0 -3px #f49c54;color:#ffd6ae}.lab-tabs button[aria-selected=true]>span{color:#ffb778}.lab-tabs button:hover{background:#38291e}
.security-lab button:focus-visible,.security-lab a:focus-visible,.security-lab select:focus-visible{outline:2px solid #ffae6a;outline-offset:-4px}.security-lab button{font-family:inherit}.lab-panel{padding:28px 30px 30px;min-height:700px}.lab-panel[hidden]{display:none}.lab-panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;min-height:61px}.lab-panel-toolbar .micro{color:#d1ad87;font-size:11px}.lab-panel-toolbar p{font-size:14px;line-height:1.7;color:#bfb2a2;margin:8px 0 0}.lab-next{flex:none;border:1px solid #b08b6266;border-radius:7px;min-height:44px;padding:10px 15px;background:#2c2118;color:#ffcc9b;font-size:13px;line-height:1.6;cursor:pointer}.lab-next:hover{background:#403020;border-color:#f0b476}.lab-next span{margin-left:9px}.lab-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(265px,1fr);gap:24px;align-items:stretch}
.mail-simulation{min-width:0;border-radius:12px;overflow:hidden;background:#f1eade;color:#332b25;box-shadow:0 15px 40px #0003}.mail-windowbar{display:flex;align-items:center;gap:13px;background:#ded4c6;padding:16px 19px;font-size:11px;color:#746351;border-bottom:1px solid #baa48c66}.mail-windowbar>span:last-child{margin-left:auto;font:11px ui-monospace,monospace}.mail-window-dots{display:flex;gap:5px}.mail-window-dots i{width:5px;height:5px;border-radius:50%;background:#9a8167}.mail-paper{padding:24px}.mail-paper h4{font-size:21px;line-height:1.5;color:#33281f;margin:0 0 23px;font-weight:650}.mail-signal{display:block;width:100%;text-align:left;background:#fffcf766;border:1px solid #b3a08d80;border-radius:7px;margin-bottom:11px;padding:13px 15px;cursor:pointer;transition:border-color .2s,background .2s}.mail-signal:hover,.mail-signal[aria-pressed=true]{border-color:#a2551b;background:#fff6e8;box-shadow:inset 3px 0 #b15d23}.mail-signal-label{display:flex;align-items:center;gap:8px;color:#8c4718;font-size:11px}.mail-signal-label i{display:inline-grid;place-items:center;border:1px solid #b58c6c90;border-radius:50%;width:21px;height:21px;font:11px ui-monospace,monospace}.mail-signal-label b{font-weight:600}.mail-signal-label>span:last-child{margin-left:auto;color:#8a7564;font-size:10px}.mail-signal[data-visited=true] .mail-signal-label>i{background:#a8541d;border-color:#a8541d;color:#fff7ed}.mail-signal-value{display:block;font-size:14px;line-height:1.8;color:#392d22;margin-top:8px;overflow-wrap:anywhere}.mail-paper .simulation-note{font-size:11px;line-height:1.75;color:#746454;margin:19px 0 0}
.lab-analysis{border:1px solid #aa8c6b40;border-radius:12px;padding:24px;background:linear-gradient(150deg,#2a241e,#1f1b18);min-width:0}.lab-analysis .micro{font-size:11px;letter-spacing:.08em;color:#c7a781}.lab-analysis h4{font-size:23px;font-weight:600;line-height:1.55;margin:23px 0 13px;color:#ffe0bd}.lab-analysis p{font-size:14px;line-height:1.95;color:#d1c2b2;margin:0 0 17px}.mail-verdict{border-top:1px solid #ad8c6938;margin-top:26px;padding-top:22px}.mail-verdict>p{font-size:13px;color:#bdad9b;margin-bottom:12px}.mail-verdict>button{display:block;width:100%;border:1px solid #b6936c60;background:#171513;color:#ead7c1;border-radius:6px;padding:12px;text-align:left;font-size:13px;line-height:1.65;min-height:44px;margin-top:8px;cursor:pointer}.mail-verdict>button[aria-pressed=true],.mail-verdict>button:hover{background:#49311f;color:#ffd2a5;border-color:#e4a367}.lab-analysis #mail-result h4{font-size:17px;margin:18px 0 10px}.lab-analysis #mail-result p{font-size:13px}
.chat-simulation{background:radial-gradient(ellipse at 0 100%,#bea57828,transparent 80%),#e9e3d8;border-radius:12px;overflow:hidden;min-width:0;color:#33392f}.chat-person{padding:20px 24px;display:flex;gap:12px;align-items:center;background:#d0d6c9;border-bottom:1px solid #bac2b2}.chat-avatar{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:#9ba990;color:#fff;font-size:24px}.chat-person b{font-size:15px;display:block;color:#2d3a2c}.chat-person small{display:block;color:#5c6b56;font-size:11px;margin-top:5px}.chat-person>span:last-child{font:11px ui-monospace,monospace;color:#677460;margin-left:auto}#chat-messages{padding:27px 24px 10px;min-height:242px}.chat-bubble{max-width:91%;background:#fffaf0;border:1px solid #c6baaa80;box-shadow:0 3px 8px #47422e08;padding:14px 17px;border-radius:0 13px 13px 13px;margin-bottom:13px}.chat-bubble p{font-size:16px;line-height:1.75;color:#384132;margin:0}.chat-bubble small{display:block;text-align:right;font-size:10px;color:#8d9384;margin-top:9px}.chat-choice-area{padding:10px 24px 27px}.chat-choice-area .micro{color:#6f7b62;font-size:11px}.chat-choice{display:block;text-align:left;width:100%;border:1px solid #829172;border-radius:8px;background:#e0e7d8;color:#344928;font-size:14px;line-height:1.7;padding:14px;margin-top:10px;min-height:50px;cursor:pointer}.chat-choice[aria-pressed=true],.chat-choice:hover{background:#b8c6a9;color:#25341b;border-color:#647a4f}.chat-habits{padding-top:8px;margin-top:30px;border-top:1px solid #ad8c6938}.chat-habits h4{font-size:17px}.chat-habits ul{padding-left:18px;font-size:14px;line-height:1.9;color:#cdbdaa}.chat-habits li{margin-bottom:11px}
.dd-scenario-label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#bba38a;min-width:220px}.dd-scenario-label select{width:100%;background:#2b211a;color:#f3dcc5;border:1px solid #b9976b60;border-radius:6px;min-height:44px;padding:10px;font:inherit;font-size:13px}.dd-checklist{display:grid;gap:10px}.dd-check{display:grid;grid-template-columns:20px 29px minmax(0,1fr);align-items:start;gap:12px;padding:19px;background:#f0e7d9;border:1px solid #b79b7650;border-radius:8px;cursor:pointer}.dd-check:has(input:checked){background:#e4d7c3;border-color:#c77a3d}.dd-check:focus-within{outline:2px solid #fbb575;outline-offset:3px}.dd-check input{width:18px;height:18px;accent-color:#92521f;margin-top:3px;cursor:pointer}.dd-step-number{font:19px/1.3 ui-monospace,monospace;color:#a25d2b}.dd-check b{display:block;font-size:16px;line-height:1.5;color:#3f2d20}.dd-check small{display:block;font-size:13px;line-height:1.8;color:#6c5845;margin-top:6px}.dd-progress-number{display:flex;align-items:baseline;gap:10px;margin:20px 0;color:#ac9278}.dd-progress-number strong{font:64px/1 ui-monospace,monospace;color:#ffbf87}.dd-progress-number span{font:20px ui-monospace,monospace}#dd-progress{display:block;width:100%;height:5px;appearance:none;border:0;background:#51412f;border-radius:4px;overflow:hidden}#dd-progress::-webkit-progress-bar{background:#51412f}#dd-progress::-webkit-progress-value{background:#ec9e60}#dd-progress::-moz-progress-bar{background:#ec9e60}.lab-analysis .dd-note{font-size:11px;line-height:1.85;color:#b6a18c;margin-top:20px}.lab-resource-link{display:inline-block;min-height:44px;padding:14px 0 0;font-size:12px;color:#efb87e}.lab-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #af896139;padding:19px 30px}.lab-footer p{font-size:11px;line-height:1.8;color:#b5a18b;margin:0}.lab-footer>div{display:flex;gap:20px;flex-wrap:wrap}.lab-footer a{display:inline-block;font-size:11px;line-height:1.8;color:#cbae8e;padding:10px 0}.lab-footer a:hover,.lab-resource-link:hover{color:#ffd4a7}
/* Refined first screen: balanced product scale and a clear educational entry. */
.hero-product .hero-content{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:42px;padding-top:54px;padding-bottom:38px;align-items:center}.hero-product h1{font-size:clamp(52px,5.4vw,80px);line-height:1.16;letter-spacing:-.05em}.hero-product .hero-local{display:inline-flex;align-items:center;gap:9px;background:#cb9d6910;border:1px solid #c59c7133;padding:7px 12px;border-radius:5px;font-size:12px;margin-bottom:23px}.hero-local:before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:#e9a361}.hero-product .kicker{margin-bottom:16px;font-size:10px;color:#a99480}.hero-product .lead{font-size:16px;margin-top:24px;line-height:1.9}.hero-service-signature{display:flex;align-items:center;gap:12px;font-size:11px;line-height:1.8;color:#b79d86;margin:22px 0 0}.hero-service-signature i{font-style:normal;color:#835b3d}.hero-product .hero-discover{margin-top:23px}.hero-education-link{display:inline-flex;align-items:center;gap:18px;padding:15px 0 0;font-size:12px;color:#d7b38d;min-height:44px}.hero-education-link span{color:#ffad66;font-size:18px}.hero-education-link:hover{color:#ffd6ac}.hero-showcase{border-radius:14px;background:linear-gradient(150deg,#29221c,#171513);border-color:#c09a6850;box-shadow:0 25px 75px #0004,inset 0 1px #ffd4a814}.hero-showcase .showcase-top{padding:18px 22px}.hero-showcase .concept-label{border:0;background:none;padding:0;font-size:10px;color:#b4a08a}.hero-showcase .showcase-top .micro{font-size:10px;letter-spacing:.1em}.hero-machine{aspect-ratio:16/9}.hero-machine img{object-fit:cover;object-position:center}.hero-machine .machine-caption{font-size:12px;bottom:18px;left:22px}.hero-view-controls button{padding:13px 7px;font-size:13px;min-height:49px}.hero-view-controls button span{font-size:11px;margin-right:6px}.hero-view-detail{min-height:94px;padding:17px 22px 12px;gap:18px;align-items:start}.hero-view-detail p{font-size:13px;line-height:1.85;margin:0}.hero-view-detail .text-action{font-size:12px;line-height:1.8;padding-top:0}.hero-concept-note{border-top:1px solid #c49d7620;padding:12px 22px 14px;font-size:10px;line-height:1.8;color:#9f8d7b}.hero-pathways button{min-height:86px;padding-top:18px;padding-bottom:18px}.hero-pathways button b{font-size:16px}.hero-pathways button>span{font-size:10px}.hero-pathways button i{top:28px}
@media(max-width:1050px){.lab-heading{padding:28px}.lab-open-label{align-self:start}.lab-panel{padding:24px;min-height:700px}.lab-workspace{grid-template-columns:minmax(0,1.1fr) minmax(250px,1fr);gap:16px}.mail-paper,.lab-analysis{padding:20px}.lab-tabs button{padding:20px}.lab-tabs b{font-size:17px}.lab-tabs i{right:17px;top:17px}.hero-product .hero-content{gap:28px}.hero-product h1{font-size:58px}.hero-view-detail{flex-direction:column;gap:9px;min-height:153px}.hero-view-detail .text-action{min-height:32px}.hero-machine{aspect-ratio:16/11}}
@media(max-width:850px){.lab-heading{flex-direction:column;align-items:start;gap:18px}.lab-open-label{font-size:11px;padding:6px 10px}.lab-workspace{grid-template-columns:minmax(0,1fr)}.lab-panel{min-height:0}.lab-tabs small{display:none}.lab-tabs b{font-size:16px}.lab-tabs button{padding:20px 15px}.lab-tabs button>span{font-size:9px}.lab-tabs i{display:none}.lab-analysis h4{margin-top:16px;font-size:23px}.mail-verdict{margin-top:20px}.lab-footer{flex-direction:column;align-items:start;gap:4px}.dd-workspace .lab-analysis{display:block}.lab-panel-toolbar{gap:16px;align-items:start}.lab-panel-toolbar p{font-size:13px}.lab-next{font-size:12px;padding:10px 12px}.hero-product .hero-content{gap:24px}.hero-product h1{font-size:50px}.hero-product .hero-actions{display:grid}.hero-product .hero-actions .button{font-size:13px}.hero-product .lead{font-size:15px}.hero-service-signature{gap:7px;font-size:10px}.hero-discover button{font-size:12px}.hero-showcase .showcase-top{padding:16px}.hero-view-detail{padding:16px;min-height:167px}.hero-concept-note{padding:12px 16px}.hero-view-controls button{font-size:12px}.hero-view-controls button span{display:none}}
@media(max-width:700px){.hero-product .hero-content{grid-template-columns:1fr;padding-top:36px;padding-bottom:28px;gap:27px}.hero-product h1{font-size:clamp(48px,12vw,68px)}.hero-product .hero-actions{display:flex}.hero-machine{aspect-ratio:16/9}.hero-product .lead{font-size:16px}.hero-view-detail{min-height:120px;gap:9px;padding:18px 18px 10px}.hero-view-detail p{font-size:13px}.hero-view-controls button span{display:inline-block}.hero-service-signature{font-size:11px;gap:12px}.hero-pathways button b{font-size:14px}.hero-pathways button{min-height:116px}.hero-product .hero-local{margin-bottom:20px}.hero-showcase .showcase-top{padding:16px 18px}.hero-concept-note{padding:12px 18px}}
@media(max-width:520px){.security-lab{margin-top:34px;border-radius:12px}.lab-heading{padding:26px 20px}.lab-heading h3{font-size:31px}.lab-heading p{font-size:14px}.lab-tabs button{padding:18px 10px}.lab-tabs b{font-size:13px;line-height:1.7}.lab-tabs button>span{font-size:8px;letter-spacing:0;margin-bottom:9px}.lab-panel{padding:20px 14px}.lab-panel-toolbar{flex-direction:column;gap:14px}.lab-panel-toolbar .lab-next{align-self:flex-end}.lab-panel-toolbar .dd-scenario-label{width:100%}.mail-paper{padding:21px 16px}.mail-paper h4{font-size:19px}.mail-signal{padding:12px}.mail-signal-label>span:last-child{font-size:9px}.mail-signal-value{font-size:13px}.lab-analysis{padding:21px 18px}.lab-footer{padding:18px}.lab-footer>div{gap:5px 20px}.chat-person{padding:18px}.chat-person small{font-size:10px}#chat-messages{padding:23px 18px 8px;min-height:230px}.chat-bubble{max-width:95%}.chat-bubble p{font-size:15px}.chat-choice-area{padding:12px 18px 22px}.chat-choice{font-size:13px}.dd-check{padding:16px 13px;grid-template-columns:18px 24px minmax(0,1fr);gap:10px}.dd-check b{font-size:15px}.dd-check small{font-size:12px}.hero-product .hero-actions .button{font-size:12px;padding:13px 9px}}
@media(prefers-reduced-motion:reduce){.security-lab *{transition:none!important}}
/* Familiar inbox and reading pane. All interactions stay inside the lesson. */
.mail-workspace{display:grid;gap:20px;min-width:0}
.mail-client{background:#fffdfa;color:#302f2d;border:1px solid #c8c2b9;border-radius:12px;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;box-shadow:0 14px 38px #0003}
.mail-appbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;background:#342b24;color:#fff2e4;border-bottom:1px solid #665240}
.mail-app-brand{display:flex;align-items:center;gap:11px}.mail-app-brand>svg{width:25px;height:25px;fill:none;stroke:#ffb472;stroke-width:1.5}.mail-app-brand b{font-size:14px;letter-spacing:.06em}.mail-app-brand b span{font-size:10px;font-weight:400;letter-spacing:.15em;color:#d2ba9f;margin-left:12px}.mail-training-label{font-size:11px;border:1px solid #a37e5966;border-radius:4px;padding:5px 9px;color:#ecc59c;white-space:nowrap}
.mail-commandbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 20px;border-bottom:1px solid #d7d2c9;background:#f3f0eb;min-height:58px}.mail-inbox-label{display:flex;align-items:center;gap:9px;font-size:13px}.mail-inbox-label svg{width:19px;height:19px;fill:none;stroke:#84532c;stroke-width:1.5}.mail-inbox-label b{font-weight:600}.mail-inbox-label>span{font-size:11px;color:#6c655d;margin-left:7px}.mail-commandbar button{background:#fffdfa;border:1px solid #baa58f;border-radius:5px;color:#734117;font-size:12px;line-height:1.5;min-height:36px;padding:7px 11px;cursor:pointer}.mail-commandbar button:hover{background:#f7e7d7}.mail-commandbar button[aria-pressed=false]{color:#5e5a54;border-color:#c7c0b6}
.mail-client-body{display:grid;grid-template-columns:minmax(210px,26%) minmax(0,1fr);min-height:610px}.mail-message-list{min-width:0;border-right:1px solid #d4cfc7;background:#f6f4f0}.mail-list-heading{display:flex;justify-content:space-between;gap:10px;padding:19px 18px 14px;font-size:12px;color:#423d37;border-bottom:1px solid #e0dad2}.mail-list-heading small{font-size:10px;color:#766e64}.mail-message{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #dfd9d1;border-left:3px solid transparent;background:transparent;padding:19px 17px 20px 15px;cursor:pointer;min-height:132px;color:#3e3b36;transition:background .15s}.mail-message:hover{background:#eee9e1}.mail-message[aria-current=true]{background:#f7e7d4;border-left-color:#a45418}.mail-message-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.mail-message-meta b{font-size:13px;font-weight:650;overflow-wrap:anywhere}.mail-message-meta small{font-size:10px;color:#756653;flex:none}.mail-message-subject{display:block;font-size:12px;font-weight:600;line-height:1.7;margin-bottom:5px;overflow-wrap:anywhere}.mail-message-preview{display:block;font-size:11px;line-height:1.6;color:#72695f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-list-note{font-size:11px;line-height:1.9!important;color:#817467!important;margin:24px 20px!important}
.mail-reading-pane{min-width:0;background:#fffdfa;display:flex;flex-direction:column}.mail-reading-top{display:flex;justify-content:space-between;padding:19px 28px 0;color:#807263;font-size:10px;letter-spacing:.04em}.mail-reading-top #mail-count{font-family:ui-monospace,monospace}.mail-client .mail-paper{padding:20px 28px 26px;flex:1}.mail-client .mail-paper h4{font-size:21px;line-height:1.55;color:#292622;margin:0 0 23px;font-weight:650;overflow-wrap:anywhere;letter-spacing:0}.mail-sender-row{display:flex;align-items:center;gap:12px;padding-bottom:19px;border-bottom:1px solid #e3ded7}.mail-sender-avatar{flex:none;display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#eadccb;color:#784216;font-size:13px;font-weight:600}.mail-sender-text{min-width:0;flex:1}.mail-recipient{display:block;font-size:11px;line-height:1.7;color:#787168;overflow-wrap:anywhere;margin-top:3px}.mail-sent-time{align-self:start;white-space:nowrap;color:#81766a;font-size:10px;padding-top:9px}.mail-client .mail-sender-details{padding:14px 17px;background:#f3eee6;border:1px solid #d6c9b8;border-radius:6px;margin:10px 0 0}.mail-sender-details[hidden]{display:none}.mail-sender-details b,.mail-sender-details span,.mail-sender-details small{display:block;overflow-wrap:anywhere}.mail-sender-details b{font-size:11px;color:#746452;font-weight:500}.mail-sender-details span{font-size:13px;line-height:1.8;color:#403329;margin:5px 0}.mail-sender-details small{font-size:11px;color:#766958;line-height:1.7}
.mail-message-body{padding-top:21px;font-size:14px;line-height:1.9;color:#34302b}.mail-message-body>p{font-size:14px;line-height:1.9;color:#34302b;margin:0 0 16px}.mail-client .mail-hotspot{color:#35312c;font-size:14px;line-height:1.9;border:1px solid transparent;cursor:pointer;border-radius:4px;background:transparent;text-align:left;overflow-wrap:anywhere;max-width:100%;transition:background .15s,border-color .15s;position:relative;min-height:40px}.mail-hotspot-number{display:inline-grid;place-items:center;width:18px;height:18px;font:10px/1 ui-monospace,monospace;color:#92551f;border:1px solid #d1ac86;border-radius:50%;margin-left:8px;vertical-align:middle}.mail-client .mail-hotspot[data-visited=true] .mail-hotspot-number{background:#97531d;color:#fff8ef;border-color:#97531d}.mail-client[data-hints=false] .mail-hotspot-number{visibility:hidden}.mail-client[data-hints=true] .mail-body-signal{background:#f8f0e5;border-bottom:1px dashed #be9060}.mail-client .mail-hotspot:hover,.mail-client .mail-hotspot[aria-pressed=true]{background:#f9e3c9;border-color:#b67d42}.mail-client .mail-sender-button{font-size:14px;font-weight:600;padding:1px 6px;margin-left:-6px;min-height:32px}.mail-body-signal{display:block;width:fit-content;padding:5px 8px;margin:0 0 14px -9px}.mail-client .mail-link-signal{display:block;color:#995010;text-decoration:underline;text-underline-offset:4px;font-weight:600;padding:7px 9px;margin:5px 0 15px -10px}.mail-client .mail-attachment-signal{display:grid;grid-template-columns:33px minmax(0,1fr) 18px;column-gap:10px;align-items:center;padding:12px 14px;border:1px solid #d7c9b7;background:#f9f5ef;margin:8px 0 17px;max-width:100%;font-size:13px;min-height:67px}.mail-file-icon{grid-row:1/3;border:1px solid #c99b73;border-radius:3px;color:#935629;font-size:9px;line-height:34px;text-align:center}.mail-attachment-signal small{grid-column:2/4;color:#81705e;font-size:10px;line-height:1.6}.mail-attachment-signal .mail-hotspot-number{margin-left:0}.mail-message-body .mail-signoff{margin:23px 0 0;font-size:13px}.mail-message-body .mail-signature{color:#7c6e5f;font-size:12px;margin-bottom:0}
.mail-inspector{display:flex;align-items:start;gap:10px;padding:15px 26px;border-top:1px solid #dfd4c7;background:#f4eee5;min-height:86px}.mail-inspector svg{flex:none;width:17px;height:17px;fill:none;stroke:#94642f;stroke-width:1.5;margin-top:2px}.mail-inspector>div{min-width:0}.mail-inspector b{display:block;color:#805125;font-size:11px;font-weight:600}.mail-inspector p{font-size:12px;line-height:1.75;color:#62503e;margin:6px 0 0;overflow-wrap:anywhere}.mail-client-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px;background:#eae5dd;border-top:1px solid #d2c9bc;font-size:10px;line-height:1.7;color:#726657}.mail-list-toggle{display:none}
.mail-learning-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;padding:26px 28px}.mail-lesson-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.mail-progress-dots{display:flex;gap:6px;flex:none}.mail-progress-dots i{width:6px;height:6px;border-radius:50%;background:#74604c}.mail-progress-dots i[data-complete=true]{background:#ffc68c}.mail-learning-panel h4{font-size:22px;margin:21px 0 12px}.mail-learning-panel .mail-verdict{border-top:0;border-left:1px solid #ad8c6938;margin:0;padding:0 0 0 28px}.mail-learning-panel .mail-verdict>button{display:flex;align-items:center;justify-content:space-between;gap:8px}.mail-verdict>button>span{color:#eab783}.mail-learning-panel .mail-verdict>p{font-size:12px;margin:0 0 11px}.mail-learning-panel #mail-result h4{font-size:17px}.mail-lesson #mail-explanation{min-height:160px}
@media(max-width:1050px){.mail-client-body{grid-template-columns:225px minmax(0,1fr)}.mail-client .mail-paper{padding:20px 23px 24px}.mail-reading-top{padding:18px 23px 0}.mail-sent-time{display:none}.mail-client .mail-paper h4{font-size:19px}.mail-learning-panel{gap:22px;padding:24px}.mail-learning-panel .mail-verdict{padding-left:22px}}
@media(max-width:700px){.mail-client-body{display:block;min-height:0}.mail-message-list{display:none;border-right:0;border-bottom:1px solid #d4cfc7}.mail-client[data-list-open=true] .mail-message-list{display:block}.mail-list-toggle{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:12px 18px;min-height:45px;text-align:left;border:0;border-bottom:1px solid #d8cabc;background:#ede4d8;color:#77502b;font-size:12px;cursor:pointer}.mail-list-toggle[aria-expanded=true]>span{transform:rotate(180deg)}.mail-message{padding:13px 18px 14px 15px;min-height:0}.mail-message-subject{margin-bottom:0}.mail-message-preview,.mail-list-note,.mail-list-heading{display:none}.mail-message-meta{margin-bottom:4px}.mail-appbar{padding:14px 18px}.mail-commandbar{padding:8px 15px}.mail-inbox-label>span{display:none}.mail-client .mail-paper{padding:19px 21px 24px;min-height:475px}.mail-reading-top{padding:17px 21px 0}.mail-inspector{padding:15px 21px;min-height:94px}.mail-client-footer{display:block;padding:12px 18px}.mail-client-footer>span{display:block}.mail-learning-panel{display:block}.mail-learning-panel .mail-verdict{border-left:0;border-top:1px solid #ad8c6938;margin-top:22px;padding:22px 0 0}.mail-lesson #mail-explanation{min-height:0}}
@media(max-width:420px){.mail-app-brand b span{margin-left:6px;font-size:8px}.mail-app-brand{gap:8px}.mail-training-label{font-size:10px;padding:4px 7px}.mail-client .mail-paper{padding:18px 17px 23px}.mail-reading-top{padding:16px 17px 0}.mail-sender-row{gap:9px}.mail-sender-avatar{width:32px;height:32px;font-size:11px}.mail-recipient{font-size:10px}.mail-client .mail-paper h4{font-size:18px}.mail-client .mail-hotspot,.mail-message-body>p{font-size:13px}.mail-learning-panel{padding:23px 18px}.mail-lesson-heading .micro{font-size:10px}.mail-client .mail-attachment-signal{font-size:11px;padding:10px;column-gap:7px}}