/* Logisourcing tasarım dili (2026-10): "beyanname". Açık zemin, mürekkep yeşili, tek mühür turuncusu, Archivo.
   Bu dosya her herkese açık sayfada EN SON yüklenir (scripts/build-public.mjs <!-- theme --> bloğu); eski sayfa stillerinin
   üstüne ortak dili koyar. Ayrıntı ve kurallar: docs/design/DESIGN.md. Üye çalışma alanı (workspace.html) aynı dili assets/workspace/redesign-theme.css ile alır. */
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/assets/fonts/archivo-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/assets/fonts/archivo-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* --- Belirteçler. body[class] eski sayfaların gövde sınıfındaki (.visual-site vb.) belirteçlerini geçer. --- */
:root,body,body[class]{
 --font:'Archivo',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
 --ground:#f1f4f0;--surface:#fff;--ink:#0c2620;--text:#1d3730;--muted:#4c6159;--line:#d0dad3;--line-strong:#9fb1a6;
 --green:#0a6a4b;--green-ink:#064d36;--green-soft:#e1eee6;--stamp:#c24c17;--stamp-soft:#fbe8dc;
 --ok-bg:#e1eee6;--ok:#064d36;--warn-bg:#fff4dc;--warn:#785015;--danger-bg:#fde8e3;--danger:#8c2a1b;
 --radius:6px;--paper:var(--ground);--white:var(--surface);--orange:var(--stamp);--lime:var(--green-soft);
 --t-accent:var(--green);--t-soft:var(--green-soft);--t-hover:#e9f1ec;--t-field-line:var(--line-strong);--t-shadow:none;
 color-scheme:light}
