/* DSA/Vize_Hazirlik referansının renk, kart ve okuma düzeni üzerine uyarlama. */
:root{--f-head:Inter,"Noto Sans",system-ui,sans-serif;--f-body:Inter,"Noto Sans",system-ui,sans-serif;--f-mono:ui-monospace,monospace}
html{scroll-behavior:smooth}body{font-size:16px;line-height:1.8}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{text-decoration-thickness:1px}.topbar{padding:0 max(22px,calc((100vw - 1260px)/2));height:72px;gap:28px}.brand{font-size:21px;letter-spacing:-.8px}.brand-sub{font-size:12px;font-weight:400;letter-spacing:0;color:var(--text-3)}.topnav{display:flex;gap:24px;margin-left:auto}.topnav a{font-size:13px;color:var(--text-2);text-decoration:none}.topnav a:hover{color:var(--text)}.tb-actions{margin-left:0}.nav-toggle{display:none}.skip-link{position:fixed;z-index:100;left:16px;top:-100px;background:var(--surface);padding:10px}.skip-link:focus{top:8px}.reading-progress{height:3px;position:fixed;inset:0 0 auto;z-index:100}.reading-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#818cf8,#22d3ee)}.home-wrap{max-width:1200px;margin:auto;padding:0 24px}.hero{position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:65px;padding:85px 0 66px}.hero:before{content:"";pointer-events:none;position:absolute;z-index:-1;inset:-70px -90px;background:radial-gradient(ellipse at 18% 25%,#818cf815,transparent 55%),radial-gradient(ellipse at 80% 70%,#22d3ee0c,transparent 50%)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--text-3);line-height:1.7}.hero .eyebrow{display:flex;align-items:center;gap:10px;font-size:10px}.hero .eyebrow span{height:6px;width:6px;background:#34d399;box-shadow:0 0 10px #34d39966;border-radius:50%}.hero h1{font-size:clamp(48px,5.6vw,75px);line-height:1.08;letter-spacing:-3.5px;margin:25px 0 24px;font-weight:800}.gradient-text{background:linear-gradient(105deg,#818cf8,#c084fc 50%,#f472b6);background-clip:text;color:transparent}.lead{font-size:16px;line-height:1.8;color:var(--text-2);margin:0 0 25px;max-width:500px}.lead strong{color:var(--text);font-weight:500}.hero-actions,.page-actions{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:12px;font-weight:600;padding:11px 17px;border:1px solid var(--border-2);border-radius:9px;background:var(--surface);color:var(--text);text-decoration:none;line-height:1.5}.button.primary{background:#818cf8;color:#101320;border-color:#818cf8}.button:hover{filter:brightness(1.1);border-color:#818cf8}.micro{font-size:11px;color:var(--text-3);line-height:1.7}.hero .micro{margin-top:20px}.hero-visual{position:relative;border:1px solid var(--border);border-radius:20px;padding:24px 24px 20px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 90%,transparent),var(--bg));box-shadow:0 20px 70px -40px #818cf8aa}.orbit-label{font-size:9px;letter-spacing:2.5px;color:var(--text-3)}.hero-visual svg{width:100%;display:block;color:var(--text-2)}.visual-equation{text-align:center;font-size:22px;margin-top:0;color:var(--text)}.visual-caption{text-align:center;font-size:10px;color:var(--text-3);margin-top:10px;letter-spacing:1px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:12px;background:var(--surface);margin-bottom:38px}.stats>div{padding:20px 28px;display:flex;align-items:center;gap:15px}.stats>div+div{border-left:1px solid var(--border)}.stats b{font-size:29px;letter-spacing:-1px;line-height:1.2;color:var(--text)}.stats span{color:var(--text-2);font-size:11px;line-height:1.5;max-width:70px}.continue-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:25px 30px;margin-bottom:64px}.continue-panel h2{font-size:19px;letter-spacing:-.5px;margin:7px 0}.continue-panel p{font-size:12px;color:var(--text-2);margin:4px 0 9px}.continue-panel a{font-size:11px;text-decoration:none;color:var(--accent)}.progress-ring{--value:0;width:77px;height:77px;flex-shrink:0;display:grid;place-items:center;background:conic-gradient(#34d399 calc(var(--value)*1%),var(--surface-3) 0);border-radius:50%;padding:5px}.progress-ring span{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:var(--surface);font:600 16px var(--f-mono)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 23px}.section-heading h2{font-size:27px;letter-spacing:-.7px;margin:4px 0 0}.section-heading p{font-size:12px;color:var(--text-3);margin-bottom:3px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}.topic-card{display:flex;flex-direction:column;position:relative;overflow:hidden;isolation:isolate;padding:23px;border:1px solid var(--border);background:var(--surface);border-radius:15px;transition:transform .2s,border-color .2s}.topic-card:before{content:"";position:absolute;z-index:-1;right:-90px;top:-90px;width:240px;height:200px;background:radial-gradient(ellipse,color-mix(in srgb,var(--hue) 13%,transparent),transparent 70%)}.topic-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--hue) 55%,var(--border))}.card-line{display:flex;align-items:center;justify-content:space-between}.number{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;color:var(--hue);font:600 15px var(--f-mono);background:color-mix(in srgb,var(--hue) 13%,transparent);border:1px solid color-mix(in srgb,var(--hue) 22%,transparent)}.pdf-link{font-size:10px;color:var(--text-2);text-decoration:none;border:1px solid var(--border);border-radius:6px;padding:3px 8px;background:var(--surface-2)}.topic-card h3{font-size:18px;line-height:1.5;letter-spacing:-.3px;margin:22px 0 9px}.topic-card h3 a{color:var(--text);text-decoration:none}.topic-card p{font-size:12px;line-height:1.85;color:var(--text-2);margin:0 0 20px;flex:1}.card-meta{display:flex;gap:7px;flex-wrap:wrap;font-size:9px;color:var(--text-3);margin-bottom:20px}.card-meta span{padding:3px 8px;background:var(--surface-2);border:1px solid var(--border);border-radius:20px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:13px;font-size:10px;color:var(--text-3)}.card-bottom a{font-size:22px;text-decoration:none;color:var(--hue)}.workshop-banner{padding:32px 35px;display:flex;gap:30px;align-items:center;justify-content:space-between;border:1px solid #34d39935;border-radius:15px;background:linear-gradient(110deg,#34d3990b,var(--surface));margin:0 0 30px}.workshop-banner h2{font-size:25px;letter-spacing:-.5px;margin:5px 0 7px}.workshop-banner p{font-size:12px;color:var(--text-2);max-width:670px;margin:0}.workshop-banner .button{white-space:nowrap;background:#34d399;border-color:#34d399}.home-bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:0 0 60px}.home-bottom article{padding:25px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.home-bottom h2{font-size:17px;margin:0 0 12px}.home-bottom p,.home-bottom li,.home-bottom a{font-size:12px;color:var(--text-2)}.home-bottom ol{padding-left:20px;margin:0}.site-footer{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 24px 35px;border-top:1px solid var(--border);font-size:10px;color:var(--text-3)}.site-footer a{color:inherit;text-decoration:none}.text-button{border:0;background:none;color:var(--text-3);font-size:10px;padding:0}.text-button:hover{color:var(--red)}
.reader-layout{max-width:1420px;margin:auto;display:grid;grid-template-columns:265px minmax(0,1fr);gap:65px;padding:0 36px}.reader-nav{position:sticky;top:100px;align-self:start;max-height:calc(100vh - 125px);overflow-y:auto;padding:20px 0 50px}.reader-nav>a{display:block;text-decoration:none;color:var(--text-2);font-size:11px;line-height:1.8;padding:7px 12px;border-radius:6px;border-left:2px solid transparent}.reader-nav>a:hover{background:var(--surface);color:var(--text)}.reader-nav>a.current{color:var(--accent-text);background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:var(--accent)}.reader-nav>a i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:8px;vertical-align:middle}.nav-title{font-size:9px;letter-spacing:2px;font-weight:700;color:var(--text-3);margin:20px 12px 10px}.reader-nav .toc-link{font-size:10px;line-height:1.7;padding:6px 12px}.reader{max-width:850px;width:100%;min-width:0;padding:60px 0 85px}.reader h1,.photo-wrap h1{font-size:clamp(28px,3.3vw,45px);letter-spacing:-1.2px;line-height:1.25;margin:14px 0 20px}.page-lead{font-size:16px;color:var(--text-2);margin-bottom:25px;max-width:800px}.page-actions{margin:25px 0 32px}.reader p,.reader li{font-size:14px;line-height:1.95}.reader p{color:var(--text-2)}.reader li{color:var(--text-2);padding-left:4px;margin-bottom:7px}.reader h2{font-size:24px;line-height:1.4;letter-spacing:-.5px}.reader h3{font-size:17px;line-height:1.6;letter-spacing:-.2px}.reader ul,.reader ol{padding-left:22px}.learning-goals{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;margin:32px 0}.learning-goals>strong{font-size:13px;color:var(--text)}.learning-goals li{font-size:12px}.learning-goals ul{margin-bottom:0}.lesson-section{border-top:1px solid var(--border);padding-top:32px;margin-top:42px;scroll-margin-top:100px}.section-top{display:flex;align-items:center;justify-content:space-between}.section-top>span{font:500 11px var(--f-mono);color:var(--accent)}.check{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;color:var(--text-3);cursor:pointer}.check input{accent-color:#34d399;width:14px;height:14px;cursor:pointer}.lesson-section h2{margin:12px 0 24px}.equation{overflow-x:auto;padding:14px 18px;border:1px solid var(--border);background:var(--surface);border-radius:10px;margin:22px 0}.katex{font-size:1.04em}.katex-display{margin:.5em 0!important}.callout{border-left:3px solid var(--accent);padding:18px 22px;background:color-mix(in srgb,var(--accent) 7%,var(--surface));border-radius:0 10px 10px 0;margin:24px 0}.callout>strong{font-size:12px;color:var(--accent-text)}.callout p{font-size:12px;margin:7px 0 0}.exercise{padding:22px;border:1px solid var(--border);border-radius:12px;background:var(--surface);margin:24px 0;scroll-margin-top:100px}.exercise-top{display:flex;align-items:center;gap:10px}.qnum{font:600 11px var(--f-mono);color:#fbbf24;background:#fbbf2410;padding:3px 8px;border-radius:5px}.exercise .check{margin-left:auto}.source-link,.tag{font-size:10px;color:var(--text-3);text-decoration:none}.source-link:hover{color:var(--accent-text)}.exercise h3{margin:15px 0 9px}.exercise p{margin:8px 0 16px;color:var(--text)}.solution{border-top:1px solid var(--border);padding-top:12px}.solution summary{font-size:11px;font-weight:600;color:var(--green);cursor:pointer}.solution ol{background:color-mix(in srgb,var(--green) 5%,transparent);border-radius:9px;padding:18px 20px 12px 35px}.solution li{font-size:13px;line-height:2}.diagram{margin:30px 0;padding:20px;background:white;border-radius:12px;color:#334155}.diagram img{width:100%;max-height:410px;object-fit:contain;display:block}.diagram figcaption{font-size:10px;line-height:1.7;text-align:center;margin-top:15px;color:#64748b}.table-scroll{overflow-x:auto;margin:24px 0}table{border-collapse:collapse;font-size:11px;min-width:550px;width:100%}th,td{border:1px solid var(--border);text-align:left;padding:12px}th{background:var(--surface);font-size:10px}td{color:var(--text-2)}.next-prev{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-top:25px;margin-top:45px;font-size:12px}.next-prev a{text-decoration:none}.filters{display:flex;gap:14px;flex-wrap:wrap;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface);position:sticky;top:72px;z-index:5}.filters label{font-size:10px;color:var(--text-3);display:grid;gap:5px;flex:1;min-width:145px}.filters select,.filters input,.photo-filter input{font:inherit;color:var(--text);border:1px solid var(--border-2);background:var(--bg);padding:10px 12px;border-radius:7px;min-width:0;width:100%;font-size:11px}.filters select{max-width:100%}#filterCount{font-size:11px;color:var(--text-3)}.source-item{padding:20px 0;border-bottom:1px solid var(--border)}.source-item h3{margin:0}.source-item p{font-size:13px}.source-item>a{font-size:12px}.syllabus{margin:35px 0;padding:10px;background:white;border-radius:9px;overflow:auto}.syllabus img{display:block;min-width:680px;width:100%}.photo-wrap{max-width:1200px;padding:60px 24px;margin:auto}.photo-filter{display:block;max-width:600px;font-size:11px;color:var(--text-2)}.photo-filter input{margin-top:7px;font-size:13px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.photo-card{border:1px solid var(--border);background:var(--surface);border-radius:13px;overflow:hidden;scroll-margin-top:100px}.photo-card>a{display:block;height:220px;background:var(--bg-2)}.photo-card img{height:100%;width:100%;object-fit:contain;display:block}.photo-card>div{padding:20px}.photo-card h2{font:500 11px var(--f-mono);overflow-wrap:anywhere;letter-spacing:0;margin:12px 0}.photo-card p{font-size:12px;color:var(--text-2)}.photo-card .micro{font-size:10px}.photo-links{display:flex;gap:8px;flex-wrap:wrap}.photo-links a{font-size:10px;text-decoration:none;background:var(--surface-2);padding:3px 7px;border-radius:5px}.photo-wrap #photoCount{font-size:12px;color:var(--text-3)}dialog#searchDialog{max-width:680px;width:calc(100% - 30px);padding:25px;background:var(--surface);border:1px solid var(--border-2);border-radius:15px;color:var(--text);box-shadow:0 30px 100px #0008;max-height:80vh}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}#searchDialog form{text-align:right}#searchDialog label{display:block;font-size:11px;letter-spacing:1px;color:var(--text-3);margin:10px 0}.close-search{background:none;border:0;color:var(--text-3);font-size:10px}#searchInput{font:inherit;width:100%;padding:15px;background:var(--bg);color:var(--text);border:1px solid var(--border-2);border-radius:8px}#searchResults{margin-top:18px;max-height:45vh;overflow-y:auto}#searchResults a{display:block;padding:12px;color:var(--text);border-bottom:1px solid var(--border);text-decoration:none;font-size:12px}#searchResults a:hover,#searchResults a:focus{background:var(--surface-2)}#searchResults small{display:block;color:var(--text-3);font-size:10px;margin-top:5px}#searchResults p{font-size:12px;color:var(--text-3)}.mobile-nav{position:fixed;inset:72px 0 0;z-index:40;background:var(--bg);padding:20px;overflow-y:auto}.mobile-nav a{display:block;text-decoration:none;padding:10px;border-bottom:1px solid var(--border);font-size:13px}body:has(.mobile-nav:not([hidden])){overflow:hidden}
@media(min-width:1450px){.reader-layout{gap:80px}.reader{max-width:900px}}@media(max-width:1100px){.topnav{gap:15px}.brand-sub{display:none}.hero{gap:30px}.stats>div{padding:20px}.reader-layout{grid-template-columns:220px minmax(0,1fr);gap:35px;padding:0 24px}.photo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.topnav,.reader-nav{display:none}.nav-toggle{display:flex}.tb-actions{margin-left:auto}.topbar{padding:0 20px}.reader-layout{display:block;padding:0 24px}.reader{max-width:760px;margin:auto;padding-top:40px}.hero{grid-template-columns:1fr 0.8fr;gap:24px;padding:55px 0 45px}.hero h1{font-size:52px;letter-spacing:-2px}.lead{font-size:14px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-visual{padding:15px}.visual-equation{font-size:17px}.stats span{font-size:10px}.stats>div{gap:10px;padding:18px}.stats b{font-size:25px}.topic-grid{grid-template-columns:repeat(2,1fr)}.topic-card{padding:21px}.site-footer{flex-wrap:wrap;justify-content:flex-start}.home-bottom{gap:15px}.section-heading p{max-width:180px;text-align:right}.workshop-banner{padding:26px;gap:15px}.workshop-banner h2{font-size:21px}}
@media(max-width:600px){.home-wrap{padding:0 18px}.hero{grid-template-columns:1fr;padding:40px 0 30px;gap:25px}.hero h1{font-size:55px;margin:18px 0 18px;letter-spacing:-2.7px}.hero-visual{display:none}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}.lead{font-size:14px}.hero .micro{font-size:9px}.hero-actions .button{font-size:11px;padding:11px 14px}.stats{grid-template-columns:repeat(2,1fr);margin-bottom:22px}.stats>div{padding:18px}.stats>div:nth-child(3){border-left:0;border-top:1px solid var(--border)}.stats>div:nth-child(4){border-top:1px solid var(--border)}.stats span{max-width:none;font-size:10px}.stats b{min-width:42px;font-size:27px}.continue-panel{padding:20px;margin-bottom:40px;gap:15px}.continue-panel .eyebrow{font-size:8px;letter-spacing:1.3px}.continue-panel h2{font-size:16px}.continue-panel p{font-size:10px}.progress-ring{width:60px;height:60px}.progress-ring span{font-size:13px}.section-heading{align-items:start;display:block;margin-bottom:18px}.section-heading h2{font-size:24px}.section-heading p{font-size:10px;text-align:left;max-width:none;margin-top:6px}.topic-grid{grid-template-columns:1fr;gap:14px}.topic-card{padding:22px}.topic-card h3{font-size:19px;margin:15px 0 8px}.topic-card p{font-size:12px;margin-bottom:14px}.card-meta{margin-bottom:15px}.workshop-banner{display:block;padding:24px}.workshop-banner p{font-size:11px;margin:12px 0 20px}.workshop-banner h2{font-size:23px}.home-bottom{grid-template-columns:1fr;margin-bottom:35px}.home-bottom article{padding:22px}.home-bottom p,.home-bottom li,.home-bottom a{font-size:11px}.site-footer{padding:20px 18px;gap:12px;font-size:9px}.site-footer>span{width:100%}.topbar{height:62px;padding:0 16px;gap:10px}.brand{font-size:20px}.brand-dot{width:23px;height:23px}.tb-actions{gap:6px}.tb-btn{height:33px;padding:0 9px}.tb-btn kbd,.search-label{display:none}.reader-layout{padding:0 18px}.reader{padding-top:35px;padding-bottom:45px}.reader h1,.photo-wrap h1{font-size:31px;letter-spacing:-1px}.reader h2{font-size:21px}.reader p,.reader li{font-size:13px}.reader .page-lead{font-size:14px}.page-actions{gap:8px;margin:20px 0}.page-actions .button{font-size:10px;padding:10px 12px}.learning-goals{padding:19px}.learning-goals li{font-size:11px}.lesson-section{padding-top:25px;margin-top:30px;scroll-margin-top:80px}.exercise{padding:17px;margin:20px 0}.exercise h3{font-size:16px}.exercise-top{gap:6px}.source-link,.tag,.check{font-size:9px}.solution li{font-size:12px}.solution ol{padding:14px 14px 10px 28px}.equation{padding:10px;font-size:12px}.callout{padding:15px 17px}.callout p{font-size:11px}.diagram{padding:12px}.diagram figcaption{font-size:9px}.filters{top:62px;padding:12px;gap:8px}.filters label{min-width:calc(50% - 8px);font-size:9px}.filters label:last-child{width:100%}.filters select,.filters input{font-size:10px;padding:8px}.photo-wrap{padding:35px 18px}.photo-grid{grid-template-columns:1fr}.photo-card>a{height:260px}.photo-card>div{padding:18px}.mobile-nav{top:62px}.syllabus img{min-width:600px}.next-prev a{font-size:11px}}
@media print{.topbar,.reader-nav,.site-footer,.page-actions,.filters,.check,.mobile-nav,.reading-progress{display:none!important}.reader-layout{display:block;padding:0}.reader{max-width:none;padding:0}.exercise{break-inside:avoid}.solution{display:block}.solution:not([open])>ol{display:block}.hero-visual{display:none}body{background:#fff;color:#111}p,li{color:#111!important}}
@media(max-width:340px){.brand{font-size:18px;gap:7px}.brand-dot{width:20px;height:20px}.topbar{padding:0 12px;gap:8px}.tb-btn{padding:0 6px}.tb-actions{gap:4px}}