:root{color-scheme:light;--green:#176a50;--ink:#22332c;--muted:#62736a;--line:#dce5de;--orange:#b65417}



*{box-sizing:border-box}body{margin:0;background:#f2f5f1;color:var(--ink);font-family:Arial,system-ui,sans-serif;line-height:1.6;font-size:17px;overflow-anchor:none}main{max-width:900px;margin:auto;padding:28px 24px 72px}.kahraman{background:var(--green);color:white;padding:30px 32px;border-radius:20px;margin-bottom:34px}.kahraman p{margin:10px 0 0;max-width:660px}.kahraman .eyebrow{font-size:12px;letter-spacing:1.6px;opacity:.8}h1{font-size:34px;line-height:1.18;margin:9px 0 12px;letter-spacing:-.7px}h2{font-size:25px;line-height:1.25;margin:0 0 6px}h3{font-size:20px;margin:0}.topic{margin:38px 0}.topic-intro{padding:0 4px 16px}.topic-count{font-size:14px;color:var(--muted);margin:5px 0}.question{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;margin:0 0 20px;box-shadow:0 3px 14px #173e2910}.q-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.level{background:#f0f4f1;color:var(--green);border-radius:30px;padding:3px 14px;font-size:13px;font-weight:bold}.question p{margin:10px 0}.stem{font-size:18px;line-height:1.65}.choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:22px 0 18px;padding:0;list-style:none}.choices li{padding:9px 8px;border:1px solid #e4eae6;border-radius:8px;font-size:16px;overflow-wrap:anywhere}.choices b{color:var(--green);margin-right:4px}details{margin-top:16px}summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:56px;width:100%;padding:7px 12px;border:1px solid #efd9c4;border-radius:10px;background:#fff5ea;color:var(--orange);font-weight:bold;cursor:pointer;touch-action:manipulation;user-select:none;font-size:16px}summary::-webkit-details-marker{display:none}summary::marker{content:''}summary:focus-visible{outline:3px solid #166b50;outline-offset:4px}.help{display:inline-grid;place-items:center;flex:none;border-radius:50%;width:36px;height:36px;background:var(--orange);color:white;font-size:25px;line-height:1;font-weight:bold}.close-label{display:none}details[open] .close-label{display:inline}details[open] .open-label{display:none}.solution{padding-top:15px}.answer{background:#eaf6ee;color:var(--green);font-weight:bold;font-size:19px;border-radius:10px;padding:12px 16px;margin-bottom:14px}.hint,.trap,.check{border-radius:9px;padding:13px 16px;margin:12px 0;background:#f3f6f3}.hint{background:#fff6eb}.check{background:#edf7ef}.label{display:block;font-size:13px;font-weight:bold;margin-bottom:3px;color:var(--green)}.trap .label{color:var(--orange)}ol.steps{padding-left:26px;margin:19px 0}ol.steps li{padding-left:7px;margin-bottom:12px}ol.steps li::marker{font-weight:bold;color:var(--green)}figure{margin:20px 0 10px}figcaption{font-size:15px;font-weight:bold;margin-bottom:9px}svg{display:block;max-width:100%;height:auto}.plot{width:100%;overflow:visible}svg text{font-family:Arial,system-ui,sans-serif;fill:var(--ink)}.grid{stroke:#dde4de;stroke-width:1}.axis{stroke:#85998d;stroke-width:1.4;fill:none}.tick,.unit{font-size:14px}.value{font-size:15px;font-weight:bold}.pie-wrap{display:flex;gap:24px;align-items:center}.pie-wrap svg{width:230px;flex:0 1 45%}.legend{list-style:none;padding:0;margin:0;font-size:15px}.legend li{display:flex;align-items:center;gap:8px;padding:3px 0}.legend i{width:11px;height:11px;border-radius:3px;flex:none}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:15px}th,td{padding:10px 12px;border:1px solid var(--line);text-align:left}th{background:var(--green);color:white}tbody tr:nth-child(odd){background:#f3f6f3}footer{font-size:13px;color:var(--muted);padding:8px 6px}.offline{display:inline-block;margin-top:16px;font-size:12px;background:#ffffff20;border:1px solid #ffffff35;border-radius:20px;padding:3px 12px}



@media(max-width:560px){body{font-size:16px}main{padding:14px 12px 42px}.kahraman{padding:25px 21px;border-radius:15px}h1{font-size:29px}h2{font-size:23px}.question{padding:20px 17px}.stem{font-size:17px}.choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.choices li{font-size:15px}.pie-wrap{gap:8px}.legend{font-size:13px}summary{font-size:15px}.tick,.unit{font-size:16px}.value{font-size:17px}th,td{padding:8px;font-size:13px}}



@media print{body{background:white}main{max-width:none;padding:0}.question{break-inside:avoid;box-shadow:none}summary{display:none}details>.solution{display:block!important}.kahraman{background:white;color:#176a50;border:1px solid #176a50}}







header{margin-bottom:20px}.stats{display:flex;gap:22px;flex-wrap:wrap;margin:20px 0 0}.stats b{display:block;font-size:27px;line-height:1.2}.stats span{font-size:13px;opacity:.85}.selectors{padding:21px;background:white;border:1px solid var(--line);border-radius:16px;margin-bottom:24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.selectors label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:bold}.selectors select,.selectors input{width:100%;min-height:48px;border:1px solid #cbd8cf;border-radius:9px;padding:10px;background:#f8faf7;color:var(--ink);font:16px Arial,system-ui,sans-serif}.selectors .wide{grid-column:1/-1}select:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid #d9853a;outline-offset:3px}.family-head{padding:5px 4px 15px}.family-head p{color:var(--muted);font-size:14px;margin:6px 0}.family-head .note{padding:11px 14px;border-radius:9px;background:#fff3e3;color:#775421}.pager{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 0 20px}.pager button{min-height:46px;border:1px solid var(--line);border-radius:9px;background:white;padding:9px 15px;color:var(--green);font-size:15px;font-weight:bold;cursor:pointer}.pager button:disabled{opacity:.35;cursor:default}.pager span{font-size:14px;text-align:center}.choices{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}.choices li{overflow-wrap:anywhere}.stem{white-space:pre-line}.geometry svg{width:100%;max-height:380px;margin:auto}.geometry svg text{fill:inherit}.geometry{padding:10px;border-radius:10px;background:#fafcfb}.empty{padding:32px;background:white;border-radius:14px}.source{font-size:12px!important}.q-head h3{font-size:19px}.question{scroll-margin-top:20px}.how{font-size:13px!important}.count{color:var(--green)}.save-note{font-size:12px;line-height:1.55}footer{margin-top:24px}



@media(max-width:560px){.selectors{padding:15px;gap:10px}.selectors label{font-size:12px}.selectors select{font-size:14px}.kahraman{padding:24px 21px}.stats{gap:18px}.stats b{font-size:24px}.choices{grid-template-columns:repeat(2,minmax(0,1fr))}.pager button{font-size:13px;padding:8px 10px}.pager span{font-size:12px}.geometry{padding:3px}}




.formula-origin .label{font-size:16px}.formula-origin ol{margin:8px 0 0;padding-left:23px}.formula-origin li{padding-left:4px;margin:9px 0}