:root{color-scheme:light;--ink:#123b60;--blue:#075baa;--violet:#7531ae;--line:#cfdfec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 100% 0,#d9f1ff,transparent 48%),radial-gradient(ellipse at 0 60%,#fff0c8,transparent 46%),#fffdf8;color:var(--ink);font:16px/1.65 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:var(--blue);text-underline-offset:4px}a:hover{color:#812f9c}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ba5900;outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;left:12px;top:-70px;background:white;padding:10px;z-index:5}.skip:focus{top:10px}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.brand{font-weight:900;font-size:20px;text-decoration:none;color:#153d75}.brand span{color:#a74d00}nav{display:flex;gap:16px;flex-wrap:wrap;font-weight:700;font-size:14px}.hero{padding:50px 0 36px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center}.eyebrow{font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#8a4200;font-size:12px;margin:0 0 12px}h1{font-size:clamp(30px,4.7vw,52px);line-height:1.14;letter-spacing:-.035em;margin:0 0 20px;color:#114f93;max-width:900px}h1 em{font-style:normal;color:var(--violet)}.lead{font-size:18px;max-width:780px;margin:0 0 20px}.portrait{width:124px;height:124px;border-radius:50%;border:5px solid white;box-shadow:0 0 0 3px #efa824}.byline{font-size:14px;font-weight:700;color:#6c2a97}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.button,button.share{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:44px;border:1px solid #abcbea;border-radius:13px;padding:9px 16px;font-weight:800;text-decoration:none;background:white;color:#07529b;cursor:pointer}.button.primary{color:white;background:#075baa;border-color:#075baa}.button.secondary{background:#fff0cb;color:#8a4200;border-color:#e0c28a}.grades{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:0 0 32px}.grade{padding:21px;border:1px solid #bfdfd4;border-radius:23px;background:#e0f4ea;text-decoration:none;color:#174c3c;box-shadow:0 4px 0 #c9e5d9}.grade:nth-child(2){background:#eee2fc;border-color:#d5b9ee;color:#5e278f;box-shadow:0 4px 0 #e0cdee}.grade:nth-child(3){background:#fff0d6;border-color:#edd2ac;color:#89440b;box-shadow:0 4px 0 #efddba}.grade:nth-child(4){background:#fce6ef;border-color:#eec3d3;color:#a0265d;box-shadow:0 4px 0 #efd0de}.grade strong{display:block;font-size:24px;line-height:1.4}.grade span{display:block;font-size:13px;margin-top:8px;font-weight:600}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:20px;margin:26px 0 12px}.filters label{font-size:13px;font-weight:800}.filters input,.filters select{display:block;width:100%;min-height:46px;border:1px solid #94b6d0;border-radius:10px;padding:8px;background:#fff;color:#153b60;margin-top:6px}.results{font-size:14px;color:#385676}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:30px}.resource{background:#ffffffeb;border:1px solid var(--line);border-top:5px solid #2b93ba;border-radius:18px;padding:23px;display:flex;flex-direction:column;align-items:flex-start;scroll-margin-top:24px;min-width:0;box-shadow:0 5px 0 #a6bac110}.resource[data-kind=gramer]{border-top-color:#a069d1}.resource[data-kind=kaynak]{border-top-color:#eba342}.resource h3{font-size:20px;line-height:1.35;color:#163d71;margin:8px 0 12px;overflow-wrap:anywhere}.resource p{font-size:15px;line-height:1.65;margin:0 0 18px;overflow-wrap:anywhere}.tags{display:flex;flex-wrap:wrap;gap:7px;font-size:11px;font-weight:800}.tags span{background:#eaf3fa;color:#184d78;padding:3px 8px;border-radius:7px}.resource .actions{margin-top:auto}.resource .button,button.share{font-size:13px;min-height:42px;padding:8px 12px}.section-title{font-size:28px;line-height:1.3;margin:34px 0 8px;color:#31548a}.section-intro{margin-top:0;max-width:850px}.panel{border:1px solid #e2d3b7;background:#fff7e2;padding:24px;border-radius:20px;margin:28px 0}.panel h2{margin-top:0;font-size:24px;line-height:1.3;color:#884700}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:25px 0}.step{background:white;border:1px solid var(--line);padding:24px;border-radius:20px}.step b{color:var(--violet);font-size:13px}.step h3{line-height:1.3;color:#174e87}.step p{font-size:15px;margin-bottom:0}.reading{max-width:820px}.reading h2{color:#164f86;margin-top:38px}.reading p{font-size:17px}.share-status{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);max-width:90vw;padding:10px 20px;border-radius:12px;background:#123b60;color:white;font-weight:700;z-index:10;box-shadow:0 5px 25px #153d7540}.share-status:empty{display:none}dialog{max-width:min(560px,90vw);border:1px solid #aec6dc;border-radius:20px;padding:25px;color:var(--ink);background:white}dialog input{width:100%;padding:12px;margin:14px 0;border:1px solid #a8bed2;border-radius:8px}dialog::backdrop{background:#14354f70}footer{border-top:1px solid var(--line);margin-top:50px;padding:24px 0 35px;font-size:13px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.count{font-weight:800;color:#77449b}.empty{padding:30px;border:2px dashed #bdcfdb;border-radius:18px}details{padding:16px 0;border-bottom:1px solid var(--line)}summary{font-weight:800;cursor:pointer;color:#164d86}blockquote{border-left:4px solid #e3b744;margin-left:0;padding:12px 22px;background:#fff4d7;font-weight:700}body:has(.resource:target) .resource:target{outline:3px solid #bd6a00;outline-offset:4px}@media(max-width:700px){.wrap{width:calc(100% - 28px)}header{align-items:flex-start;flex-direction:column;gap:10px;padding:18px 0}nav{gap:13px;font-size:13px}.hero{padding:32px 0 24px;gap:16px}.hero .portrait{width:75px;height:75px;align-self:start}.lead{font-size:16px}.grades{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grade{padding:15px}.grade strong{font-size:21px}.grade span{font-size:12px}.resource-grid,.steps{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr;padding:15px;gap:12px}.filters label:first-child{grid-column:1/-1}.resource{padding:20px}.section-title{font-size:24px}.button{padding:9px 12px;font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}