:root{
  --navy:#081a3a;--navy-2:#102a58;--blue:#2879f6;--blue-soft:#edf5ff;
  --violet:#8758f3;--coral:#ff6469;--orange:#ffad35;--teal:#28b9aa;
  --pink:#ef6fa8;--mint:#50c878;--page:#f4f7fd;--card:#fff;
  --soft-shadow:0 12px 35px rgba(32,65,132,.10);
}
html[data-theme=dark]{--page:#0d1528;--card:#151f36;--navy:#07142c;--blue-soft:#182a49}
body:not(.admin-body){background:var(--page)}
.new-header{height:72px;background:linear-gradient(115deg,var(--navy),#0b2147);border:0;color:#fff;box-shadow:0 4px 18px rgba(4,17,42,.16)}
.new-header .brand,.new-header .main-nav>a,.new-header .nav-dropdown summary{color:#eaf1ff}
.brand{gap:11px}.brand-emblem{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#52b5ff,#4877ff);color:#fff;box-shadow:inset 0 0 0 1px #ffffff42;font-size:20px}
.brand>span:last-child{font:600 19px/1 'Manrope';letter-spacing:-.5px}.brand>span:last-child b{font-weight:800}.brand small{display:block;font:700 6px/1.2 'DM Sans';letter-spacing:1.4px;color:#9fc8ff;margin-top:4px}
.new-header .main-nav{gap:26px;height:72px}.new-header .main-nav>a,.nav-dropdown summary{font-size:11px;font-weight:700;height:72px;display:flex;align-items:center;position:relative;cursor:pointer}
.new-header .main-nav>a:hover,.nav-dropdown summary:hover{color:#fff}.new-header .main-nav>a:hover:after,.nav-dropdown[open] summary:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#4b91ff}
.nav-dropdown{height:72px;position:relative}.nav-dropdown summary{list-style:none}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary:after{border:0}.nav-dropdown summary:before{content:"⌄";order:2;margin-left:6px;color:#7ea9dd}
.nav-dropdown>div{position:absolute;left:50%;top:62px;transform:translateX(-50%);width:220px;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:var(--soft-shadow);display:grid;z-index:50}
.nav-dropdown>div a{padding:10px 12px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:10px;font-weight:700}.nav-dropdown>div a:hover{background:var(--blue-soft);color:var(--blue)}.nav-dropdown .all-link{border-top:1px solid var(--line);margin-top:4px;color:var(--blue)}
.new-header .theme-button{width:48px;height:25px;border:0;border-radius:20px;background:#f5f7fb;color:#ffb323}.new-header .theme-button span{font-size:13px}.new-header .menu-button{border-color:#ffffff38;background:#ffffff12}

.new-home{padding-bottom:70px}.yks-hero{min-height:360px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.8fr) minmax(260px,.55fr);gap:28px;align-items:center;padding-block:45px}
.hero-copy h1,.page-tool-hero h1,.page-hero h1,.contact-copy h1{font:800 clamp(38px,4.8vw,62px)/1.04 'Manrope';letter-spacing:-3px;margin:15px 0;color:var(--ink)}.hero-copy h1 em,.page-hero h1 em,.contact-copy h1 em{font-style:normal;color:var(--blue)}
.hero-copy>p,.page-hero>p,.contact-copy>p{max-width:600px;color:var(--muted);font-size:14px;line-height:1.7}.hero-stats{display:flex;gap:18px;margin-top:25px}.hero-stats span{font-size:10px;color:var(--muted);padding-right:18px;border-right:1px solid var(--line)}.hero-stats span:last-child{border:0}.hero-stats b{color:var(--ink);font-size:16px;margin-right:4px}
.hero-visual{height:270px;position:relative;display:grid;place-items:center}.visual-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#cce3ff 0,#dbe9ff99 45%,transparent 70%)}html[data-theme=dark] .visual-glow{background:radial-gradient(circle,#1f4b8375,transparent 70%)}
.visual-card{position:relative;width:190px;height:150px;background:linear-gradient(145deg,#fff,#eff5ff);border:7px solid #103a79;border-radius:13px;box-shadow:0 25px 45px #4169ad2e;padding:22px;transform:rotate(-2deg);z-index:2}.mini-logo{position:absolute;left:12px;top:10px;color:var(--blue)}.chart-bars{height:65px;display:flex;align-items:end;gap:9px;margin:25px 0 0}.chart-bars i{width:19px;border-radius:4px 4px 0 0}.chart-bars i:nth-child(1){height:30%;background:#f7a936}.chart-bars i:nth-child(2){height:55%;background:#6fcf97}.chart-bars i:nth-child(3){height:82%;background:#5b8ff9}.chart-bars i:nth-child(4){height:65%;background:#a970ec}.chart-line{display:flex;gap:25px;position:absolute;right:13px;top:28px}.chart-line i{width:7px;height:7px;border-radius:50%;background:#ff6b79}
.book-stack{position:absolute;z-index:3;right:25px;bottom:35px;transform:rotate(-4deg)}.book-stack i{display:block;width:115px;height:20px;border-radius:4px;margin-top:4px;box-shadow:inset 8px 0 #fff8}.book-stack i:nth-child(1){background:#ff9b41}.book-stack i:nth-child(2){background:#537ee9}.book-stack i:nth-child(3){background:#8b62eb}
.float-badge{position:absolute;z-index:4;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 9px 20px #536da933}.badge-a{left:18px;top:70px;background:var(--violet)}.badge-b{right:40px;top:32px;background:var(--coral)}.badge-c{left:55px;bottom:18px;background:var(--mint)}

.ad-live{display:flex;align-items:center;justify-content:center;max-width:100%;border-radius:12px;overflow:hidden}
.ad-live ins{max-width:100%}.ad-rectangle{min-height:250px;width:100%;background:linear-gradient(145deg,#f7f0ff,#eef5ff)}.ad-billboard{min-height:90px;margin-block:18px;background:linear-gradient(120deg,#eff7ff,#f6efff)}.ad-gradient{min-height:120px;background:linear-gradient(115deg,#8f4fe9,#4d8ef7)}.ad-soft{background:linear-gradient(115deg,#eef7ff,#edfff4)}
html[data-theme=dark] .ad-rectangle,html[data-theme=dark] .ad-billboard,html[data-theme=dark] .ad-soft{background:#162643}

.home-calculator{margin-top:10px}.yks-dynamic-form{padding:0!important;display:grid;gap:16px}.profile-strip,.exam-panel{background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:var(--soft-shadow)}
.profile-strip{display:grid;grid-template-columns:1fr 1fr;min-height:85px}.profile-strip>label{display:grid;grid-template-columns:auto 1fr minmax(120px,220px);gap:12px;align-items:center;padding:18px 24px}.profile-strip>label+label{border-left:1px solid var(--line)}.profile-strip b,.profile-strip small{display:block}.profile-strip b{font-size:10px}.profile-strip small{font-size:8px;color:var(--muted);margin-top:3px}.profile-strip input[type=number]{height:43px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);padding:0 12px;font-weight:700;outline:0}.field-icon{width:31px;height:31px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);border-radius:8px}.placed-check{grid-template-columns:auto 1fr!important;cursor:pointer}.placed-check input{position:absolute;opacity:0}.placed-check i{width:20px;height:20px;border:1px solid var(--line);border-radius:5px;background:var(--surface2)}.placed-check input:checked+i{background:var(--blue);border-color:var(--blue);box-shadow:inset 0 0 0 5px #fff}
.exam-panel{padding:18px}.panel-title{display:flex;gap:10px;align-items:center;margin-bottom:15px}.panel-title h2{font:800 16px 'Manrope';margin:0}.panel-title p{font-size:9px;color:var(--muted);margin:3px 0 0}.title-icon{width:28px;height:28px;border-radius:7px;display:grid;place-items:center}.title-icon.blue{background:var(--blue-soft);color:var(--blue)}.title-icon.purple{background:#f2ebff;color:var(--violet)}
.subject-grid{display:grid;gap:10px}.tyt-subjects{grid-template-columns:repeat(4,minmax(0,1fr))}.ayt-subjects{grid-template-columns:repeat(6,minmax(0,1fr))}
.yks-dynamic-form .score-row{display:block!important;padding:0!important;margin:0!important;border:1px solid var(--line);border-radius:9px;background:var(--card);overflow:hidden;min-width:0}
.score-subject h3{margin:0;padding:10px;text-align:center;color:#fff;font:800 10px 'Manrope';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-subject h3 small{font-size:8px;color:inherit}
.score-subject.coral h3{background:linear-gradient(110deg,#ff5e67,#ff7b81)}.score-subject.orange h3{background:linear-gradient(110deg,#ff9c32,#ffb642)}.score-subject.blue h3{background:linear-gradient(110deg,#2676f0,#438ffc)}.score-subject.green h3{background:linear-gradient(110deg,#3ebf6b,#66d183)}.score-subject.purple h3,.score-subject.violet h3{background:linear-gradient(110deg,#7658e7,#976eec)}.score-subject.pink h3{background:linear-gradient(110deg,#e95d9a,#f17bb0)}.score-subject.teal h3{background:linear-gradient(110deg,#1eaaa2,#45c7b5)}.score-subject.indigo h3{background:linear-gradient(110deg,#4f67df,#6f83ea)}
.score-subject label,.score-subject .net-field{display:grid;grid-template-columns:45px 1fr;gap:7px;align-items:center;padding:7px 8px;border-top:1px solid var(--line)}.score-subject label span,.net-field span{font-size:8px;color:var(--muted);font-weight:700}.score-subject input,.score-subject output{width:100%;height:34px!important;border:1px solid var(--line)!important;border-radius:6px!important;background:var(--surface2)!important;text-align:center;display:grid;place-items:center;font-size:10px;font-weight:700;color:var(--ink)!important;outline:0}.score-subject input:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px #2879f614}.score-subject input.invalid{border-color:var(--coral)!important}.score-subject output{background:#f4f6fa!important;color:#58657d!important}html[data-theme=dark] .score-subject output{background:#101a2f!important;color:#afbdd4!important}
.colorful-actions{margin:0!important;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--soft-shadow);padding:15px;justify-content:center!important}.colorful-actions .primary-button{width:min(300px,100%);background:linear-gradient(110deg,#1768e7,#307ff4);color:#fff}.colorful-actions .primary-button b{background:#ffffff20;color:#fff}.colorful-actions .secondary-button{min-width:160px;background:var(--surface2)}

.page-tool-hero{display:grid;grid-template-columns:1fr auto minmax(260px,300px);align-items:center;gap:30px;padding-block:38px}.page-tool-hero h1{font-size:42px}.page-tool-hero p{font-size:12px;color:var(--muted);max-width:580px}.tool-hero-badge{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--soft-shadow)}.tool-hero-badge span,.tool-hero-badge b,.tool-hero-badge small{display:block}.tool-hero-badge span{font:800 24px 'Manrope';color:var(--blue)}.tool-hero-badge b{font-size:10px;margin-top:5px}.tool-hero-badge small{font-size:8px;color:var(--muted);margin-top:5px}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-block:18px}.benefit-grid article{display:flex;align-items:center;gap:13px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px;box-shadow:var(--soft-shadow)}.benefit-grid article>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:25px}.benefit-purple{color:var(--violet);background:#f1eaff}.benefit-green{color:#24b678;background:#e9fbf4}.benefit-orange{color:#f3a019;background:#fff6df}.benefit-blue{color:var(--blue);background:var(--blue-soft)}.benefit-grid b{font-size:10px}.benefit-grid p{font-size:8px;color:var(--muted);line-height:1.5;margin:4px 0 0}

.latest-blog{padding-block:45px}.section-title a{background:var(--blue);color:#fff;text-decoration:none;padding:10px 14px;border-radius:7px;font-size:9px;font-weight:800}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.blog-grid.compact{grid-template-columns:repeat(4,1fr)}.blog-card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:var(--soft-shadow);transition:.2s}.blog-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #21418422}.blog-cover{height:145px;position:relative;display:flex;align-items:end;justify-content:space-between;padding:13px;overflow:hidden}.blog-cover:before,.blog-cover:after{content:"";position:absolute;border-radius:50%;background:#ffffff25}.blog-cover:before{width:130px;height:130px;right:-30px;top:-40px}.blog-cover:after{width:70px;height:70px;left:30%;bottom:-35px}.blog-cover.blue{background:linear-gradient(135deg,#2879f6,#72b5ff)}.blog-cover.green{background:linear-gradient(135deg,#24a872,#7ed9ad)}.blog-cover.orange{background:linear-gradient(135deg,#f39a27,#ffd36b)}.blog-cover.purple{background:linear-gradient(135deg,#8058e7,#c091ff)}.blog-cover span{position:relative;z-index:1;background:#fff;color:#1b3260;border-radius:5px;padding:5px 7px;font-size:7px;font-weight:800}.blog-cover b{position:relative;z-index:1;color:#fff;font-size:38px}.blog-copy{padding:15px}.blog-copy>small{font-size:7px;font-weight:800;color:var(--blue);text-transform:uppercase}.blog-copy h2,.blog-copy h3{font:800 14px/1.35 'Manrope';margin:7px 0}.blog-copy p{font-size:9px;line-height:1.55;color:var(--muted);margin:0}.blog-copy footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:14px;padding-top:10px;font-size:7px;color:var(--muted)}
.compact-search{margin:0 0 20px;max-width:450px;height:52px}.catalog-section{padding-top:45px}

.content-page{padding-bottom:80px}.page-hero{padding-block:70px 45px;text-align:center}.page-hero h1{font-size:55px}.page-hero>p{margin-inline:auto}.distribution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.distribution-card{display:grid;grid-template-columns:65px 1fr;gap:17px;background:var(--card);border:1px solid var(--line);border-radius:15px;padding:20px;color:var(--ink);text-decoration:none;box-shadow:var(--soft-shadow)}.distribution-card>span{width:60px;height:60px;border-radius:15px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font:800 24px 'Manrope'}.distribution-card.orange>span{background:#fff3df;color:#f39a27}.distribution-card.green>span{background:#e9fbf4;color:#22a87a}.distribution-card.purple>span,.distribution-card.violet>span{background:#f1eaff;color:var(--violet)}.distribution-card.indigo>span{background:#ebefff;color:#516ae5}.distribution-card small{font-size:7px;color:var(--blue);font-weight:800;letter-spacing:1px}.distribution-card h2{font:800 17px 'Manrope';margin:5px 0}.distribution-card p{font-size:9px;color:var(--muted);line-height:1.5}.distribution-card b{font-size:9px;color:var(--blue)}
.article-shell{max-width:820px;padding-block:55px}.article-shell>.back-link{text-align:left;margin:0 0 32px}.article-category{display:inline-block;background:var(--blue-soft);color:var(--blue);font-size:8px;font-weight:800;border-radius:20px;padding:7px 11px}.article-shell h1{font:800 clamp(34px,5vw,55px)/1.1 'Manrope';letter-spacing:-2.5px;margin:15px 0}.article-meta{display:flex;gap:10px;color:var(--muted);font-size:9px}.article-cover{height:300px;margin:32px 0;border-radius:17px;align-items:center;justify-content:center}.article-cover b{font-size:90px}.article-lead{font-size:18px;line-height:1.7;color:var(--ink);font-weight:600}.article-shell section h2{font:800 23px 'Manrope';margin:35px 0 10px}.article-shell section p{font-size:14px;line-height:1.9;color:var(--muted)}.article-callout{margin-top:35px;padding:20px;border-left:4px solid var(--blue);background:var(--blue-soft);border-radius:0 12px 12px 0}.article-callout b{font-size:11px}.article-callout p{font-size:11px;line-height:1.6;margin:5px 0 0;color:var(--muted)}
.static-page{max-width:900px}.static-page>h1{max-width:760px}.static-page>.article-lead{max-width:800px}
.faq-list{display:grid;gap:12px;margin-top:38px}
.faq-list details{border:1px solid var(--line);border-radius:13px;background:var(--card);overflow:hidden}
.faq-list summary{list-style:none;cursor:pointer;padding:18px 50px 18px 19px;font:800 15px 'Manrope';position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-size:18px}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{margin:0!important;padding:0 19px 19px;font-size:13px!important}
.topic-list{display:grid;gap:9px;margin-top:30px}.topic-list>div{display:grid;grid-template-columns:45px 1fr auto;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px}.topic-list span{font:800 18px 'Manrope';color:var(--blue)}.topic-list b{font-size:12px}.topic-list small{font-size:8px;color:var(--muted)}
.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start;padding-block:80px}.contact-copy h1{font-size:55px}.contact-points{display:grid;gap:12px;margin-top:35px}.contact-points>div{display:grid;grid-template-columns:40px 1fr;align-items:center}.contact-points>div>span{grid-row:1/3;width:34px;height:34px;border-radius:9px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.contact-points b,.contact-points small{display:block}.contact-points b{font-size:10px}.contact-points small{font-size:8px;color:var(--muted)}.contact-form{display:grid;gap:14px;background:var(--card);border:1px solid var(--line);box-shadow:var(--soft-shadow);border-radius:17px;padding:28px}.contact-form label span{display:block;font-size:9px;font-weight:800;margin-bottom:7px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--surface2);padding:12px;outline:0}.contact-form input,.contact-form select{height:46px}.contact-form .primary-button{width:100%;background:var(--blue);color:#fff}.contact-alert{background:#e9fbf4;color:#17825b;border:1px solid #bfead8;border-radius:9px;padding:12px;font-size:10px}.hp-field{position:absolute!important;left:-9999px!important}

.study-note-modal{border:0;padding:0;background:transparent;width:min(510px,calc(100% - 24px));color:var(--ink)}.study-note-modal::backdrop{background:rgba(4,15,38,.72);backdrop-filter:blur(7px)}.study-note-inner{background:var(--card);border-radius:22px;padding:34px;text-align:center;box-shadow:0 35px 100px rgba(0,0,0,.28)}.note-spark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:18px;background:linear-gradient(135deg,#8058e7,#5089ff);color:#fff;font-size:25px}.study-note-inner h2{font:800 25px 'Manrope';margin:8px 0}.study-note-inner>p{font-size:12px;line-height:1.7;color:var(--muted)}.detected-track{display:flex;justify-content:space-between;align-items:center;background:var(--blue-soft);border-radius:10px;padding:12px 14px;margin:20px 0}.detected-track span{font-size:9px;color:var(--muted)}.detected-track b{font-size:11px;color:var(--blue)}.note-confirm{width:100%;background:var(--blue);color:#fff}.note-confirm b{background:#ffffff20;color:#fff}
.result-modal .modal-inner{background:var(--card)}
.inline-result{scroll-margin-top:92px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--soft-shadow);outline:0}
.inline-result[hidden]{display:none}
.inline-result-head{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.inline-result-head .result-celebrate{flex:0 0 auto;margin:0;background:linear-gradient(135deg,#4ecb81,#85db9e);color:#fff}
.inline-result-head h2{font:800 25px 'Manrope';margin:4px 0}
.inline-result-head p{font-size:12px;color:var(--muted);margin:0}
.inline-result-cards{grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0}
.inline-result-cards>div{background:var(--surface2)}
.year-comparison{margin-top:24px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.year-comparison-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;background:var(--blue-soft)}
.year-comparison-title span{font-size:9px;font-weight:800;letter-spacing:1.5px;color:var(--blue)}
.year-comparison-title h3{font:800 17px 'Manrope';margin:4px 0 0}
.year-comparison-title small{font-size:11px;font-weight:800;color:var(--blue);white-space:nowrap}
.year-table-wrap{max-width:100%;overflow-x:auto}
.year-comparison table{width:100%;min-width:720px;border-collapse:collapse}
.year-comparison th,.year-comparison td{padding:14px 12px;border-top:1px solid var(--line);border-right:1px solid var(--line);text-align:center}
.year-comparison th:last-child,.year-comparison td:last-child{border-right:0}
.year-comparison thead th{border-top:0;background:var(--surface2);font-size:10px;color:var(--muted)}
.year-comparison tbody th{font:800 14px 'Manrope';color:var(--blue);background:var(--surface2)}
.year-comparison td b,.year-comparison td span{display:block}
.year-comparison td b{font:800 13px 'Manrope'}
.year-comparison td span{font-size:9px;color:var(--muted);margin-top:3px}
.inline-share{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);gap:20px;align-items:end;margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}
.inline-share>div>b,.inline-share>div>span{display:block}
.inline-share>div>b{font-size:13px}.inline-share>div>span{font-size:10px;color:var(--muted);margin-top:4px}
.inline-share .share-row{margin:0}
.shared-card{max-width:980px}
.result-board-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}
.result-board{margin-top:18px;padding:15px;border:1px solid #d8e4f5;border-radius:16px;background:linear-gradient(145deg,#f8fbff,#f4f7fd);overflow:hidden}
html[data-theme=dark] .result-board{background:#111d34;border-color:#263a5c}
.result-board>h3{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:calc(100% - 24px);margin:-2px auto 14px;padding:11px 22px;border-radius:12px;color:#fff;font:800 18px 'Manrope';letter-spacing:.2px}
.result-board>h3 span{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#ffffff20}
.result-board-blue>h3{background:linear-gradient(110deg,#1566df,#1daeea)}
.result-board-purple>h3{background:linear-gradient(110deg,#4e35d4,#7c4ce6)}
.result-table-wrap{max-width:100%;overflow-x:auto;border:1px solid #dbe4f1;border-radius:11px;background:var(--card);scrollbar-width:thin}
.result-table-wrap table{width:100%;border-collapse:collapse}
.result-table-wrap th,.result-table-wrap td{height:64px;padding:10px;border-right:1px solid #dfe6f0;border-bottom:1px solid #dfe6f0;text-align:center}
.result-table-wrap tr:last-child>*{border-bottom:0}.result-table-wrap tr>*:last-child{border-right:0}
.result-table-wrap thead th{height:48px;color:#fff;font:800 13px 'Manrope';white-space:nowrap}
.result-board-blue thead th{background:linear-gradient(110deg,#1765d9,#21adea)}
.result-board-purple thead tr:first-child th{background:linear-gradient(110deg,#5136d5,#7347df)}
.result-board-purple thead tr:nth-child(2) th{height:40px;background:#f1edff;color:#4d37bd}
html[data-theme=dark] .result-board-purple thead tr:nth-child(2) th{background:#241e47;color:#b9aaff}
.result-table-wrap tbody th{min-width:88px;background:#f1f6fd;color:#183156;font:800 13px 'Manrope';text-transform:uppercase}
html[data-theme=dark] .result-table-wrap tbody th{background:#172744;color:#e8f1ff}
.result-table-wrap output{display:grid;place-items:center;min-width:92px;height:42px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:var(--ink);font:800 13px 'Manrope';white-space:nowrap}
.score-result-table{min-width:440px}.ayt-score-table{min-width:720px}.ayt-rank-table{min-width:1050px}
.ayt-rank-table tbody th{color:#4d37bd}
.rank-result-table tbody th{font-size:14px}
.rank-result-table td{padding:8px}.rank-result-table output{min-width:88px}

.new-footer{background:linear-gradient(115deg,#07182f,#0a2145);border:0;color:#fff;padding:52px 0 22px}.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1.15fr;gap:46px}.new-footer .brand{color:#fff}.footer-grid>div>p{font-size:12px;line-height:1.75;color:#a9b9d3;max-width:290px}.footer-grid>div>b{display:block;font-size:14px;margin-bottom:14px}.footer-grid>div>a{display:block;color:#bdcae0;text-decoration:none;font-size:13px;line-height:1.35;padding:7px 0}.footer-grid>div>a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff14;margin-top:38px;padding-top:19px;font-size:10px;color:#91a4c5}

@media(max-width:1050px){
  .yks-hero{grid-template-columns:1fr 1fr}.yks-hero .ad-rectangle{display:none}.page-tool-hero{grid-template-columns:1fr auto}.page-tool-hero .ad-rectangle{display:none}.ayt-subjects{grid-template-columns:repeat(4,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}.blog-grid.compact{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .new-header{height:64px}.new-header .nav-wrap{height:64px}.new-header .main-nav{top:64px;height:auto;background:var(--navy);border-color:#ffffff20;padding:9px}.new-header .main-nav>a{height:auto;padding:12px;color:#fff}.nav-dropdown{height:auto}.nav-dropdown summary{height:auto;padding:12px}.nav-dropdown>div{position:static;transform:none;width:100%;background:#0f2a55;border-color:#ffffff18;box-shadow:none}.nav-dropdown>div a{color:#d9e8ff}.new-header .brand>span:last-child{font-size:16px}.new-header .brand-emblem{width:34px;height:34px}.new-header .menu-button{display:block}
  .yks-hero{grid-template-columns:1fr;padding-block:38px 28px}.hero-copy h1,.page-hero h1,.contact-copy h1{font-size:39px;letter-spacing:-2px}.hero-visual{height:220px}.yks-hero .hero-visual{display:grid}.hero-stats{flex-wrap:wrap}
  .profile-strip{grid-template-columns:1fr}.profile-strip>label{grid-template-columns:auto 1fr;gap:9px;padding:15px}.profile-strip>label input[type=number]{grid-column:1/-1;width:100%}.profile-strip>label+label{border-left:0;border-top:1px solid var(--line)}
  .exam-panel{padding:12px}.tyt-subjects,.ayt-subjects{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-title h2{font-size:14px}.panel-title p{display:none}.score-subject label,.score-subject .net-field{grid-template-columns:38px 1fr;padding:6px}.colorful-actions{display:grid!important;grid-template-columns:1fr 1fr}.colorful-actions button{min-width:0!important;width:100%!important;padding:0 12px}
  .page-tool-hero{grid-template-columns:1fr;padding-block:30px}.tool-hero-badge{display:none}.page-tool-hero h1{font-size:35px}.benefit-grid{grid-template-columns:1fr}.blog-grid,.blog-grid.compact,.distribution-grid{grid-template-columns:1fr}.section-title{gap:15px}.section-title a{white-space:nowrap}.catalog-section{padding-bottom:60px}
  .page-hero{padding-block:50px 30px}.article-shell{padding-block:35px}.article-cover{height:210px}.article-lead{font-size:15px}.topic-list>div{grid-template-columns:40px 1fr}.topic-list small{grid-column:2;margin-top:4px}.contact-layout{grid-template-columns:1fr;gap:35px;padding-block:50px}.contact-form{padding:20px}
  .study-note-inner{padding:28px 20px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:grid;gap:7px}
}
@media(max-width:390px){
  .hero-visual{display:none!important}.hero-copy h1,.page-hero h1,.contact-copy h1{font-size:34px}.colorful-actions{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.modal-results{grid-template-columns:1fr}
}

.new-home .hero-copy>p{font-size:17px;line-height:1.75}
.new-home .eyebrow{font-size:13px}
.new-home .hero-stats span{font-size:12px}.new-home .hero-stats b{font-size:20px}
.new-home .profile-strip b{font-size:14px}.new-home .profile-strip small{font-size:11px;line-height:1.4}
.new-home .profile-strip input[type=number]{height:50px;font-size:17px}
.new-home .field-icon{width:38px;height:38px;font-size:16px}
.new-home .panel-title h2{font-size:21px}.new-home .panel-title p{font-size:12px}
.new-home .title-icon{width:36px;height:36px;font-size:16px}
.new-home .score-subject h3{padding:13px 8px;font-size:13px}.new-home .score-subject h3 small{font-size:11px}
.new-home .score-subject label,.new-home .score-subject .net-field{grid-template-columns:57px 1fr;padding:9px 10px}
.new-home .score-subject label span,.new-home .net-field span{font-size:11px}
.new-home .score-subject input,.new-home .score-subject output{height:42px!important;font-size:14px}
.new-home .colorful-actions{padding:20px}.new-home .colorful-actions button{height:58px;font-size:14px}
.new-home .benefit-grid b{font-size:14px}.new-home .benefit-grid p{font-size:11px}
.new-home .section-title>div>span{font-size:12px}.new-home .section-title h2{font-size:35px}
.new-home .section-title a{font-size:12px;padding:12px 17px}
.new-home .blog-copy>small{font-size:10px}.new-home .blog-copy h3{font-size:18px}
.new-home .blog-copy p{font-size:12px}.new-home .blog-copy footer{font-size:10px}
.new-home .category-chips button{font-size:12px;padding:12px 18px}
.new-home .catalog-card{padding:17px}.new-home .catalog-card b{font-size:14px}.new-home .catalog-card small{font-size:11px}

.nav-dropdown summary:before{content:none}
.nav-dropdown summary:after{content:"";position:static;width:7px;height:7px;margin:0 0 4px 9px;border-right:2px solid #83addf;border-bottom:2px solid #83addf;transform:rotate(45deg);transition:transform .2s,margin .2s}
.nav-dropdown[open] summary:after{position:static;left:auto;right:auto;bottom:auto;width:7px;height:7px;background:transparent;border-right:2px solid #83addf;border-bottom:2px solid #83addf;transform:rotate(225deg);margin:7px 0 0 9px}
.nav-dropdown[open] summary:before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#4b91ff}

@media(max-width:700px){
  .new-home .hero-copy>p{font-size:15px}
  .new-home .profile-strip b{font-size:13px}.new-home .profile-strip small{font-size:10px}
  .new-home .panel-title h2{font-size:18px}
  .new-home .score-subject h3{font-size:14px}
  .new-home .score-subject label span,.new-home .net-field span{font-size:12px}
  .new-home .score-subject input,.new-home .score-subject output{font-size:15px}
}

img,video{max-width:100%;height:auto}
iframe{max-width:100%}
.ad-live,.ad-live>*,.ad-live iframe{max-width:100%!important}

@media(max-width:850px){
  .profile-strip{grid-template-columns:1fr}
  .profile-strip>label{grid-template-columns:auto minmax(0,1fr) minmax(150px,240px)}
  .profile-strip>label+label{border-left:0;border-top:1px solid var(--line)}
  .page-tool-hero{grid-template-columns:minmax(0,1fr)}
  .page-tool-hero .tool-hero-badge{display:none}
}

@media(max-width:700px){
  .new-home,.content-page,.calculator-page{max-width:100%;overflow-x:clip}
  .section-title{flex-wrap:wrap;min-width:0}
  .latest-blog .section-title{flex-direction:column;align-items:flex-start;gap:14px}
  .latest-blog .section-title a{align-self:flex-start;white-space:normal;max-width:100%}
  .new-home .section-title h2{font-size:28px;line-height:1.15;overflow-wrap:anywhere}
  .new-home .section-title>div{min-width:0}
  .profile-strip>label{grid-template-columns:auto minmax(0,1fr);padding:16px}
  .profile-strip>label input[type=number]{grid-column:1/-1;min-width:0}
  .tyt-subjects,.ayt-subjects{grid-template-columns:repeat(2,minmax(0,1fr))}
  .score-tabs{max-width:100%;overflow-x:auto;scrollbar-width:none}
  .score-tabs button{flex:0 0 auto;min-height:44px;white-space:nowrap}
  input,select,textarea{font-size:16px}
  .new-home .score-subject input{font-size:16px}
  .category-chips{overscroll-behavior-inline:contain}
  .category-chips button{min-height:44px}
  .distribution-card{grid-template-columns:52px minmax(0,1fr);gap:13px;padding:16px}
  .distribution-card>span{width:52px;height:52px}
  .distribution-card h2,.distribution-card p{overflow-wrap:anywhere}
  .article-meta{flex-wrap:wrap}
  .article-shell h1{overflow-wrap:anywhere}
  .contact-copy h1{overflow-wrap:anywhere}
  .study-note-modal,.result-modal{max-width:calc(100% - 20px)}
  .study-note-inner,.result-modal .modal-inner{max-width:100%}
  .share-row input{width:100%}
  .inline-result{padding:18px 14px;border-radius:14px}
  .inline-result-head{align-items:flex-start}
  .inline-result-head h2{font-size:21px}
  .inline-result-cards{grid-template-columns:1fr 1fr}
  .result-board-grid{grid-template-columns:1fr;gap:4px}
  .result-board{padding:10px;margin-top:14px}
  .result-board>h3{font-size:15px;padding:9px 15px}
  .result-table-wrap th,.result-table-wrap td{height:56px;padding:8px}
  .inline-share{grid-template-columns:1fr;padding:15px}
  .year-comparison-title{align-items:flex-start}
  .admin-card{max-width:100%;overflow-x:auto}
}

@media(max-width:340px){
  .tyt-subjects,.ayt-subjects{grid-template-columns:1fr}
  .new-home .section-title h2{font-size:25px}
  .brand>span:last-child{max-width:112px}
  .new-header .theme-button{width:43px}
  .new-header .menu-button{width:43px}
  .inline-result-cards{grid-template-columns:1fr}
}

.notes-management{grid-column:1/-1;display:grid;gap:18px;margin-top:22px}
.notes-management .panel-intro{margin:0}
.note-track-section{display:grid;gap:14px}
.note-track-section>.admin-card-head{margin:0}
.note-track-section>.admin-card-head>div{display:flex;align-items:center;gap:10px}
.note-track-section>.admin-card-head span{font-size:9px;color:#7657ff;background:#f0edff;border-radius:20px;padding:5px 8px;letter-spacing:0}
.study-note-list{display:grid;gap:10px}
.study-note-editor{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(260px,1.5fr) 80px 72px auto;gap:12px;align-items:end;padding:14px;border:1px solid #e4e5ed;border-radius:13px;background:#fafafe}
.study-note-new{background:#f1f5ff;border-style:dashed;border-color:#b9c8ee}
.study-note-editor label>span{display:block;font-size:9px;font-weight:800;color:#676c82;margin-bottom:6px}
.study-note-editor input,.study-note-editor textarea{width:100%;border:1px solid #dfe1e9;border-radius:9px;background:#fff;padding:10px;outline:0}
.study-note-editor input{height:42px}.study-note-editor textarea{min-height:74px;resize:vertical}
.study-note-editor .admin-check{align-self:center;margin-top:16px}
.study-note-editor .admin-check span{margin:0}
.note-editor-actions{display:flex;gap:7px}
.delete-small{height:38px;border:1px solid #ffc9c5;border-radius:9px;background:#fff1f0;color:#bf3f38;padding:0 12px;font-size:9px;font-weight:800;cursor:pointer}

@media(max-width:1100px){
  .study-note-editor{grid-template-columns:1fr 1.5fr 75px 65px}
  .study-note-editor>.admin-primary,.study-note-editor>.note-editor-actions{grid-column:1/-1;justify-self:end}
}
@media(max-width:700px){
  .study-note-editor{grid-template-columns:1fr}
  .study-note-editor>.admin-primary,.study-note-editor>.note-editor-actions{grid-column:auto;width:100%;justify-self:stretch}
  .note-editor-actions>*{flex:1}
  .study-note-editor .admin-check{margin:0}
}

/* --- YKS DAGILIM MODULU - AÇIK MOD (LIGHT MODE) DEFAULT --- */
.dist-main { background-color: var(--page, #f4f7fd); min-height: 80vh; padding: 50px 20px; color: var(--ink); font-family: inherit; }
.dist-container { max-width: 1000px; margin: 0 auto; }
.dist-back-link { display: inline-block; color: var(--blue); text-decoration: none; margin-bottom: 20px; font-weight: 700; font-size: 15px; transition: color 0.3s; }
.dist-back-link:hover { color: var(--navy); }
.dist-badge { background: var(--blue-soft); color: var(--blue); padding: 5px 12px; border-radius: 20px; font-size: 13px; font-weight: bold; border: 1px solid rgba(40, 121, 246, 0.2); display: inline-block; margin-bottom: 10px; }
.dist-title { font-size: 28px; font-weight: 800; margin: 0 0 5px 0; color: var(--ink); text-transform: uppercase; letter-spacing: 1px; }
.dist-desc { color: var(--muted); font-size: 15px; }

.dist-table-wrap-outer { background: var(--card); padding: 5px; border-radius: 12px; box-shadow: var(--soft-shadow); margin-top: 30px; margin-bottom: 30px; border: 1px solid var(--line); overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }
.dist-flex-table { background: var(--card); border-radius: 8px; overflow: hidden; border: none; min-width: max-content; display: flex; flex-direction: column; }
.dist-row { display: flex; border-bottom: 1px solid var(--line); }
.dist-row:last-child { border-bottom: none; }
.dist-row-even { background-color: #f8fafc; }
.dist-row-odd { background-color: #ffffff; }

.dist-row-head { background: linear-gradient(90deg, #2879f6, #1e3a8a); color: #ffffff; font-weight: bold; }
.dist-row-total { background: var(--navy); color: #ffffff; font-weight: bold; border-top: 2px solid var(--line); }

.dist-col-subject { flex: 0 0 250px; padding: 14px 15px; display: flex; align-items: center; border-right: 1px solid var(--line); font-size: 15px; font-weight: 600; color: var(--ink); }
.dist-col-year { flex: 1 0 70px; padding: 14px 5px; text-align: center; border-right: 1px solid var(--line); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 15px; color: var(--ink); }
.dist-col-year:last-child { border-right: none; }

.dist-row-head .dist-col-subject, 
.dist-row-total .dist-col-subject,
.dist-row-head .dist-col-year, 
.dist-row-total .dist-col-year { border-right-color: rgba(255,255,255,0.2); color: #fff; }

.subject-icon { margin-right: 10px; color: var(--blue); font-size: 18px; line-height: 1; }

/* 2025+ Vurgusu (Açık Mod) */
.dist-head-highlight { background-color: #0f766e; color: #ffffff; }
.dist-body-highlight { background-color: #e6f6f5; color: #0f766e; }
.dist-total-highlight { background-color: #0f766e; color: #ffffff; }

.dist-seo-content { margin-top: 30px; background: var(--card); padding: 20px; border-radius: 8px; color: var(--muted); border: 1px solid var(--line); line-height: 1.6; }

/* --- YKS DAGILIM MODULU - KARANLIK MOD (DARK MODE) NEON OVERRIDE --- */
html[data-theme=dark] .dist-main { background-color: #0b1121; color: #e2e8f0; }
html[data-theme=dark] .dist-back-link { color: #00d2ff; }
html[data-theme=dark] .dist-back-link:hover { color: #fff; }
html[data-theme=dark] .dist-badge { background: rgba(0, 212, 255, 0.1); color: #00d2ff; border-color: rgba(0, 212, 255, 0.3); }
html[data-theme=dark] .dist-title { color: #ffffff; }
html[data-theme=dark] .dist-desc { color: #94a3b8; }

html[data-theme=dark] .dist-table-wrap-outer { background: linear-gradient(135deg, rgba(0,212,255,0.4), rgba(76,29,149,0.4)); border: none; box-shadow: 0 0 20px rgba(0, 212, 255, 0.15); padding: 3px; }
html[data-theme=dark] .dist-flex-table { background: #0f172a; }
html[data-theme=dark] .dist-row { border-bottom-color: #1e293b; }
html[data-theme=dark] .dist-row-even { background-color: #0b1121; }
html[data-theme=dark] .dist-row-odd { background-color: #0f172a; }

html[data-theme=dark] .dist-row-head { background: linear-gradient(90deg, #4c1d95, #1e3a8a, #0f766e); }
html[data-theme=dark] .dist-row-total { background: #020617; border-top-color: #334155; }

html[data-theme=dark] .dist-col-subject { color: #e2e8f0; border-right-color: #1e293b; }
html[data-theme=dark] .dist-col-year { color: #cbd5e1; border-right-color: #1e293b; }

html[data-theme=dark] .dist-row-head .dist-col-subject, 
html[data-theme=dark] .dist-row-total .dist-col-subject,
html[data-theme=dark] .dist-row-head .dist-col-year, 
html[data-theme=dark] .dist-row-total .dist-col-year { border-right-color: rgba(255,255,255,0.1); }

/* 2025+ Vurgusu (Karanlık Mod) */
html[data-theme=dark] .dist-head-highlight { background-color: #0f766e; }
html[data-theme=dark] .dist-body-highlight { background-color: rgba(15, 118, 110, 0.25); color: #2dd4bf; }
html[data-theme=dark] .dist-total-highlight { background-color: #0f766e; }

html[data-theme=dark] .dist-seo-content { background: #0f172a; border-color: #1e293b; color: #94a3b8; }

/* TUM SAYFALAR ICIN (BLOG DAHIL) GLOBAL CTA KUTUSU */
.super-cta-box { background: linear-gradient(135deg, #2563eb, #7c3aed); box-shadow: 0 10px 25px rgba(124, 58, 237, 0.3); margin: 40px 0; padding: 45px 30px; border-radius: 16px; text-align: center; display: block; }
.super-cta-box h3 { color: #ffffff; margin: 0 0 15px 0; font-size: 1.7rem; font-weight: 800; }
.super-cta-box p { color: #e2e8f0; margin: 0 0 25px 0; font-size: 1.1rem; line-height: 1.6; }
.super-cta-box a { background: #ffffff; color: #1e3a8a; font-weight: 800; padding: 16px 32px; border-radius: 10px; text-decoration: none; display: inline-block; font-size: 1.1rem; transition: transform 0.2s; box-shadow: none; }
.super-cta-box a:hover { transform: translateY(-3px); background-color: #f8fafc; }

/* --- MOBIL UYUMLULUK (RESPONSIVE) AYARLARI --- */
@media (max-width: 768px) {
    .dist-main { padding: 25px 15px !important; }
    .dist-title { font-size: 22px !important; }
    .dist-desc { font-size: 13px !important; }
    
    .dist-col-subject { flex: 0 0 150px !important; padding: 12px 10px !important; font-size: 13px !important; }
    .dist-col-year { flex: 1 0 45px !important; padding: 12px 2px !important; font-size: 13px !important; }
    
    .dist-row-head .dist-col-subject, 
    .dist-row-total .dist-col-subject { padding: 12px 10px !important; font-size: 13px !important;}
    
    .dist-row-head .dist-col-year, 
    .dist-row-total .dist-col-year { padding: 12px 2px !important; font-size: 13px !important;}
    
    .subject-icon { font-size: 14px !important; margin-right: 6px !important; }
    .dist-body-highlight { font-size: 14px !important; }
    
    .super-cta-box { padding: 30px 20px !important; }
    .super-cta-box h3 { font-size: 1.4rem !important; }
    .super-cta-box p { font-size: 1rem !important; }
    .super-cta-box a { font-size: 1rem !important; padding: 12px 24px !important; }
}