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

.m10-weekly .m5-hero{background:radial-gradient(ellipse at 90% 0,#456ea4 0,transparent 65%),linear-gradient(120deg,#202e50,#2a4c78)}
.m10-tool .m5-svg{min-height:180px}.m10-note-label{display:block;grid-column:1/-1;font-size:14px;font-weight:650;margin-top:12px}.m10-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}.m10-note-label textarea:focus-visible{outline:3px solid #718dcc;outline-offset:2px}.m10-event-buttons{display:flex;flex-wrap:wrap;gap:7px;grid-column:1/-1}.m10-event-buttons button{min-width:42px}.m10-event-buttons button[aria-pressed=true]{background:#325f98;color:#fff}.m10-tool>.m5-note{grid-column:1/-1}

.m10-weekly .m5-hero{background:radial-gradient(ellipse at 95% 10%,#3b8588 0,transparent 60%),linear-gradient(120deg,#263557,#314d70)}
.m10-tool .m5-result{line-height:1.75}.m10-tool .m5-svg{max-width:100%;height:auto}

#oonda-kok[data-kademe="lise"],#oonda-kok[data-kademe="lise"] *{font-family:'Segoe UI',system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif!important;--yazi-baslik:'Segoe UI',system-ui,sans-serif;--yazi-ilkokul:'Segoe UI',system-ui,sans-serif;letter-spacing:normal!important}
#oonda-kok[data-kademe="lise"] .oonda-govde{color:#23324b}

.m10-weekly .m5-hero{background:radial-gradient(ellipse at 95% 5%,#286f79 0,transparent 60%),linear-gradient(120deg,#172c46,#25465e)}
.m10-tool .m5-controls label{min-width:0}.m10-tool .m5-controls input[type=text]{width:100%;box-sizing:border-box;min-width:0}
.m10-tool select{max-width:100%}.m10-tool .m5-result{overflow-wrap:anywhere}
.m10-tool .m5-controls button{min-height:44px}.m10-weekly .m5-hero .m5-kicker{letter-spacing:.14em}
@media(max-width:650px){.m10-tool .m5-controls{grid-template-columns:1fr}.m10-tool .m5-stage{overflow:hidden}.m10-weekly .m5-week-select select{max-width:100%;width:100%;white-space:normal}}

.m10-weekly .m5-hero{background:radial-gradient(ellipse at 95% 5%,#65518c 0,transparent 62%),linear-gradient(120deg,#202e4b,#3c3e6c)}
.m10-data table{width:100%;border-collapse:collapse;margin:12px 0;font-size:16px}.m10-data th,.m10-data td{padding:12px 8px;border:1px solid #d7dfeb;text-align:center}.m10-data th{background:#edf2fa}.m10-data caption{padding:8px;font-weight:650}
.m10-tool .m5-result{line-height:1.75}.m10-tool .m5-controls{align-items:end}.m10-tool .m5-svg{width:100%;display:block;overflow:hidden}
@media(max-width:650px){.m10-data table{font-size:13px}.m10-data th,.m10-data td{padding:10px 3px}.m10-tool .m5-controls{grid-template-columns:1fr}}