/* 7. sınıf, mevcut ortaokul tasarım ailesi. */
.m7-weekly,.m7-tool{--m5-purple:#087c8c;--m5-line:#d5e3e9}
.m7-weekly .m5-hero{background:radial-gradient(ellipse at 95% 0,#297f91 0,transparent 62%),linear-gradient(120deg,#162b43,#194b60)}
.m7-weekly .m5-hero p{color:#d6e8ee}.m7-weekly .m5-week-extra:not(:empty){background:#f6fafb}
#oonda-kok .m7-weekly .m5-hero h3{font-size:clamp(28px,2.8vw,36px)!important;line-height:1.15!important;font-weight:750!important}
#oonda-kok .m7-weekly .m5-week-body h4{font-size:23px!important;line-height:1.3!important}
.m7-weekly .m5-actions>.m5-button:first-child{background:#087e8e;border-color:#087e8e}.m7-weekly .m5-actions>.m5-button:first-child:hover{background:#066675}
.m7-tool .m5-controls input[type=range]{accent-color:#087e8e}.m7-tool .m5-controls output{color:#076576}
.m7-weekly .m5-button,.m7-tool .m5-button{border-color:#bdd8df;background:#edf7f8;color:#155466}
.m7-weekly .m5-button:hover,.m7-tool .m5-button:hover{border-color:#188293;background:#ddf0f2}
.m7-tool .m5-result{background:#edf6f7;border-color:#bdd9df}.m7-tool input:disabled{opacity:.45;cursor:not-allowed}
.m7-tool .m5-stage{background:linear-gradient(#fcfeff,#f2f7fa)}
.oonda-sunum.df-middle .m7-tool p{color:#263d52!important}
@media(min-width:900px){
 .oonda-sunum.df-middle .m7-tool{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(330px,1.4fr);gap:10px 22px;padding:18px 24px}
 .oonda-sunum.df-middle .m7-tool>.m5-kicker,.oonda-sunum.df-middle .m7-tool>h3,.oonda-sunum.df-middle .m7-tool>p{grid-column:1/-1;margin:0!important}
 .oonda-sunum.df-middle .m7-tool>h3{font-size:28px;line-height:1.2}
 .oonda-sunum.df-middle .m7-tool>p{font-size:15px;line-height:1.4;max-width:none}
 .oonda-sunum.df-middle .m7-tool>.m5-controls{grid-column:1;grid-row:4/span 2;align-content:start;margin:4px 0;gap:8px;grid-template-columns:1fr 1fr}
 .oonda-sunum.df-middle .m7-tool>.m5-stage{grid-column:2;grid-row:4}
 .oonda-sunum.df-middle .m7-tool .m5-svg{max-height:250px}
 .oonda-sunum.df-middle .m7-tool>.m5-result{grid-column:2;grid-row:5;margin:0;padding:10px 12px;font-size:15px;line-height:1.4}
 .oonda-sunum.df-middle .m7-tool>.m5-hint{grid-column:1/-1;margin:0;font-size:13px}
}
@media(max-width:650px){.m7-tool .m5-controls{grid-template-columns:1fr}.m7-weekly .m5-hero h3{font-size:29px}.m7-tool .m5-svg{min-height:175px}.m7-tool .m5-result{line-height:1.65}}

.m7-weekly .m5-hero{background:radial-gradient(ellipse at 90% 0,#456ea4 0,transparent 65%),linear-gradient(120deg,#202e50,#2a4c78)}
.m7-tool .m5-svg{min-height:180px}.m7-note-label{display:block;grid-column:1/-1;font-size:14px;font-weight:650;margin-top:12px}.m7-note-label textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;border:1px solid #b8ccdf;border-radius:10px;padding:12px;font:inherit;margin-top:8px;background:#fff;color:#233a54}.m7-note-label textarea:focus-visible{outline:3px solid #718dcc;outline-offset:2px}.m7-event-buttons{display:flex;flex-wrap:wrap;gap:7px;grid-column:1/-1}.m7-event-buttons button{min-width:42px}.m7-event-buttons button[aria-pressed=true]{background:#325f98;color:#fff}.m7-tool>.m5-note{grid-column:1/-1}
#oonda-kok .df-subject-coming{border:1.5px dashed #b9a6d6;background:linear-gradient(135deg,#f7f3ff,#eff6fc);box-shadow:none;min-height:130px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:22px;gap:8px;color:#51406a;border-radius:18px;box-sizing:border-box}
#oonda-kok .df-subject-coming strong{font-size:17px;line-height:1.4}#oonda-kok .df-subject-coming small{font-size:13px;color:#716584;line-height:1.5}.oonda-ders-coming{display:inline-flex;align-items:center;border:1px dashed #b9a6d6;border-radius:999px;padding:10px 16px;background:#f6f2fb;color:#66547c;min-height:44px;box-sizing:border-box;font-size:14px;font-weight:600;white-space:normal}