html{background:var(--ground);-webkit-text-size-adjust:100%;scrollbar-color:var(--line-strong) var(--ground);text-rendering:optimizeLegibility}
body,body[class]{font-family:var(--font);font-size:16px;line-height:1.6;color:var(--text);background:var(--ground);font-synthesis:none;-webkit-font-smoothing:antialiased;caret-color:var(--green)}
::selection{background:var(--green);color:#fff}
:focus-visible{outline:2px solid var(--stamp);outline-offset:3px}
input,select,textarea,button{font-family:var(--font)}

/* --- Tipografi: başlık geniş ve kalın (font-stretch), gövde normal genişlik. Eski Manrope / DM Sans kuralları burada ezilir. --- */
body h1,body h2,body h3,body h4{font-family:var(--font);color:var(--ink);text-wrap:balance}
body h1{font-weight:800;font-stretch:118%;letter-spacing:-.025em;line-height:1.04}
body h2{font-weight:800;font-stretch:112%;letter-spacing:-.02em;line-height:1.1}
body h3{font-weight:700;font-stretch:104%;letter-spacing:-.01em;line-height:1.25}
body p,body li{text-wrap:pretty}
body :is(td,th,dd,output,.tabular){font-variant-numeric:tabular-nums}
body a{text-underline-offset:.2em;text-decoration-thickness:1px}
body :is(.explanation,.kg-icerik,article,.pro-method,.gtip-yapi-metin) a:not(.btn){color:var(--green);text-decoration:underline}
body :is(.explanation,.kg-icerik,article,.pro-method) a:not(.btn):hover{color:var(--green-ink);text-decoration-thickness:2px}
.muted,small.muted,.small.muted{color:var(--muted)}

/* Başlık üstü etiket (eyebrow) ve süs noktaları dilde yoktur; işaretlemeden kaldırıldı, kalanlar gizlenir. */
.eyebrow,.sec-kicker,.dot{display:none!important}

/* --- Düğmeler ve alanlar --- */
body .btn{border-radius:var(--radius);font-weight:700;font-stretch:104%;letter-spacing:0;box-shadow:none;transition:background-color .15s,border-color .15s,color .15s,transform .1s}
body .btn:not(.secondary):not(.subtle){background:var(--green);border:1.5px solid var(--green);color:#fff}
body .btn:not(.secondary):not(.subtle):hover{background:var(--green-ink);border-color:var(--green-ink);text-decoration:none}
body .btn.secondary{background:transparent;border:1.5px solid var(--ink);color:var(--ink)}
body .btn.secondary:hover{background:var(--ink);color:#fff;text-decoration:none}
body .btn.subtle{background:transparent;border:0;color:var(--green);text-decoration:underline;text-decoration-color:transparent}
body .btn.subtle:hover{text-decoration-color:currentColor}
body .btn:active{transform:translateY(1px)}
body :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]){border:1.5px solid var(--line-strong);border-radius:4px;background:var(--surface);color:var(--ink);transition:border-color .15s,box-shadow .15s}
body :is(input,select,textarea):not([type=checkbox]):not([type=radio]):hover{border-color:var(--muted)}
body :is(input,select,textarea):not([type=checkbox]):not([type=radio]):focus{border-color:var(--green);box-shadow:0 0 0 3px #0a6a4b26;outline:0}
/* Birleşik arama kutularında çerçeve kutunun kendisindedir; içteki alan çerçevesizdir. */
body :is(.gtip-box,.catalog-search,.nav-find,.t-search,.hs-box) input:not([type=checkbox]){border:0!important;box-shadow:none!important;background:transparent}
body :is(.gtip-box,.catalog-search,.t-search,.hs-box){border:1.5px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);box-shadow:none}
body :is(.gtip-box,.catalog-search,.t-search,.hs-box):focus-within{border-color:var(--green);box-shadow:0 0 0 3px #0a6a4b26}
body input::placeholder,body textarea::placeholder{color:#6d8077;opacity:1}
body input[type=checkbox],body input[type=radio]{accent-color:var(--green)}

/* --- Yüzeyler: kutu = beyanname alanı. Gölge yok, ince çizgi, küçük köşe. --- */
body :is(.panel,.card,.preview,.pro-form,.pro-visual,.pro-summary,.tool-tile,.mod-card,.pop-card,.guide,.worked-example,.pro-scenarios,.source-cards .card,.empty){border-radius:var(--radius);box-shadow:none}
body .panel{border:1px solid var(--line);background:var(--surface)}
body .card{border:1px solid var(--line);background:var(--surface)}
body .card:hover{transform:none;border-color:var(--ink)}
body .icon{display:none}

/* --- Tablolar, ayrıntılar, uyarılar --- */
body table{font-size:.9rem}
body th{background:transparent;color:var(--ink);font-weight:700;font-size:.8rem;letter-spacing:.02em;border-bottom:1.5px solid var(--ink)}
body td{border-bottom:1px solid var(--line)}
body thead th{background:var(--surface)}
body th[scope=row]{border-bottom:1px solid var(--line);font-weight:500;font-size:inherit;letter-spacing:0;color:var(--text)}
body details{border-bottom:1px solid var(--line)}
body summary{font-weight:700;color:var(--ink)}
body summary:hover{color:var(--green)}
/* Soru-cevap listelerinde (SSS, açıklama metinleri) açılır işaret: + / −. Uygulama içi açılırlar (tarife, araç formu) kendi işaretini taşır. */
body :is(.pro-faq,.explanation,.kg-icerik>article,.pro-method) details>summary{list-style:none;display:flex;justify-content:space-between;align-items:baseline;gap:16px;cursor:pointer}
body :is(.pro-faq,.explanation,.kg-icerik>article,.pro-method) details>summary::-webkit-details-marker{display:none}
body :is(.pro-faq,.explanation,.kg-icerik>article,.pro-method) details>summary::after{content:"+";flex:none;font-weight:400;font-size:1.35em;line-height:.8;color:var(--green)}
body :is(.pro-faq,.explanation,.kg-icerik>article,.pro-method) details[open]>summary::after{content:"\2212"}
body .warn{border-radius:var(--radius)}
body .tag,body .pill{border-radius:3px;font-weight:700;letter-spacing:.02em}
body .breadcrumb,body .pro-breadcrumb{font-size:.8rem;color:var(--muted)}
body .breadcrumb a,body .pro-breadcrumb a{text-decoration:underline;text-decoration-color:var(--line-strong)}

/* --- Üst menü --- */
body .site-header.erp-header{background:var(--ground);border-bottom:1px solid var(--line)}
body .site-header.erp-header .brand,body .footer.erp-footer .brand{font:800 22px/1 var(--font);font-stretch:118%;letter-spacing:-.03em;color:var(--ink)}
body .site-header.erp-header .brand-mark{width:30px;height:30px;border-radius:4px;background:var(--green);color:#fff;font-size:19px;font-stretch:100%}
body .brand-dot{color:var(--stamp)}
body .main-nav>ul>li>a{font-size:15px;font-weight:600;color:var(--ink);border-radius:4px}
body .main-nav>ul>li>a:hover,body .main-nav .has-sub:hover>a,body .main-nav .has-sub:focus-within>a{background:var(--green-soft)}
body .main-nav>ul>li>a[aria-current=page]{background:transparent;box-shadow:inset 0 -2px 0 var(--green)}
body .main-nav>ul>li>a.nav-member{border:1.5px solid var(--ink);border-radius:var(--radius)}
body .main-nav>ul>li>a.nav-member:hover{background:var(--ink);color:#fff}
body .main-nav>ul>li>a.nav-lang{border:1px solid var(--line);border-radius:var(--radius)}
body .mega{border-color:var(--line);border-radius:0 0 var(--radius) var(--radius);box-shadow:0 18px 40px -24px #0c26204d}
body .mega-title{font:800 15px/1.3 var(--font);font-stretch:108%;color:var(--ink);border-bottom-color:var(--line)}
body .mega-title span{font:600 13px/1 var(--font);color:var(--muted)}
body .mega li a{color:var(--text)}
body .mega li a:hover{color:var(--green);text-decoration:underline}
body .nav-button{border-radius:var(--radius);border-color:var(--line-strong);color:var(--ink)}
body .nav-check:checked+.nav-button{background:var(--ink);border-color:var(--ink)}
@media(max-width:960px){
 body .main-nav{background:var(--ground)}
 body .main-nav>ul>li.nav-side{background:var(--ground)}
 body .mega-title{border-radius:var(--radius);font:700 15px/1.25 var(--font)}
 body .nav-find{border-radius:var(--radius)}
}

/* --- Alt bilgi --- */
body footer.footer.erp-footer{background:var(--ink);color:#c5d4cc;border-top:0}
body .footer.erp-footer .brand{color:#fff}
body .footer.erp-footer :is(.foot-brand p,.foot-contact){color:#b3c4bb}
body .footer.erp-footer .foot-title{color:#8fd0b2;font-weight:700}
body .footer.erp-footer li a{color:#e3ece7}
body .footer.erp-footer li a:hover{color:#fff;text-decoration:underline}
body .footer.erp-footer .foot-acc{border-top-color:#2c4740}
body .footer.erp-footer .foot-acc details{border-bottom-color:#2c4740}
body .footer.erp-footer .foot-acc summary{color:#fff;font-family:var(--font)}
body .footer.erp-footer .foot-acc summary::after{border-color:#8fd0b2}
body .footer.erp-footer a:focus-visible{outline-color:#f2a27a}

/* --- Sayfa başı (üretilen ve elle yazılmış sayfalar) --- */
body :is(.page-top,.kg-top,.pro-intro,.hub-intro) h1{font-size:clamp(2.2rem,4.6vw,4rem);max-width:20ch}
body :is(.page-top,.kg-top) .intro,body .pro-intro p,body .hub-intro p{font-size:1.08rem;line-height:1.6;color:var(--muted);max-width:62ch}
body .kg-top .intro strong{color:var(--ink)}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}