/* Hesap Canavarı: vivid category accents, clear surfaces and readable text. */
:root{--ink:#123b37;--muted:#526570;--green:#047857;--cream:#eefbf5;--line:#d5e5e0;--orange:#f97316;--violet:#6d28d9;--radius:18px}
body{background:#f6f9fc;color:var(--ink)}
header{background:#fff;border-bottom:3px solid #10b981;box-shadow:0 4px 20px #064e3b08}
.brand{color:#064e3b}.brand-light{color:#6d28d9;font-weight:700}.brand small{color:#536271}.brand-monster{filter:drop-shadow(0 3px 3px #05966926)}
.header-inner nav a{font-weight:600}.header-inner nav a:hover{color:#047857;text-decoration:underline;text-underline-offset:7px}
.header-search{background:#ecfdf5;border-color:#99d9c4;color:#065f46}.header-search kbd{background:white;color:#365b50;border-color:#b0dacc}
.menu-toggle{color:#065f46;min-width:44px;min-height:44px}
.hero{background:radial-gradient(ellipse at 82% 25%,#d9c8ff85,transparent 45%),radial-gradient(ellipse at 8% 90%,#a7f3d080,transparent 48%),#f2fcf7;border-bottom:1px solid #b9e6d4}
.hero-copy h1 em{color:#6d28d9;font-weight:700}.hero-copy>p{color:#445d60}.eyebrow{color:#087653}.eyebrow>span{background:#f97316;box-shadow:0 0 0 4px #ffedd5}
.search-box{border-color:#9bcdbb;box-shadow:0 8px 25px #0478570d}.search-box>span{color:#047857}.search-box input::placeholder{color:#61707b}
.search-box button,.button{background:linear-gradient(125deg,#047857,#065f46);color:#fff;box-shadow:0 5px 12px #04785725;transition:background .18s,box-shadow .18s,transform .18s}
.search-box button:hover,.button:hover{background:linear-gradient(125deg,#065f46,#064e3b);box-shadow:0 7px 18px #04785733}
.button:active,.search-box button:active{transform:translateY(1px)}
.quick-links>span{color:#526570}.quick-links a{background:#fff;border-color:#bdd7cd;color:#155f4f;font-weight:600}.quick-links a:hover{background:#d1fae5}
.art-orbit{background:linear-gradient(135deg,#a7f3d0,#c4b5fd);border-color:#8adbc0}.art-orbit:after{border-color:#8b5cf6}
.calculator-illustration{background:linear-gradient(145deg,#047857,#064e3b);box-shadow:12px 20px 0 #6d28d918,0 20px 40px #04785730}
.calc-label{color:#d1fae5}.calc-screen{background:#e8ffef;color:#064e3b}.calc-screen small{color:#3c6655}.calc-screen strong span{color:#059669}
.calc-keys span{background:#ffffff24;color:white}.calc-keys span:nth-child(4n){background:#ffffff36;color:#fff1d2}.calc-keys .equals{background:#ffaf4c;color:#362308}
.float-note{border-color:#d4d7ef;background:#fff;box-shadow:0 10px 25px #4c1d9512}.note-one span,.note-two small{color:#526570}.note-one i,.art-spark{color:#f97316}.checkmark{background:#d1fae5;color:#047857}
.trust-strip{background:#fff;color:#526570}.trust-strip b{color:#6d28d9}.section-caption,.lead,.muted,.breadcrumbs{color:#526570}.breadcrumbs a{color:#386b61}.text-link{color:#075e48;border-color:#34ad89;font-weight:600}
.tool-card{--accent:#047857;--tint:#ecfdf5;border:1px solid #d9e4ee;border-top:4px solid var(--accent);background:linear-gradient(155deg,var(--tint),#fff 48%);box-shadow:0 4px 14px #1e3a5f06}
.tool-card:has(.sinav){--accent:#6d28d9;--tint:#f3edff}.tool-card:has(.matematik){--accent:#1d4ed8;--tint:#eef4ff}.tool-card:has(.finans){--accent:#047857;--tint:#e7fcf0}
.tool-card:has(.egitim){--accent:#7e22ce;--tint:#faf0ff}.tool-card:has(.zaman){--accent:#b45309;--tint:#fff7e8}.tool-card:has(.ticaret){--accent:#c2410c;--tint:#fff1e8}
.tool-card:has(.vergi){--accent:#0f766e;--tint:#e7fbf8}.tool-card:has(.saglik){--accent:#be185d;--tint:#fff0f6}.tool-card:has(.seyahat){--accent:#0369a1;--tint:#ecf9ff}
.tool-card:hover{border-color:var(--accent);box-shadow:0 12px 28px #243c5a15;transform:translateY(-4px)}
.tool-icon,.tool-icon.sinav,.tool-icon.matematik,.tool-icon.finans,.tool-icon.egitim,.tool-icon.zaman,.tool-icon.ticaret,.tool-icon.vergi,.tool-icon.saglik,.tool-icon.seyahat{background:var(--accent,#047857);color:white;font-weight:700;box-shadow:0 4px 9px #183e361a}
.card-category{color:var(--accent);background:var(--tint);padding:4px 8px;border-radius:20px;font-weight:700}.tool-card p{color:#526570;font-size:13px}.card-action{color:var(--accent);border-color:#dde6ed;font-weight:700}
.category-section{background:linear-gradient(120deg,#eafbf2,#f1ecff);border-color:#dbd7ef}.category-card{background:#fff;border-color:#d6dfe9;box-shadow:0 3px 10px #40347208}
.category-icon{color:#6d28d9}.category-card div>span{color:#526570}.category-card b{color:#047857}.category-card:hover{border-color:#8b5cf6;background:#faf8ff}
.bottom-callout{background:linear-gradient(120deg,#065f46,#064e3b 55%,#373064);box-shadow:0 12px 30px #064e3b1a}.bottom-callout .eyebrow{color:#a7f3d0}.bottom-callout p{color:#daeee7}
.callout-mark{color:#fbbf24;border-color:#8cd8b3}.button.light{background:#fcd34d;color:#17382e;box-shadow:0 4px 12px #0002}.button.light:hover{background:#fde68a}
.filter-bar a{background:white;border-color:#cbdadf;color:#425a64}.filter-bar a.active{background:#047857;color:white;border-color:#047857;box-shadow:0 3px 8px #04785722}.filter-bar a:hover:not(.active){background:#ecfdf5;border-color:#34ad89}
.tool-page h1,.listing h1{color:#123b37}.form-panel{border:1px solid #b8dacb;border-top:5px solid #10b981;background:#fff;box-shadow:0 8px 25px #1459430a}
.field label{color:#234b46}.field select,.input-unit,.exam-row input{background:#f6fbff;border-color:#b8cedb;color:#173f3a}.input-unit span{color:#526570;font-weight:600}
.input-unit:focus-within{border-color:#7c3aed;box-shadow:0 0 0 3px #8b5cf61a}.field select:focus,.exam-row input:focus{border-color:#7c3aed;background:#fff}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #7c3aed;outline-offset:3px}
.reset-button{color:#5b4979;font-weight:600}.reset-button:hover{background:#f3edff;border-radius:9px}.privacy-note{color:#526570;border-color:#dce8e5}.form-error{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3}
.result-panel{background:linear-gradient(140deg,#e3fbef,#eef9ff);border:1px solid #9ad8bf;box-shadow:0 6px 20px #0478570a}.result-panel>.eyebrow{color:#075e48;font-weight:800}
.result-placeholder>span{color:#047857}.result-placeholder p{color:#4c6765}.primary-result{background:linear-gradient(120deg,#047857,#065f46);padding:18px 20px;border-radius:12px;color:#fff}
.primary-result>span{color:#e0fff1}.primary-result strong{color:#fff}.secondary-result{border-color:#b9ddce}.secondary-result>span{color:#42655a}.secondary-result strong{color:#084c3b}
.copy-button{color:#065f46;background:#fff;border-color:#8fc6b2;min-height:40px}.copy-button:hover{background:#d1fae5}
.tool-note,.exam-result-notice{background:#fff4dd;color:#78420c;border:1px solid #f2cf8b}.source-note{background:#eef5ff;border-color:#c5d9f3;color:#254778}.source-note span{color:#526570}
.exam-row{border-color:#dce5ef}.exam-row label{color:#234b46}.exam-row label small,.exam-row-head{color:#526570}.exam-intro{background:#f3edff;border-color:#d6c3f7;color:#4c1d95}.exam-intro p,.exam-help{color:#526570}
.reference-banner{background:linear-gradient(125deg,#d1fae5,#e6f4ff);border-color:#9bd5bf}.reference-banner b{color:#075e48}.reference-banner span,.reference-banner small{color:#385b52}
.model-details{background:#fff;border-color:#d2dce8}.model-details summary{color:#5b21b6}.model-details p,.model-details>a,caption{color:#526570}td,th{border-color:#d4e3de}thead{background:#e4f4ed;color:#1c4d41}
.aside-box{background:#fff;border-color:#d0dded;border-top:4px solid #8b5cf6;box-shadow:0 4px 14px #37306408}.aside-box .eyebrow{color:#6d28d9}.aside-box>a{border-color:#e1e7f0}.aside-box>a:hover{color:#6d28d9}.mini-icon{color:#7c3aed}
.aside-tip{background:linear-gradient(145deg,#fff0d4,#ffe7d6);border:1px solid #f2d2a7}.aside-tip>span{color:#ea580c}.aside-tip p{color:#755237}.aside-tip a{color:#9a3412;border-color:#c96837}
.tool-guide{background:#fff;border:1px solid #d8e4eb;border-radius:18px;padding:8px 26px 26px;box-shadow:0 5px 18px #173e3605}.explanation p,.prose p{color:#465e65}.tool-guide h3{color:#175d4b}
.tool-guide .guide-formula{background:#ecfdf5;border-color:#10b981;color:#185744}.example{background:#fff6df;border-color:#f59e0b}.example>span{color:#925100;font-weight:800}.example p{color:#634426}
.tool-guide details{background:#fbfaff;border-color:#ded2f3}.tool-guide summary{color:#4c1d95}.tool-guide details[open]{background:#f5f0ff;border-color:#ad8bdf}.tool-guide a:not(.text-link){color:#075e48}
footer{background:linear-gradient(120deg,#073f32,#153d4a);color:#e9fff5;border-top:4px solid #10b981}.footer-top .brand{color:#fff}.footer-top .brand-light{color:#c4b5fd}.footer-top .brand small{color:#c5ded3}.footer-top p,.footer-bottom{color:#c2d8d2}.footer-top .brand-monster{background:#d1fae5;border-radius:12px;padding:3px}.footer-bottom{border-color:#ffffff26}.footer-top a:hover{color:#fde68a}
@media(max-width:760px){.tool-card{border-top-width:3px}.tool-card p{font-size:12px}.tool-guide{padding:5px 18px 22px}.primary-result{padding:16px}.header-inner nav{background:#fff}.tool-page .form-panel{border-top-width:4px}.card-category{font-size:8px;padding:3px 6px}.brand small{color:#455c57}}
@media(prefers-reduced-motion:reduce){.button,.search-box button{transition:none}.tool-card:hover,.button:active,.search-box button:active{transform:none}}

.listing .search-box{background:#fff;border-color:#10b981}.tool-page .form-actions .button{font-weight:700}@media(max-width:760px){.header-inner nav{top:80px}}

/* Readability is the default, including supporting text on phones. */
body{font-size:17px;line-height:1.75}
.header-inner nav,.header-search{font-size:16px}.brand small{font-size:10px;letter-spacing:.8px}
.eyebrow,.section-title .eyebrow,.card-category{font-size:12px}
.hero-copy>p,.lead,.prose p{font-size:18px;line-height:1.8}
.search-box input,.search-box button{font-size:16px}.quick-links,.trust-strip,.section-caption,.text-link{font-size:15px}
.tool-card h3{font-size:21px;line-height:1.4}.tool-card p{font-size:16px;line-height:1.75}.card-action{font-size:15px}.card-category{letter-spacing:0}
.category-card h3{font-size:17px}.category-card div>span{font-size:14px}
.breadcrumbs,.filter-bar a,.muted{font-size:14px}.filter-bar a{padding:8px 15px}
.field label,#calculator-form .field label,.exam-row label{font-size:16px;line-height:1.5}
.field select,.input-unit input,.exam-row input{font-size:18px}.input-unit span{font-size:15px}
.button,.reset-button{font-size:17px}.privacy-note{font-size:14px;line-height:1.7}
.exam-row label small,.exam-row-head,.exam-help,.exam-intro b{font-size:14px}.exam-intro p{font-size:16px}
.result-panel>.eyebrow{font-size:12px}.primary-result>span,.secondary-result{font-size:16px}.primary-result strong{font-size:40px}
.result-placeholder h2{font-size:23px}.result-placeholder p,.copy-button,.form-error{font-size:16px}
.tool-note,.exam-result-notice,.source-note,.source-note a,.source-note span{font-size:15px;line-height:1.8}
.reference-banner b{font-size:17px}.reference-banner span,.reference-banner small{font-size:15px}
.model-details,.model-details summary,.model-details p,.model-details>a,table,caption,.payment-details{font-size:15px;line-height:1.75}
.tool-guide p,.tool-guide li,.explanation p,.tool-guide summary,.explanation summary{font-size:17px;line-height:1.85}
.tool-guide h3{font-size:23px}.explanation h2{font-size:28px}.example>span{font-size:13px}
.aside-box .eyebrow{font-size:12px}.aside-box h2{font-size:23px}.aside-box>a,.aside-tip p,.aside-tip a{font-size:16px}.aside-tip h3{font-size:23px}
.bottom-callout p{font-size:16px}.bottom-callout .eyebrow{font-size:12px}.button.light{font-size:16px}
.footer-top p,.footer-top>div,.footer-bottom{font-size:14px}.footer-top>div{flex-wrap:wrap}
@media(max-width:1000px){.header-inner nav{gap:16px}.header-search{padding:9px}.header-search span,.header-search kbd{display:none}}
@media(max-width:760px){
 body{font-size:17px}.brand small{font-size:9px;letter-spacing:.5px}
 .hero-copy>p,.lead,.prose p{font-size:17px}.hero-copy .eyebrow,.section-title .eyebrow{font-size:12px}
 .search-box input,.search-box button{font-size:16px}.quick-links,.trust-strip,.text-link{font-size:14px}
 .tool-grid{grid-template-columns:minmax(0,1fr)}.tool-card{min-height:210px;padding:22px}
 .tool-card h3{font-size:22px}.tool-card p{font-size:17px}.card-category{font-size:12px;padding:4px 9px}.card-action{font-size:15px}
 .category-grid{grid-template-columns:minmax(0,1fr)}.category-card h3{font-size:18px}.category-card div>span{font-size:15px}
 .breadcrumbs,.filter-bar a,.muted{font-size:14px}.tool-page h1,.listing h1{font-size:32px;line-height:1.3}
 #calculator-form .field label,.exam-row label{font-size:16px}#calculator-form input,#calculator-form select{font-size:18px}
 .exam-row label small,.exam-row-head{font-size:14px}.exam-row{grid-template-columns:minmax(0,1fr) 64px 64px;gap:8px}
 .tool-page .privacy-note{font-size:14px}.tool-page .reset-button{font-size:16px}.tool-page .form-actions .button{font-size:18px}
 .primary-result strong{font-size:36px}.secondary-result{font-size:16px;flex-wrap:wrap}.secondary-result strong{max-width:100%}
 .exam-result-notice,.exam-help{font-size:15px}.tool-guide p,.tool-guide li,.tool-guide summary{font-size:17px}
 .tool-guide h3{font-size:22px}.explanation h2{font-size:26px}.bottom-callout p{font-size:16px}.bottom-callout .button{margin-left:0}
 .footer-bottom{font-size:14px;flex-wrap:wrap}.footer-top p{font-size:15px}.footer-top>div{font-size:15px}
}


.tool-guide .text-link{white-space:normal}.aside-box>a{overflow-wrap:anywhere}@media(max-width:370px){.header-search{display:none}.header-inner{gap:8px}.brand{font-size:18px}.tool-page h1,.listing h1{overflow-wrap:anywhere}}

.education-help{font-size:16px;line-height:1.8;color:#465e65}.education-entry{background:#f8f7ff}.education-entry legend{font-size:18px!important;color:#5b21b6;font-weight:700}.entry-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.entry-fields>div,.entry-weight{min-width:0}.add-entry,.row-remove{font:inherit;font-size:16px;min-height:48px;padding:10px 16px;border-radius:10px;cursor:pointer}.add-entry{background:#ecfdf5;border:2px solid #047857;color:#065f46;font-weight:700}.add-entry:hover{background:#d1fae5}.row-remove{background:#fff1f2;border:1px solid #f6b5c3;color:#9f1239;margin-top:12px}.row-remove:disabled,.add-entry:disabled{opacity:.45;cursor:not-allowed}.entry-status{font-size:16px;color:#5b21b6;line-height:1.7}.previous-grades{margin-top:20px;padding:16px;border:1px solid #c4d8e7;border-radius:12px}.previous-grades summary{font-size:17px;cursor:pointer;color:#075e48;font-weight:600}.previous-grades .entry-fields{margin-top:18px}@media(max-width:600px){.entry-fields{grid-template-columns:minmax(0,1fr)}.add-entry{width:100%}.education-entry legend{font-size:18px!important}.previous-grades{padding:12px}}

.primary-result strong,.secondary-result strong{overflow-wrap:anywhere;min-width:0}


#calculator-form textarea{box-sizing:border-box;width:100%;min-width:0;min-height:120px;border:2px solid #b6d5cf;border-radius:12px;padding:14px;font:inherit;font-size:18px;line-height:1.6;color:#153f38;background:#fff;resize:vertical}#calculator-form textarea:focus{outline:3px solid #b8e8db;border-color:#047857}


.tool-icon.diger{background:#fff1d6;color:#a84b08}.field textarea{max-width:100%}.tool-page input[type=datetime-local]{min-width:0;width:100%}


.tool-guide p,.tool-guide li{overflow-wrap:anywhere}.color-swatch{height:96px;border:2px solid #78958d;border-radius:12px;margin:16px 0}


.tool-icon.muhasebe{background:#ede9fe;color:#6d28d9}


/* Large, colourful result cards for the final catalogue batch. */
.snapshot-records{list-style:none;padding:0;display:grid;gap:16px;margin:24px 0}.snapshot-records li{border:2px solid #c4b5fd;background:linear-gradient(120deg,#f5f3ff,#ecfdf5);padding:20px;border-radius:18px;min-width:0;overflow-wrap:anywhere}.snapshot-records h3{font-size:20px;line-height:1.45;margin:0 0 12px}.snapshot-records strong{font-size:21px;color:#5b21b6}.snapshot-records p{font-size:16px;margin:12px 0 0}.finger-grid{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0;max-width:100%}.finger-card{margin:0;border:2px solid #a7f3d0;border-radius:16px;padding:8px;background:#fff;display:grid;justify-items:center}.finger-image{display:block;flex:none;background-image:url('./assets/tid-alphabet.png');background-repeat:no-repeat}.finger-card figcaption{font-size:24px;font-weight:800;color:#5b21b6}.finger-gap{flex-basis:100%;height:8px}.image-credit{font-size:15px;line-height:1.7;overflow-wrap:anywhere}.image-credit a{color:#5b21b6;text-decoration:underline}

/* Paired correct/wrong fields remain large on narrow screens. */
.score-exam-tests{margin-top:24px}#calculator-form .score-answer-group{border:2px solid #a7f3d0;border-top:4px solid #10b981;border-radius:16px;padding:20px;margin:20px 0;background:linear-gradient(120deg,#ecfdf5,#f5f3ff)}#calculator-form .score-answer-group:nth-child(even){border-color:#c4b5fd;border-top-color:#8b5cf6}#calculator-form .score-answer-group legend{font-size:18px;color:#064e3b;font-weight:750;line-height:1.5;max-width:100%;overflow-wrap:anywhere}.score-answer-group legend span{font-size:16px;font-weight:600;color:#5b21b6}.score-answer-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.score-answer-pair .field{min-width:0}.score-answer-pair label{font-size:16px;line-height:1.5;overflow-wrap:anywhere}.score-answer-pair input{font-size:19px;min-height:56px;width:100%;min-width:0}@media(max-width:400px){#calculator-form .score-answer-group{padding:14px}.score-answer-pair{gap:12px}}
/* Energy tools use the same vivid palette and generous touch targets. */
.tool-card:has(.enerji){--accent:#b45309;--tint:#fff7df}.tool-icon.enerji{background:#b45309;color:#fff}.category-card:has([href="/enerji-hesaplamalari"]){border-color:#f59e0b}
.button:disabled{cursor:wait;opacity:.65;transform:none}#calculator-form input:focus-visible,#calculator-form select:focus-visible,#calculator-form textarea:focus-visible{outline:3px solid #a7f3d0;outline-offset:2px}
/* Mobile support for the 30 new tools: keep long labels and list inputs readable. */
#calculator-form[data-opportunity] .field:has(textarea){grid-column:1/-1}
#calculator-form[data-opportunity] label{overflow-wrap:anywhere;white-space:normal}
#calculator-form[data-opportunity] .input-unit:focus-within{outline:3px solid #a7f3d0;outline-offset:2px;border-color:#047857}
#calculator-form[data-opportunity] textarea{min-height:160px;line-height:1.7}
@media(max-width:760px){
 #calculator-form[data-opportunity] .fields{grid-template-columns:minmax(0,1fr);gap:20px}
 #calculator-form[data-opportunity] input,#calculator-form[data-opportunity] select{box-sizing:border-box;min-width:0;width:100%;max-width:100%;min-height:56px;font-size:18px}
 #calculator-form[data-opportunity] input[type=date]{appearance:none;-webkit-appearance:none}
 #calculator-form[data-opportunity] input[type=date]::-webkit-date-and-time-value{text-align:left;min-width:0}
 #calculator-form[data-opportunity] textarea{font-size:18px;max-width:100%;overflow-wrap:anywhere}
 #calculator-form[data-opportunity] .form-actions .button{width:100%;min-height:56px}
 #calculator-form[data-opportunity] .reset-button{min-height:48px}
 .tool-page:has(#calculator-form[data-opportunity]) .primary-result strong{font-size:34px;line-height:1.45;overflow-wrap:anywhere}
 .tool-page:has(#calculator-form[data-opportunity]) .secondary-result{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
 .tool-page:has(#calculator-form[data-opportunity]) .secondary-result strong{max-width:100%;text-align:left;overflow-wrap:anywhere}
}