.phishing-lesson{--mint:#e5f7ef;--yellow:#fff3c9;--rose:#ffe7eb;--lav:#eee9ff}.phishing-lesson .ds-kicker{color:#15765f}.messenger-card{max-width:620px;margin:1rem auto;padding:1rem;border:1px solid #d7e0eb;border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(16,33,60,.08)}.message-head{display:flex;align-items:center;gap:.7rem}.message-head>span{display:grid;width:46px;height:46px;place-items:center;border-radius:50%;background:#eef3f8;font-size:1.5rem}.message-head small{display:block;color:#65728a}.message-bubble{margin:1rem 0;padding:1rem;border-radius:4px 18px 18px;background:#e7f7df}.message-bubble code,.story-message code{display:block;margin:.6rem 0;padding:.5rem;border-radius:8px;background:#fff;color:#a12b42}.fake-link-button{display:inline-block;padding:.55rem .8rem;border-radius:9px;color:#fff;background:#1976bc;font-weight:850}.decision-card,.safe-reaction{display:grid;gap:.45rem;margin-top:1rem;padding:1rem;border:1px solid #dce3ee;border-radius:16px;background:#fff}.decision-card legend,.safe-reaction legend{font-weight:900}.decision-card label,.safe-reaction label{padding:.55rem;border-radius:9px;background:#f5f7fb}.decision-card button,.safe-reaction button{justify-self:start}.info-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.info-columns article,.explanation-card{padding:1rem;border-radius:18px;background:#fff}.info-columns p:first-child{margin-top:0}.info-columns p:last-child{margin-bottom:0}.term-card{margin:1rem 0;padding:1rem;border-left:5px solid #15765f;border-radius:0 16px 16px 0;background:var(--mint)}.term-card strong{font-size:1.25rem}.term-card p{margin:.3rem 0}.multi-check{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem;padding:1rem;border-radius:18px;background:#eef1ff}.multi-check h2,.multi-check button,.multi-check output{grid-column:1/-1}.multi-check h2{margin:0;font-size:1.05rem}.multi-check label{padding:.55rem;border-radius:9px;background:#fff}.multi-check button{justify-self:start}.expert-box{margin-top:1rem;border:1px solid #cad4e2;border-radius:13px;background:#fff}.expert-box summary{padding:.8rem 1rem;cursor:pointer;color:#4d4383;font-weight:900}.expert-box p{margin:0;padding:0 1rem 1rem;color:#46536a}.warning-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem}.warning-grid article{padding:.75rem;border-radius:14px;background:#fff}.warning-grid span{display:block;font-size:1.4rem}.warning-grid b,.warning-grid small{display:block}.warning-grid small{margin-top:.25rem;color:#606d80}.caution-line{padding:.65rem .8rem;border-radius:10px;background:var(--yellow);font-weight:800}.mail-card{max-width:820px;margin:1rem auto;padding:1rem;border:1px solid #cfd8e5;border-radius:16px;background:#fff;box-shadow:0 10px 25px rgba(16,33,60,.06)}.mail-card header{display:grid;gap:.3rem;padding-bottom:.7rem;border-bottom:1px solid #dce3ee}.mark-spot{display:inline;padding:.1rem .25rem;border:1px dashed #ca6a7a;border-radius:5px;background:#fff5f6;color:inherit;cursor:pointer;font:inherit}.mark-spot:hover,.mark-spot:focus{background:#ffe7eb}.mark-spot.is-marked{border-style:solid;background:#ffd1da;font-weight:800}.link-spot{font-family:ui-monospace,monospace;color:#a1253d}.mark-explanation{display:block;min-height:2.7em;padding:.65rem .8rem;border-radius:10px;background:#eef3f8}.trick-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1rem 0}.trick-cards article{padding:1rem;border-radius:18px;text-align:center}.trick-cards article:nth-child(1){background:var(--rose)}.trick-cards article:nth-child(2){background:var(--yellow)}.trick-cards article:nth-child(3){background:var(--mint)}.trick-cards span{font-size:2rem}.trick-cards h2{margin:.3rem 0}.assignment-row{display:grid;grid-template-columns:1fr 190px;gap:.6rem;align-items:center;padding:.65rem;border:1px solid #dce3ee;border-radius:10px;background:#fff}.assignment-row select{min-height:40px}.assignment-row.is-correct{border-color:#43a65d;background:#effaf2}.assignment-row.is-wrong{border-color:#d75a70;background:#fff1f3}.story-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem;margin-top:1rem}.story-message{padding:1rem;border-radius:18px;background:#e7f0ff}.story-message>span{font-weight:900}.story-stage{min-height:280px;padding:1rem;border-radius:18px;background:#fff}.story-stage h2{margin-top:0}.story-options{display:grid;gap:.55rem}.story-options button{min-height:48px;padding:.7rem;border:1px solid #c6d0de;border-radius:10px;background:#f7f9fc;cursor:pointer;text-align:left;font-weight:800}.story-options button:hover{border-color:#1976bc;background:#eef7ff}.story-feedback{padding:.75rem;border-radius:10px;background:#fff3c9}.fake-login{display:grid;gap:.45rem;margin:.7rem 0;padding:.8rem;border:2px solid #d75a70;border-radius:12px;background:#fff5f6}.fake-login input{padding:.55rem;border:1px solid #c6d0de;border-radius:8px}.privacy-note{padding:.65rem;border-radius:10px;background:#eef3f8;color:#526075}.response-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem}.response-steps article{padding:1rem;border-radius:16px;background:#fff}.response-steps b{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:#fff;background:#15765f}.response-steps h2{font-size:1rem}.response-steps p{font-size:.9rem}.priority-task{margin-top:1rem;padding:1rem;border-radius:18px;background:#eef1ff}.priority-task h2{margin-top:0}.response-row{display:grid;grid-template-columns:1fr 190px;gap:.55rem;align-items:center;margin:.4rem 0;padding:.55rem;border-radius:9px;background:#fff}.response-row select{min-height:40px}.response-row.is-correct{outline:2px solid #43a65d}.response-row.is-wrong{outline:2px solid #d75a70}.click-only{margin-top:1rem;padding:1rem;border-left:5px solid #e1a51e;border-radius:0 14px 14px 0;background:var(--yellow)}.click-only p{margin:.35rem 0}.safety-quiz{display:grid;gap:.7rem;margin:1rem 0}.safety-item{padding:1rem;border:1px solid #dce3ee;border-radius:16px;background:#fff}.safety-item h2{margin:0 0 .4rem;font-size:1rem}.safety-item p{margin:.3rem 0 .7rem}.safety-item label{display:block;margin:.35rem 0;padding:.45rem;border-radius:8px;background:#f5f7fb}.safety-item.is-correct{border-color:#43a65d;background:#effaf2}.safety-item.is-wrong{border-color:#d75a70;background:#fff1f3}.item-feedback{display:block;min-height:1.2em;margin-top:.4rem;font-size:.84rem;font-weight:750}.final-rules{margin-top:1rem;padding:1.2rem;border-radius:20px;color:#fff;background:linear-gradient(135deg,#14765e,#1976bc)}.final-rules>strong{font-size:1.5rem}.final-rules li+li{margin-top:.35rem}.final-rules p{margin-bottom:0}.phishing-card{border-top-color:#db8d27;background:linear-gradient(145deg,#fff,#fff5dc)}
@media(max-width:900px){.warning-grid{grid-template-columns:repeat(3,1fr)}.response-steps{grid-template-columns:repeat(2,1fr)}.story-layout{grid-template-columns:1fr}.info-columns{grid-template-columns:1fr}}
@media(max-width:600px){.warning-grid,.trick-cards,.response-steps,.multi-check{grid-template-columns:1fr}.multi-check h2,.multi-check button,.multi-check output{grid-column:auto}.assignment-row,.response-row{grid-template-columns:1fr}.action-row{flex-direction:column;align-items:stretch}}