/* Sınıf Öğretmeni Merkezi — B Studio 1.20.0. Component-scoped; site chrome remains untouched. */
.som-root.som-studio{--st-ink:#292942;--st-muted:#858295;--st-purple:#423365;--st-coral:#ffa68e;--st-lav:#ebe7f8;--st-cream:#faf8f5;max-width:1340px;padding:24px 13px 65px;margin:0 auto;color:var(--st-ink);font-family:Manrope,'Segoe UI',system-ui,sans-serif}
.som-studio .som-st-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 26px}
.som-studio .som-st-eyebrow{color:#8b70c6;font-size:10px;font-weight:850;letter-spacing:2.15px;text-transform:uppercase;display:block}
.som-studio .som-st-intro h1{font-size:clamp(27px,3vw,40px)!important;line-height:1.16!important;letter-spacing:-1.45px;margin:9px 0 8px!important;font-weight:800;color:var(--st-ink)!important}
.som-studio .som-st-intro p{color:var(--st-muted);font-size:14px;margin:0}
.som-studio .som-st-year{color:#9a91a9;font-size:10px;letter-spacing:.65px;white-space:nowrap;padding-bottom:7px;font-weight:750}
.som-studio .som-st-hero{display:grid;grid-template-columns:minmax(0,50%) minmax(0,50%);min-height:420px;isolation:isolate;overflow:hidden;position:relative;background:#342d60;border-radius:25px;box-shadow:0 20px 55px rgba(47,32,76,.16);color:white}
.som-studio .som-st-hero-copy{position:relative;z-index:2;padding:clamp(27px,3.9vw,54px);display:flex;justify-content:center;align-items:flex-start;flex-direction:column;background:radial-gradient(ellipse at 35% 95%,#8d44704d,transparent 66%),linear-gradient(124deg,#343060,#50396c);border-bottom:5px solid #ffa590}
.som-studio .som-st-overline{font-size:10px;letter-spacing:2.5px;color:#ffd5aa;font-weight:900}
.som-studio .som-st-hero h2{color:#fff!important;font-size:clamp(34px,4.2vw,58px)!important;font-weight:850!important;line-height:1.12!important;letter-spacing:-1.85px;margin:19px 0 17px!important}
.som-studio .som-st-hero h2 em{font-style:normal;color:#ffb49c}
.som-studio .som-st-hero-copy p{color:#f0eaf5!important;font-size:14px;line-height:1.8;max-width:430px;opacity:.96;margin:0!important}
.som-studio .som-st-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:24px}
.som-studio .som-st-actions a{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:45px;border-radius:12px;font-size:12px;font-weight:800;padding:12px 18px;text-decoration:none!important;transition:transform .2s,box-shadow .2s}
.som-studio .som-st-actions a:hover{transform:translateY(-2px)}
.som-studio .som-st-primary{background:#ffceaa;color:#34254f!important;box-shadow:0 7px 22px #22194725}
.som-studio .som-st-secondary{color:#fff!important;border:1px solid #ffffff65;background:#ffffff17}
.som-studio .som-st-hero-image{min-height:330px;position:relative;background:linear-gradient(90deg,#342d604f 0%,transparent 38%),linear-gradient(0deg,#29203944,transparent 50%),url('https://images.unsplash.com/photo-1497633762265-9d179a990aa6?w=1250&q=86') center center/cover no-repeat,url('photo-fallbacks/hero.webp') center center/cover no-repeat,#bfb3a2}
.som-studio .som-st-image-label{position:absolute;bottom:24px;right:23px;z-index:2;background:#fffaf5;color:#2f2c42;padding:15px 19px;display:flex;align-items:center;gap:11px;border-radius:15px;box-shadow:0 20px 48px #201d353e}
.som-studio .som-st-image-label>span:first-child{width:38px;height:38px;background:#e0f7ed;color:#087d64;display:grid;place-items:center;font-size:22px;border-radius:12px}
.som-studio .som-st-image-label small{color:#93909c;font-size:9px;font-weight:800;letter-spacing:1px;display:block;margin-bottom:3px}
.som-studio .som-st-image-label b{color:#312e42;font-size:13px}
.som-studio .som-st-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:19px 0 34px}
.som-studio .som-st-metrics>a{display:flex;align-items:center;gap:13px;padding:18px 19px;background:#fff;border:1px solid #eae7ed;border-radius:17px;color:var(--st-ink)!important;text-decoration:none!important;box-shadow:0 8px 27px #29283c0b;transition:transform .2s,box-shadow .2s}
.som-studio .som-st-metrics>a:hover{transform:translateY(-3px);box-shadow:0 14px 30px #27213718}
.som-studio .som-st-metrics>a>span:last-child{margin-left:auto;color:#b0a5ba;font-size:18px}
.som-studio .som-st-micon{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;color:#7159ab;background:#eee8fa;border-radius:13px;font-size:24px}
.som-studio .som-st-metrics b{display:block;font-size:14px;font-weight:800;line-height:1.3}
.som-studio .som-st-metrics small{color:#858398;font-size:12px;line-height:1.4;display:block;margin-top:3px}
.som-studio .som-st-toolbar{display:flex;gap:15px;align-items:end;justify-content:space-between;margin-bottom:17px}
.som-studio .som-st-toolbar h2{color:#302b48!important;font-size:27px!important;letter-spacing:-.85px;margin:5px 0!important;font-weight:850}
.som-studio .som-st-toolbar p{color:#888494;font-size:13px;margin:0!important}
.som-studio .som-st-search{border:1px solid #e8e4ed;background:#fff;border-radius:14px;display:flex;gap:9px;align-items:center;width:min(335px,100%);min-height:49px;padding:0 14px;box-shadow:0 7px 28px #302d490a}
.som-studio .som-st-search>span{font-size:26px;color:#9a96a6;line-height:1}
.som-studio .som-st-search input{min-width:0;width:100%;height:44px;box-shadow:none!important;border:0!important;outline:0!important;border-radius:0!important;background:transparent!important;color:#2e2944!important;font-size:12px!important;padding:0!important;margin:0!important;max-width:none!important}
.som-studio .som-st-search:focus-within{border-color:#9480c5;box-shadow:0 0 0 3px #9480c51a}
.som-studio .som-st-tabs{display:flex;gap:9px;overflow-x:auto;padding:3px 0 19px;scrollbar-width:thin;scrollbar-color:#c6bfd3 transparent}
.som-studio .som-st-tab{border:1px solid #e8e4ec;background:#fff!important;color:#685f78!important;min-height:39px;padding:10px 17px!important;white-space:nowrap;border-radius:999px;font-size:12px;font-weight:800;cursor:pointer;line-height:1.3}
.som-studio .som-st-tab:hover{border-color:#b8a7d2;background:#f1ecfa!important}
.som-studio .som-st-tab.on{background:#3c345f!important;border-color:#3c345f;color:#fff!important}
.som-studio .som-st-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.som-studio .som-st-card{display:flex;flex-direction:column;min-width:0;border-radius:19px;background:#fff;border:1px solid #ebe8ed;box-shadow:0 10px 30px rgba(39,33,62,.065);overflow:hidden;transition:transform .2s,box-shadow .2s}
.som-studio .som-st-card:hover{transform:translateY(-5px);box-shadow:0 22px 47px #2f26461c}
.som-studio .som-st-card[hidden]{display:none!important}
.som-studio .som-st-cover{height:186px;position:relative;overflow:hidden;background:linear-gradient(115deg,#e3d8ec,#f9e1cf)}
.som-studio .som-st-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease;filter:saturate(.93)}
.som-studio .som-st-card:hover img{transform:scale(1.05)}
.som-studio .som-st-cover:after{pointer-events:none;content:'';position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#1e19359c,transparent)}
.som-studio .som-st-tag{position:absolute;bottom:17px;left:20px;font-size:10px;letter-spacing:1.2px;color:#fff;font-weight:900;z-index:1}
.som-studio .som-st-fav{position:absolute;right:14px;top:14px;z-index:2;border:0;border-radius:12px;width:38px;height:38px;display:grid;place-items:center;font-size:25px;color:#655b76;background:#fff;box-shadow:0 4px 14px #1313242e;cursor:pointer;padding:0}
.som-studio .som-st-fav.on{color:#d25f79}
.som-studio .som-st-card-body{padding:21px 22px 20px;display:flex;flex-direction:column;flex:1}
.som-studio .som-st-card-body h3{color:#292940!important;font-size:18px!important;line-height:1.35;font-weight:800;margin:0 0 10px!important}
.som-studio .som-st-card-body p{color:#868398;font-size:12px;line-height:1.7;min-height:42px;margin:0 0 20px!important;flex:1}
.som-studio .som-st-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.som-studio .som-st-card-foot>span{color:#a49aaa;font-size:10px;letter-spacing:.2px;font-weight:800}
.som-studio .som-st-visit{display:inline-flex;align-items:center;gap:8px;color:#594a98!important;background:#f2eefb;padding:10px 13px;border-radius:10px;text-decoration:none!important;font-size:12px;font-weight:850;transition:background .2s}
.som-studio .som-st-visit:hover{background:#e6dbfa}
.som-studio .som-st-none{background:#fff;padding:26px;text-align:center;border:1px dashed #dbd2e5;border-radius:13px;color:#686070;margin-top:15px}
.som-studio .som-st-none[hidden]{display:none}
.som-studio .som-st-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:32px 0 26px}
.som-studio .som-st-pane{padding:27px;border:1px solid #ece8ee;border-radius:19px;background:#fff;box-shadow:0 9px 28px #34304c0b;min-width:0}
.som-studio .som-st-pane h2{font-size:22px!important;margin:7px 0 5px!important;color:#302c47!important}
.som-studio .som-st-pane>p{font-size:12px;color:#888394;line-height:1.6;margin:0 0 17px!important}
.som-studio .som-st-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.som-studio .som-st-shortcuts a{min-height:52px;display:flex;align-items:center;gap:10px;background:#f8f6fb;border:1px solid #ede9f1;border-radius:12px;padding:12px;color:#40355d!important;font-weight:750;font-size:12px;text-decoration:none!important}
.som-studio .som-st-shortcuts a span{font-size:19px;color:#8e6ac0}
.som-studio .som-st-shortcuts a:hover{background:#f0e9f8}
.som-studio .som-st-todos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;max-height:190px;overflow:auto}
.som-studio .som-st-todos li{padding:9px 10px;background:#faf8fc;border-radius:9px;display:flex;align-items:center;gap:10px;font-size:12px;color:#332d48}
.som-studio .som-st-todos li.is-done .som-st-todo-label{text-decoration:line-through;color:#aaa3b2}
.som-studio .som-st-todos li label{display:flex;flex:1;align-items:center;gap:8px;min-width:0}
.som-studio .som-st-todos li input{accent-color:#7055ac}
.som-studio .som-st-remove{font-size:17px;color:#9a8da5;border:0;background:none;cursor:pointer;padding:1px 5px}
.som-studio .som-st-add{display:flex;gap:8px;margin-top:12px}
.som-studio .som-st-add input{flex:1;min-width:0;background:#fff;border:1px solid #e6e0e9;border-radius:11px;padding:11px;font-size:12px;color:#2e2b40}
.som-studio .som-st-add button{border:0;background:#6852a4;border-radius:11px;padding:10px 14px;color:#fff;font-size:12px;font-weight:800;cursor:pointer}
.som-studio .som-st-followups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}
.som-studio .som-st-followups>*{margin:0!important;min-width:0}
.som-studio .som-sinif{margin:15px 0 20px;border:1px solid #ece7f1!important;background:#f9f6fc!important}
.som-studio .som-bu{border-radius:19px;border:1px solid #eee9f2;background:#fff;box-shadow:0 10px 34px #30234d0b;margin:22px 0}
.som-studio .som-st-library{margin:33px 0 8px;border:1px solid #e8e0ef;border-radius:19px;background:#fff;box-shadow:0 10px 30px #34233e12;overflow:hidden}
.som-studio .som-st-library summary{list-style:none;padding:24px 28px;display:flex;align-items:center;gap:15px;justify-content:space-between;cursor:pointer;background:linear-gradient(120deg,#fdfbfe,#f5f0f9)}
.som-studio .som-st-library summary::-webkit-details-marker{display:none}
.som-studio .som-st-library summary>span:first-child{display:flex;flex-direction:column;gap:6px}
.som-studio .som-st-library summary small{font-size:10px;letter-spacing:1.8px;color:#9b7cc5;font-weight:900}
.som-studio .som-st-library summary strong{font-size:24px;color:#302743;letter-spacing:-.6px}
.som-studio .som-st-library summary em{font-style:normal;font-size:12px;color:#777189}
.som-studio .som-st-show{color:#5d4690;border:1px solid #e4d8ed;background:#fff;border-radius:10px;padding:11px 14px;font-size:12px;font-weight:800}
.som-studio .som-st-library[open] .som-st-show{font-size:0}
.som-studio .som-st-library[open] .som-st-show:after{content:'Gizle ↑';font-size:12px}
.som-studio .som-st-library-body{padding:22px 23px 28px}
.som-studio .som-nav{position:static;display:flex;flex-wrap:wrap;gap:7px;border:0;padding:10px 0 18px;background:transparent;box-shadow:none}
.som-studio .som-nav a{border:1px solid #e8e1f1;border-radius:999px;background:#f8f5fc;color:#655184!important;padding:9px 13px;font-weight:800;font-size:11px}
.som-studio .som-nav a:hover{background:#544275;color:#fff!important}
.som-studio .som-bolum{scroll-margin-top:130px}
.som-studio .som-izgara{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:13px}
.som-studio .som-k{border-radius:14px;border:1px solid #e9e3eb;border-left:4px solid var(--c);background:#fff;padding:15px}
.som-studio .som-hub{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.som-studio .som-hk{border-top:0;border:1px solid #eee8f0;border-radius:14px}
.som-studio .som-hkg{height:145px}
.som-studio .som-not{color:#9991a4}
@media(max-width:1100px){.som-studio .som-st-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.som-studio .som-st-hero{min-height:380px}.som-studio .som-st-hero h2{font-size:42px!important}}
@media(max-width:800px){.som-studio .som-st-year{display:none}.som-studio .som-st-hero{grid-template-columns:1fr;min-height:0}.som-studio .som-st-hero-copy{padding:31px 27px}.som-studio .som-st-hero-image{min-height:200px}.som-studio .som-st-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.som-studio .som-st-metrics>a:last-child{grid-column:span 2}.som-studio .som-st-bottom{grid-template-columns:1fr}.som-studio .som-st-followups{grid-template-columns:1fr}}
@media(max-width:560px){.som-root.som-studio{padding:12px 8px 36px}.som-studio .som-st-intro{margin-bottom:17px}.som-studio .som-st-intro h1{font-size:27px!important;letter-spacing:-1px}.som-studio .som-st-intro p{font-size:12px}.som-studio .som-st-hero{border-radius:18px}.som-studio .som-st-hero h2{font-size:37px!important;letter-spacing:-1.3px}.som-studio .som-st-hero-copy{padding:29px 24px}.som-studio .som-st-hero-copy p{font-size:13px}.som-studio .som-st-hero-image{min-height:160px}.som-studio .som-st-image-label{padding:10px 12px;right:12px;bottom:12px}.som-studio .som-st-image-label>span:first-child{width:29px;height:29px;font-size:16px}.som-studio .som-st-metrics{grid-template-columns:1fr;gap:8px;margin:13px 0 28px}.som-studio .som-st-metrics>a{padding:13px}.som-studio .som-st-metrics>a:last-child{grid-column:auto}.som-studio .som-st-toolbar{flex-direction:column;align-items:stretch}.som-studio .som-st-search{width:100%;max-width:none}.som-studio .som-st-grid{grid-template-columns:1fr;gap:14px}.som-studio .som-st-cover{height:170px}.som-studio .som-st-card-body{padding:17px}.som-studio .som-st-shortcuts{grid-template-columns:1fr}.som-studio .som-st-library summary{padding:19px}.som-studio .som-st-library summary strong{font-size:19px}.som-studio .som-st-library-body{padding:12px}.som-studio .som-st-show{font-size:10px;padding:9px}.som-studio .som-st-tab{padding:10px 12px!important;font-size:11px}}
@media(prefers-reduced-motion:reduce){.som-studio .som-st-card,.som-studio .som-st-metrics>a,.som-studio .som-st-cover img,.som-studio .som-st-actions a{transition:none}}
@media print{.som-studio .som-st-fav,.som-studio .som-st-tabs,.som-studio .som-st-add{display:none}}