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