/* Teacher workshop only. Native details keep categories keyboard accessible. */
#teacher .teacher-workshop{color:#493763}
#teacher .teacher-welcome{position:static;z-index:auto;display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:24px;padding:32px;border:2px solid #fff;border-radius:30px;background:linear-gradient(120deg,#eee4fc,#e2f5ee);box-shadow:0 8px 24px #6540b510}
#teacher .teacher-eyebrow{font-size:13px;font-weight:800;letter-spacing:1px;color:#7353a2}
#teacher h1{font-size:clamp(28px,3.5vw,42px);line-height:1.2;color:#6540b5;margin:12px 0 16px;overflow-wrap:anywhere}
#teacher .teacher-welcome p{font-size:18px;line-height:1.75;margin:0;max-width:720px}
#teacher .teacher-welcome img{display:block;width:100%;max-width:180px;height:auto;object-fit:contain;background:transparent;justify-self:center}
#teacher .teacher-category-heading{margin:30px 0 18px}
#teacher h2{font-size:27px;color:#6540b5;margin:0 0 8px}
#teacher .teacher-category-heading p{margin:0;line-height:1.6}
#teacher .teacher-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px}
#teacher .teacher-category{min-width:0;border:2px solid #fff;border-radius:24px;background:#eee5fb;box-shadow:0 5px 15px #6540b50c;overflow:hidden}
#teacher .teacher-tone-1{background:#e1f3ec}#teacher .teacher-tone-2{background:#fff2cd}#teacher .teacher-tone-3{background:#ffe8dc}
#teacher .teacher-categories>.teacher-category>summary{display:flex;align-items:center;gap:14px;min-height:126px;padding:22px;cursor:pointer;list-style:none}
#teacher .teacher-categories>.teacher-category>summary::-webkit-details-marker{display:none}
#teacher .teacher-categories>.teacher-category>summary:focus-visible{outline:3px solid #6540b5;outline-offset:-5px;border-radius:22px}
#teacher .teacher-categories>.teacher-category>summary:hover{background:#ffffff38}
#teacher .teacher-category-icon{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#ffffffaa;color:#6540b5;font-size:30px}
#teacher .teacher-category-title{display:block;font-size:21px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}
#teacher .teacher-category-subtitle{display:block;font-size:15px;line-height:1.6;margin-top:6px}
#teacher .teacher-chevron{margin-left:auto;font-size:25px;flex:none}
#teacher .teacher-categories>.teacher-category[open]>summary>.teacher-chevron{transform:rotate(180deg)}
#teacher .teacher-category-content{border-top:1px solid #6540b51c;padding:0 22px 22px;line-height:1.75;background:#ffffff55}
#teacher h3{font-size:19px;margin:18px 0 10px}
#teacher ul{padding-left:22px;margin:0 0 16px}
#teacher .teacher-coming{padding:12px 14px;background:#ffffffab;border-radius:14px;font-size:15px;margin:0}
@media(min-width:1100px){#teacher .teacher-categories>.teacher-category>summary{padding:18px;gap:10px}#teacher .teacher-category-title{font-size:20px}}
@media(max-width:600px){#teacher .teacher-welcome{grid-template-columns:1fr;padding:24px 20px;gap:18px}#teacher .teacher-welcome img{max-width:125px}#teacher .teacher-welcome p{font-size:17px}#teacher .teacher-categories{grid-template-columns:1fr;gap:14px}#teacher .teacher-categories>.teacher-category>summary{min-height:110px;padding:20px}#teacher .teacher-category-heading{margin-top:26px}}

/* Colorful category illustrations, scoped to teacher cards. */
#teacher .teacher-category-icon{display:block;width:84px;height:84px;flex:0 0 84px;border-radius:0;background:transparent;object-fit:contain}
#teacher .teacher-categories>.teacher-category>summary>span:not(.teacher-chevron){min-width:0}
@media(min-width:1100px){#teacher .teacher-categories>.teacher-category>summary{flex-wrap:wrap;position:relative;padding:20px;padding-right:35px;gap:14px}#teacher .teacher-categories>.teacher-category>summary>span:not(.teacher-chevron){flex:1 1 130px}#teacher .teacher-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%)}#teacher .teacher-categories>.teacher-category[open]>summary>.teacher-chevron{transform:translateY(-50%) rotate(180deg)}}
@media(max-width:600px){#teacher .teacher-category-icon{width:76px;height:76px;flex-basis:76px}#teacher .teacher-categories>.teacher-category>summary{gap:12px;min-height:122px;padding:18px 16px}#teacher .teacher-category-title{font-size:20px}}

/* Coloring materials only. */

#teacher .teacher-coloring-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}
#teacher .teacher-coloring-card{min-width:0;padding:15px;background:#fff;border-radius:20px;border:1px solid #e3d5f3}
#teacher .teacher-coloring-card>img{display:block;width:100%;height:230px;object-fit:contain;background:white}
#teacher .teacher-coloring-card h4{font-size:18px;margin:14px 0 5px}#teacher .teacher-coloring-card p{font-size:14px;margin:0 0 12px}
#teacher .teacher-coloring-actions{display:flex;flex-wrap:wrap;gap:8px}
#teacher .teacher-coloring-actions button,#teacher .teacher-coloring-actions a,#teacher .teacher-material-action{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:10px 13px;border:0;border-radius:13px;background:#eee5fb;color:#58358a;font-size:15px;font-weight:750;text-decoration:none;line-height:1.4}
#teacher .teacher-material-action{background:#6540b5;color:white}
#teacherColoringPreview{width:min(850px,94vw);max-height:92vh;padding:18px;border:2px solid #e7d9f8;border-radius:22px;background:#faf6ff;color:#58358a}
#teacherColoringPreview::backdrop{background:#26153e99}#teacherColoringPreview .teacher-preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px}#teacherColoringPreview h2{font-size:21px;margin:0 0 12px}#teacherColoringPreview button{min-height:44px;padding:10px 18px;border:0;border-radius:12px;background:#6540b5;color:white}#teacherColoringPreview img{display:block;width:100%;max-height:73vh;object-fit:contain;background:white}
@media(max-width:800px){#teacher .teacher-coloring-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){#teacher .teacher-coloring-grid{grid-template-columns:1fr}}
@page teacherColoringA4{size:A4 portrait;margin:10mm}
@media print{body.teacher-coloring-print #printSheet{page:teacherColoringA4;padding:0!important;margin:0!important;display:block!important}body.teacher-coloring-print #printSheet img{display:block;width:190mm;height:276mm;object-fit:contain;margin:0;break-inside:avoid}body.teacher-coloring-print #teacherColoringPreview{display:none!important}}

/* Workshop menu: exactly two columns; only direct category headers are styled. */
#teacher .teacher-categories{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;align-items:start;gap:20px}
#teacher .teacher-categories>.teacher-category{grid-column:auto;min-width:0;max-width:100%;align-self:start}
#teacher .teacher-categories>.teacher-category>summary{display:grid;grid-template-columns:84px minmax(0,1fr) 20px;align-items:center;gap:12px;height:190px;min-height:190px;padding:20px;position:relative;flex-wrap:nowrap}
#teacher .teacher-categories>.teacher-category>summary>span:not(.teacher-chevron){min-width:0;max-width:100%;text-align:center}
#teacher .teacher-categories>.teacher-category>summary .teacher-category-title{font-size:20px;line-height:1.4;text-align:center}
#teacher .teacher-categories>.teacher-category>summary .teacher-category-subtitle{font-size:15px;line-height:1.5;text-align:center}
#teacher .teacher-categories>.teacher-category>summary>.teacher-category-icon{width:84px;height:84px;max-width:100%;object-fit:contain;justify-self:center}
#teacher .teacher-categories>.teacher-category>summary>.teacher-chevron{position:static;right:auto;top:auto;margin:0;justify-self:center;transform:none;line-height:1}
#teacher .teacher-categories>.teacher-category[open]>summary>.teacher-chevron{transform:rotate(180deg)}
#teacher .teacher-categories>.teacher-category>.teacher-category-content{position:static;float:none;width:100%;max-width:100%;min-width:0;container-name:teacherPanel;container-type:inline-size}
/* Activity layouts respond to their panel width, without changing game behavior. */
@container teacherPanel (max-width:600px){
 #teacher #teacher-boyama .teacher-coloring-grid,#teacher #teacher-pano .teacher-pano-grid,#teacher #teacher-pano .teacher-pano-group:nth-of-type(3) .teacher-pano-grid{grid-template-columns:1fr}
 #teacher #teacherWordSearch .word-search-layout,#teacher #teacherMatching .matching-columns,#teacher #teacherMatching .matching-levels,#teacher #teacher-calisma-kagitlari .safety-material-card,#teacher #teacherSafetySheet .safety-identity{grid-template-columns:1fr}
 #teacher #teacherWordSearch #wordSearchWords{grid-template-columns:repeat(2,minmax(0,1fr))}
 #teacher #teacherWordSearch .ws-cell{font-size:clamp(12px,4cqi,22px)}
 #teacher #teacherWordSearch{padding:12px}
 #teacher #wordSearchGrid{padding:4px;gap:2px}
 #teacher #teacherMatching .matching-workshop{padding:16px 12px}
 #teacher #teacherMatching .matching-mobile-nav{display:flex;position:sticky;top:88px;z-index:2;gap:8px;padding:8px;background:#fbf6ffed;border:1px solid #e1d2ef;border-radius:14px;margin-bottom:18px}
 #teacher #teacherMatching .matching-mobile-nav button{flex:1;min-width:0;font-size:14px;padding:10px 8px}
 #teacher #teacher-calisma-kagitlari .safety-mini{justify-self:center}
 #teacher #teacherSafetySheet .safety-paper{padding:16px 12px}
}
@media(max-width:700px){
 #teacher .teacher-categories{grid-template-columns:1fr;gap:16px}
 #teacher .teacher-categories>.teacher-category>summary{grid-template-columns:76px minmax(0,1fr) 20px;height:auto;min-height:150px;padding:18px 16px}
 #teacher .teacher-categories>.teacher-category>summary>.teacher-category-icon{width:76px;height:76px}
 #teacher .teacher-categories>.teacher-category>summary .teacher-category-title{font-size:20px}
}