/* Digital Safety Detective worksheet only. */

#teacher .safety-materials{display:grid;gap:18px;margin-top:20px}
#teacher .safety-material-card{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:24px;padding:22px;background:linear-gradient(120deg,#fff3d9,#eee6fc);border:2px solid white;border-radius:24px}
#teacher .safety-material-copy{min-width:0}#teacher .safety-material-copy h4{font-size:25px;line-height:1.4;color:#6540b5;margin:8px 0 12px}#teacher .safety-material-copy p{font-size:17px;line-height:1.7}
#teacher .safety-tag{font-size:14px;font-weight:750;color:#725096}
#teacher .safety-mini{aspect-ratio:210/297;max-width:180px;width:100%;padding:12px;background:white;border:1px solid #d9e2d8;box-shadow:0 5px 13px #6540b51c;border-radius:5px;text-align:center;color:#42524a;overflow:hidden;line-height:1.3}
#teacher .safety-mini>span{display:block;font-size:8px}#teacher .safety-mini>strong{display:block;font-size:15px;margin:8px 0 4px;color:#6540b5}#teacher .safety-mini>small{font-size:8px;display:block}
#teacher .safety-mini-rows{margin:10px 0;display:grid;gap:5px}#teacher .safety-mini-rows i{display:flex;align-items:center;gap:6px;padding:4px;background:#eaf6ef;border-radius:4px}#teacher .safety-mini-rows b{height:3px;background:#b5c9c0;flex:1}#teacher .safety-mini-rows em{font-size:10px;font-style:normal;line-height:1}#teacher .safety-mini-lines{height:20px;margin-top:5px;background:repeating-linear-gradient(white 0 6px,#b6c9be 6px 7px)}
#teacher .safety-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
#teacher .safety-actions button,#teacherSafetySheet button{min-height:48px;padding:12px 17px;border:0;border-radius:14px;font-size:16px;font-weight:750;background:#6540b5;color:white;line-height:1.4}
#teacher .safety-actions button:nth-child(2){background:#e4d7f6;color:#543480}#teacher .safety-actions button:nth-child(3){background:#e0f1e8;color:#2d614a}
#teacherSafetySheet{margin-top:24px;border:2px solid white;border-radius:22px;background:#f2ecfa;overflow:hidden}
#teacher #teacherSafetySheet>summary,#teacher #safetyTeacherKey>summary{display:list-item;list-style:disclosure-closed;padding:18px 20px;min-height:60px;font-size:19px;font-weight:800;color:#6540b5;cursor:pointer}
#teacher #teacherSafetySheet[open]>summary,#teacher #safetyTeacherKey[open]>summary{list-style:disclosure-open}
#teacher #teacherSafetySheet summary::-webkit-details-marker{display:inline}
#teacherSafetySheet .safety-paper{max-width:794px;margin:0 auto;padding:26px;background:white;color:#34493e;line-height:1.65;box-shadow:0 6px 18px #6540b50c}
#teacherSafetySheet .safety-paper-head{text-align:center;padding:18px;border-radius:19px;background:linear-gradient(120deg,#e5f4eb,#f5efff)}
#teacherSafetySheet .safety-paper-head>span{font-size:14px;font-weight:800;color:#65517e}
#teacherSafetySheet .safety-paper-head h4{font-size:clamp(25px,3vw,34px);line-height:1.25;color:#6540b5;margin:9px 0}
#teacherSafetySheet .safety-paper-head p{font-size:20px;margin:0;font-weight:700}
#teacherSafetySheet .safety-symbols{display:flex;justify-content:center;gap:12px;margin:14px 0}
#teacherSafetySheet .safety-symbols svg{width:40px;height:40px;filter:drop-shadow(0 3px 1px #6540b522)}
#teacherSafetySheet .safety-identity{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:12px;margin:22px 0}
#teacherSafetySheet .safety-identity label{font-size:15px;font-weight:750;min-width:0}
#teacherSafetySheet .safety-identity input{display:block;width:100%;min-width:0;min-height:46px;border:1px solid #c9d8d0;border-radius:11px;font:inherit;background:#f8fbf9;color:#34493e;padding:9px}
#teacherSafetySheet .safety-instruction{font-size:17px;margin:18px 0}
#teacherSafetySheet .safety-questions{display:grid;gap:15px}
#teacherSafetySheet .safety-question{min-width:0;margin:0;padding:20px;border:2px solid #d4e8dc;border-radius:17px;background:#f0f9f4}
#teacherSafetySheet .safety-question:nth-child(4n+2){background:#fff9e9;border-color:#eadfbf}#teacherSafetySheet .safety-question:nth-child(4n+3){background:#f4effb;border-color:#e2d5f3}#teacherSafetySheet .safety-question:nth-child(4n+4){background:#fff1e9;border-color:#f0dacb}
#teacherSafetySheet .safety-question-title{max-width:100%;font-size:17px;font-weight:700;line-height:1.65;margin:0 0 14px;padding:0;overflow-wrap:anywhere}
#teacherSafetySheet .safety-options{display:flex;flex-wrap:wrap;gap:12px}
#teacherSafetySheet .safety-options label{display:flex;align-items:center;gap:9px;min-height:46px;padding:8px 15px;border-radius:12px;background:#ffffffbb;cursor:pointer;font-size:17px}
#teacherSafetySheet .safety-options input{width:22px;height:22px;accent-color:#6540b5;margin:0}
#teacherSafetySheet .safety-feedback{font-size:16px;line-height:1.7;margin:12px 0 0;padding:10px 12px;background:#fff;border-radius:10px}
#teacherSafetySheet .safety-question.safety-correct{border-color:#39815b;background:#e3f4e9}#teacherSafetySheet .safety-correct .safety-feedback{color:#245b3d}
#teacherSafetySheet .safety-question.safety-revisit{border-color:#b08a30;background:#fff4d7}#teacherSafetySheet .safety-revisit .safety-feedback{color:#674d1a}
#teacherSafetySheet .safety-reflection{margin-top:24px;padding:18px;background:#fff5d9;border-radius:18px}
#teacherSafetySheet .safety-reflection h5{font-size:23px;color:#6540b5;margin:0 0 8px}#teacherSafetySheet .safety-reflection p{font-size:17px;margin:0 0 12px}
#teacherSafetySheet .safety-reflection label{display:flex;align-items:start;gap:12px;margin-top:10px}
#teacherSafetySheet .safety-reflection label>span{font-size:19px;font-weight:800}
#teacherSafetySheet textarea{resize:vertical;width:100%;min-width:0;min-height:70px;max-height:240px;border:1px solid #d9cda8;border-radius:10px;padding:10px;font:inherit;color:#34493e;background:white}
#teacherSafetySheet .safety-privacy{font-size:14px;line-height:1.6;color:#645576;margin:20px 0}
#teacherSafetySheet #safetyResult{font-size:18px;font-weight:800;min-height:1.6em;color:#4d3470}
#teacherSafetySheet #safetyTeacherKey{margin-top:22px;padding:0 16px 18px;background:#efe7fa;border-radius:17px}
#teacher #safetyTeacherKey>summary{padding:14px 0;min-height:54px;font-size:18px}
#teacherSafetySheet #safetyKeyList{padding:0;list-style:none}
#teacherSafetySheet #safetyKeyList li{margin:0 0 12px;padding:12px;background:#fff;border-radius:12px;font-size:16px}
#teacherSafetySheet #safetyKeyList strong{display:block;color:#6540b5;margin-bottom:5px}
#teacherSafetySheet [hidden]{display:none!important}
#teacherSafetySheet :is(input,textarea,button,summary):focus-visible{outline:3px solid #6540b5;outline-offset:3px}
#teacher .safety-future-note{font-size:15px;margin-top:20px;line-height:1.7}
#safetyTitle,#safetyTeacherKey{scroll-margin-top:110px}
@media(max-width:650px){#teacher .safety-material-card{grid-template-columns:1fr;padding:18px;gap:18px}#teacher .safety-mini{justify-self:center;max-width:160px}#teacherSafetySheet .safety-paper{padding:16px 12px}#teacherSafetySheet .safety-identity{grid-template-columns:1fr}#teacherSafetySheet .safety-question{padding:17px 14px}#teacherSafetySheet .safety-question-title{font-size:16px}#teacher .safety-actions button{flex:1 1 150px}#teacherSafetySheet .safety-paper-head{padding:15px 10px}}
@media(prefers-reduced-motion:reduce){#teacherSafetySheet *,#teacher .safety-material-card *{transition:none!important;animation:none!important}}