/* ========================================================================== MAISON — parrhesia.one giydirme katmanı · Alberti son kesimleri + gerçek DOM portu TEK dosya, davranış kablolarını bozmadan bütün canlı yüzeyleri aynı tenle bağlar. Kullanım: her yüzeyin 'inde, mevcut stillerden SONRA tek satır: Bu katman DOM'a dokunmaz → EMİR 31 alanları (ön başvuru · yakında · 11 dil) yapısı gereği korunur. api/ ve motor dosyalarıyla teması yoktur. ÜÇ RENKLİ DİLBİLGİSİ shiraz = ev · marka · gönder · mühür gövdesi gümüş = metal kenar · dikiş · mühür halkası (bu katmanla giriyor) yeşil = yapı · bölüm dikişi · "açıldı" hâli (XKSS Sherwood'a çekildi) altın = YALNIZ imzalı/mühürlü çıktı künyesi — asla dolgu ZEMİN NOTU: kanon 3689 zemin = theme-color = manifest üçlüsünü bağlar. Canlı üçlü #F1F3ED'dir. Gradyan yalnız metal nesnelerde yaşar; kâğıtta yaşamaz. ========================================================================== */ :root{ /* --- Alberti v13 ana malzeme kanonu (P1_SHIRAZ_GUMUS) --- */ --kagit:#F1F3ED; --kagit-perdah:#F8FAF4; --murekkep:#1A1A17; --murekkep-2:#43483E; --soluk:#696F63; --shiraz:#800020; --shiraz-koyu:#5E0016; --shiraz-derin:#33000C; --yesil-kilcal:rgba(27,67,50,.24); --yesil-perde:rgba(27,67,50,.075); --cizgi:#C7CCD1; --cizgi-koyu:#8F969D; /* Canlı kabuğun tarihsel adları aynı kanonik maddelere bağlanır. */ --bg:var(--kagit); --paper:var(--kagit); --paper-2:var(--kagit-perdah); --text:var(--murekkep); --muted:var(--soluk); --burgundy:var(--shiraz); --burgundy-2:var(--shiraz-koyu); --line:var(--cizgi); --line-dark:var(--cizgi-koyu); /* --- mevcut kanon değişkenlerinin yeniden akordu (aynı isim, aynı rol) --- */ --olive:#1B4332; /* XKSS Sherwood Green — yapı rengi */ --olive-2:#35604B; /* metalik üst ışık */ --yesil:#1B4332; --yesil-isik:#35604B; --yesil-rat:#0B2A1E; /* Green Rat — kasa gölgesi */ --olive-soft:var(--yesil-perde); --olive-line:var(--yesil-kilcal); /* --- gümüş: bu katmanla gelen soylu metal --- */ --gumus-parlak:#EDEFF1; --gumus:#C7CCD1; --gumus-koyu:#8F969D; --kilcal:#9AA1A8; /* --- metal yalnız organ üstünde: kasa, ray, mühür ve zarf kapağı --- */ --rat-metal:linear-gradient(160deg,#1B4332 0%,#0B2A1E 52%,#061710 100%); --rat-metal-yatay:linear-gradient(90deg,#0B2A1E,#1B4332 22%,#2A5340 50%,#1B4332 78%,#0B2A1E); --gumus-metal:linear-gradient(160deg,#EDEFF1 0%,#C7CCD1 46%,#8F969D 100%); --firca:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,transparent 1px 3px); /* --- ölçü sistemi: 8pt ızgara + 1.25 tip ölçeği --- */ --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:40px; --s8:56px; --t-cap:.75rem; --t-sm:.875rem; --t-bd:1rem; --t-h3:1.25rem; --t-h2:1.5rem; --t-h1:2.25rem; --r:2px; --olcu:66ch; --satir:1.72; --gecis:140ms cubic-bezier(.2,.6,.2,1); --muhur-sure:200ms; --altin:#A9861F; } /* -------------------------------------------------------------------------- 1 · MALZEME — tek zemin + kâğıt zerresi (ikinci zemin değil, aynı zeminin dokusu) -------------------------------------------------------------------------- */ body{ background-color:var(--bg); background-image:url("data:image/svg+xml;utf8,"); -webkit-font-smoothing:antialiased; } /* metal cilt kenarı — her yüzeyin üst kanadında tek gümüş bant + yeşil yapı dikişi */ body::before{ content:"";position:fixed;inset:0 0 auto 0;height:3px;z-index:2147483000;pointer-events:none; background-image:var(--firca),var(--rat-metal-yatay); box-shadow:0 1px 0 var(--gumus-koyu),0 2px 0 var(--gumus-parlak); } /* Metal organ sözlüğü. Bu sınıflar kâğıt panel değildir; kasa/levha/kapak nesnesidir. */ .metal-rat,.atolye-plakasi,.kasa-rayi,.sanziman-rayi,.zarf-kapak{ background-image:var(--firca),var(--rat-metal);color:#EAEFE9; box-shadow:inset 0 0 0 1px rgba(199,204,209,.42),0 0 0 1px rgba(6,23,19,.5); } .metal-gumus,.madalyon-metal{ background-image:var(--firca),var(--gumus-metal);color:var(--text,var(--murekkep,#1A1A17)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.5); } /* -------------------------------------------------------------------------- 2 · TİPOGRAFİ — Didot başlık · Garamond gövde · ölçülü satır -------------------------------------------------------------------------- */ h1,h2,h3,h4,.didot,.brand,.marka{ font-family:'GFS Didot','Didot',Georgia,serif;font-weight:400;letter-spacing:.01em; } h1{line-height:1.14} h2,h3{line-height:1.22} p,li,dd,blockquote{line-height:var(--satir)} /* cevap ve uzun metin sütunu: okuma ölçüsü */ #thread p, .msg p, article p, .prose p, .legal p, main > p{max-width:min(var(--olcu),92vw)} #thread p{margin:0 0 .82em} /* -------------------------------------------------------------------------- 3 · KUTU KURALI — dört kenarlı kabın içindeki denetimin çizgisi YOK -------------------------------------------------------------------------- */ .card button, .card .btn, .panel button, .panel .btn, .box button, .box .btn, [class*="card"] > button, [class*="panel"] > button{ border-color:transparent !important; box-shadow:inset 0 -1px 0 var(--olive-line); } .card button:hover, .panel button:hover, .box button:hover{ box-shadow:inset 0 -1px 0 var(--olive); } /* -------------------------------------------------------------------------- 4 · DÜĞME DİSİPLİNİ — dolgu yalnız "gönder"/birincil; gerisi çizgi -------------------------------------------------------------------------- */ button, .btn, input[type=submit]{ font-family:inherit;letter-spacing:.02em;border-radius:2px; transition:border-color var(--gecis),color var(--gecis),background var(--gecis),box-shadow var(--gecis); min-height:40px; } button:focus-visible, a:focus-visible, .btn:focus-visible, input:focus-visible, select:focus-visible{ outline:2px solid var(--burgundy);outline-offset:2px; } /* kilitli: solmuş dolgu YOK — dolgu düşer, kesik gümüş çerçeve kalır */ button[disabled], .btn[disabled], button[aria-disabled="true"], .btn.is-disabled{ background:transparent !important;color:var(--muted) !important; border:1px dashed var(--gumus-koyu) !important;opacity:1 !important;cursor:not-allowed; } /* -------------------------------------------------------------------------- 5 · DİKİŞ — kılcal ayraçlar tek renk, tek kalınlık -------------------------------------------------------------------------- */ hr{border:0;border-top:1px solid var(--olive-line);margin:var(--s5) 0} header, .topbar, .app-bar{border-bottom:1px solid var(--olive-line)} footer, .footer{border-top:1px solid var(--olive-line)} aside, .sidebar, .side{border-color:var(--olive-line) !important} /* Gerçek kabuk rayları: yeşil metal kasa + gümüş kılcal. */ .topbar,.ubar,.ust{position:relative} .topbar::after,.ubar::after,.ust::after{ content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;pointer-events:none; background-image:var(--firca),var(--rat-metal-yatay); box-shadow:0 1px 0 var(--gumus); } #sidebar,.masa{ border-color:var(--yesil-rat) !important; box-shadow:inset -2px 0 0 var(--gumus),inset -3px 0 0 rgba(11,42,30,.45); } [dir="rtl"] #sidebar,[dir="rtl"] .masa{ box-shadow:inset 2px 0 0 var(--gumus),inset 3px 0 0 rgba(11,42,30,.45); } /* -------------------------------------------------------------------------- 6 · ROZET — dürüstlük dili (yakında / kilitli / açıldı / erişilemedi) -------------------------------------------------------------------------- */ .badge, .rozet, .pill{ font-size:var(--t-cap);letter-spacing:.12em;text-transform:uppercase; border:1px solid var(--gumus-koyu);border-radius:999px;padding:2px var(--s2); color:var(--muted);background:transparent; /* ÖLÇÜLDÜ 31 Ağu: nowrap YASAK — uzun rozet ("Corporate planında · Ön başvuru…") 476px'e çıkıp mobilde yatay taşma üretiyordu (wizard-ao 152px, y-okuma 174px). Geniş [class*=] seçicileri de kaldırıldı: rastgele kaba çarpıyorlardı. */ white-space:normal;max-width:100%;overflow-wrap:break-word; } .badge.ok, .rozet-acildi, [class*="open"]{border-color:var(--olive);color:var(--olive)} .badge.no, .rozet-erisilemedi{border-style:dashed} .badge.sign, .rozet-imza{border-color:var(--altin);color:#7A5E14} /* -------------------------------------------------------------------------- 7 · MÜHÜR + FOLYO — gümüş halka, altın yalnız imzalı çıktıda -------------------------------------------------------------------------- */ .seal, .muhur{ width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center; background:var(--burgundy-2);color:#F4F5EF; box-shadow:0 0 0 1px var(--gumus-koyu),0 0 0 3px var(--bg),0 0 0 4px var(--gumus), 0 0 0 5px var(--bg),0 0 0 7px var(--yesil-rat); transition:transform var(--muhur-sure);cursor:pointer; } .seal:hover, .muhur:hover{transform:rotate(-8deg)} .folio, .folyo{ font-size:var(--t-cap);letter-spacing:.14em;color:var(--muted);font-variant-numeric:tabular-nums; } /* kör kabartma — kullanıcı baş harfleri, zeminle aynı ton */ .emboss, .kabartma{ color:var(--bg);font-family:'GFS Didot',Georgia,serif;letter-spacing:.06em; text-shadow:0 1px 0 #FFFFFF, 0 -1px 0 rgba(26,26,23,.30); } /* -------------------------------------------------------------------------- 7b · GERÇEK BESTEKÂR — dış kasa tek kutudur; input ikinci kutu OLAMAZ -------------------------------------------------------------------------- */ .composer .input-line,.bestekar .input-line, .composer textarea#input,.bestekar textarea#input,.composer .alan,.bestekar .alan{ border:0 !important;border-radius:0 !important;box-shadow:none !important; background:transparent !important;outline:0; } .composer .input-line:focus-within,.bestekar .input-line:focus-within{ box-shadow:inset 0 -1px 0 var(--gumus-koyu) !important; } .composer textarea#input:focus-visible,.bestekar textarea#input:focus-visible{ outline:0 !important; } /* Kapı ve Pax: kâğıt üstünde tek yapı; Google markası yalnız sağlayıcının kendi hesabı-seçim diyaloğunda görünür, evin düğmesinin tenine taşınmaz. */ #gateBox{position:relative} #gateBox::before{ content:"";display:block;width:72px;height:2px;margin:0 0 var(--s5); background-image:var(--firca),var(--rat-metal-yatay);box-shadow:0 1px 0 var(--gumus); } #gateBox .auth-btn{background:transparent !important;border-radius:2px !important} #gateBox .auth-btn:hover{background:transparent !important;box-shadow:inset 0 -1px 0 var(--yesil-rat)} #consentOverlay .modal-box{border-radius:2px;box-shadow:0 0 0 1px var(--gumus),0 22px 64px rgba(11,42,30,.14)} #consentOverlay .modal-box::before{ content:"";display:block;height:3px;margin:-1.25rem -1.25rem 1.15rem; background-image:var(--firca),var(--rat-metal-yatay);box-shadow:0 1px 0 var(--gumus); } .pax-madde{padding:var(--s4) 0;border-top:1px solid var(--olive-line)} .pax-madde h4{margin:0 0 var(--s1);color:var(--text);font-weight:500} .pax-madde p{margin:0;max-width:62ch} .pax-karsi{display:block;margin-top:var(--s2);padding-inline-start:var(--s3); border-inline-start:1px solid var(--olive-line);font-size:var(--t-cap);color:var(--muted)} /* -------------------------------------------------------------------------- 8 · HAREKET BÜTÇESİ — 140ms, tek easing; sistem tercihi kutsal -------------------------------------------------------------------------- */ a, button, .btn, input, select, textarea{transition-duration:140ms;transition-timing-function:cubic-bezier(.2,.6,.2,1)} @media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important}} /* -------------------------------------------------------------------------- 9 · MOBİL — oranlar mobilde de tutar -------------------------------------------------------------------------- */ @media (max-width:760px){ :root{--olcu:90vw} h1{font-size:clamp(1.75rem,7vw,2.25rem)} button, .btn, a.btn, input, select{min-height:44px} /* ISTISNA (olculdu 31 Agu · wizard-ao 148px, wizard-yazma-okuma 166px tasiyordu): satir ici dil cipleri 22px'tir; 44px onlari tek satira sigmaz hale getiriyordu. Cipler kendi boyunda kalir, satir sarar. */ .langrow button, .langopt, [class*="lang"] button, [class*="lang"] a{min-height:0;height:auto} .langrow, [class*="langrow"], nav[class*="lang"]{flex-wrap:wrap} table{display:block;overflow-x:auto} } /* -------------------------------------------------------------------------- 10 · KÜNYELİ YAZDIRMA — her yüzey basılınca tarih · folyo · kaynak · mühür taşır -------------------------------------------------------------------------- */ @media print{ body{background:#fff !important;background-image:none !important;font-size:11pt;color:#000} body::before{display:none} nav, aside, .sidebar, .topbar, header .actions, button, .btn, .composer, #composer, .no-print, [data-print="off"]{display:none !important} a{color:#000;text-decoration:none} a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;color:#444} h1,h2,h3{page-break-after:avoid} p,li,tr{page-break-inside:avoid} /* künye — sayfa altına, tek kılcalın üstüne */ body::after{ content:"parrhesia.one · bu nüsha künyelidir — tarih, folyo, kaynak ve ev mührü nüshanın üstündedir."; display:block;margin-top:16pt;padding-top:6pt;border-top:1px solid #000; font-size:8.5pt;letter-spacing:.04em;color:#000; } @page{margin:18mm 16mm} } /* ========================================================================== 11 · ÇOK DİLLİ KATMAN — kanon 11 dil: tr en es fr de pt id ar ja ko it Ten her dilde ayakta kalmalı: Didot/Garamond'da Arapça ve CJK glifi YOKTUR. Bu blok yazı tipini dile göre devreder ve yönü çevirir. Metin Founder'ın; burada yalnız harfin ve yönün mühendisliği var. ========================================================================== */ /* --- Arapça: Naskh yığını + RTL --- */ :root:lang(ar) body, [lang="ar"]{ font-family:'Noto Naskh Arabic','Amiri','Geeza Pro','Times New Roman',serif; line-height:1.9; /* Arapça satırı nefes ister */ letter-spacing:0; /* harf aralığı Arapçada bozar */ } :root:lang(ar) h1, :root:lang(ar) h2, :root:lang(ar) h3, [lang="ar"] h1, [lang="ar"] h2{ font-family:'Noto Naskh Arabic','Amiri','Geeza Pro',serif;letter-spacing:0; } /* yönlü süslerin aynası: kılcal, mühür halkası, iç gölge */ [dir="rtl"] .ozet, [dir="rtl"] .vitrin, [dir="rtl"] .ic, [dir="rtl"] .sekmeler, [dir="rtl"] aside, [dir="rtl"] .sidebar{ border-left:0 !important;border-right:1px solid var(--olive-line) !important; padding-left:0;padding-right:var(--s5); } [dir="rtl"] [style*="inset 2px 0 0"], [dir="rtl"] .secili, [dir="rtl"] [aria-current="true"]{ box-shadow:inset -2px 0 0 var(--olive) !important; } [dir="rtl"] .soru, [dir="rtl"] .alinti, [dir="rtl"] blockquote{ border-left:0;border-right:2px solid var(--gumus-koyu);padding-left:0;padding-right:var(--s4); } [dir="rtl"] .adimlar{padding:0 var(--s6) 0 0} [dir="rtl"] .adimlar::before{left:auto;right:11px} [dir="rtl"] .adimlar li::before{left:auto;right:calc(-1*var(--s6) + 1px)} [dir="rtl"] .folio, [dir="rtl"] .folyo{letter-spacing:0} /* --- Japonca / Korece: CJK yığını, satır kırma, ölçü --- */ :root:lang(ja) body, [lang="ja"]{ font-family:'Hiragino Mincho ProN','Yu Mincho','Noto Serif JP','MS PMincho',serif; line-height:1.95;letter-spacing:.02em; } :root:lang(ko) body, [lang="ko"]{ font-family:'Apple SD Gothic Neo','Noto Serif KR','Malgun Gothic',serif; line-height:1.9;letter-spacing:0; } :root:lang(ja) p, :root:lang(ko) p, [lang="ja"] p, [lang="ko"] p{ line-break:strict;word-break:normal;overflow-wrap:anywhere; max-width:44em; /* CJK'de 66ch çok geniş kalır */ } :root:lang(ja) h1, :root:lang(ko) h1{letter-spacing:.04em;line-height:1.4} /* CJK'de kapital-harf disiplini anlamsız: etiketleri büyütmeden bırak */ :root:lang(ja) .etiket, :root:lang(ko) .etiket, :root:lang(ar) .etiket, [lang="ja"] .badge, [lang="ko"] .badge, [lang="ar"] .badge{ text-transform:none;letter-spacing:.06em; } /* CJK'de drop-cap yapılmaz */ :root:lang(ja) .cevap p:first-of-type::first-letter, :root:lang(ko) .cevap p:first-of-type::first-letter, :root:lang(ar) .cevap p:first-of-type::first-letter{ float:none;font-size:inherit;line-height:inherit;padding:0;color:inherit; } /* --- Almanca: uzun bileşik sözcük taşmasın --- */ :root:lang(de) p, :root:lang(de) li, [lang="de"] p{hyphens:auto;overflow-wrap:break-word} /* --- Endonezyaca/Portekizce/İtalyanca/Fransızca/İspanyolca: Garamond yeterli, ölçü sabit --- */ :root:lang(id) p, :root:lang(pt) p, :root:lang(it) p, :root:lang(fr) p, :root:lang(es) p{ overflow-wrap:break-word; } /* Fransızcada ince boşluk noktalamayı bozmasın */ :root:lang(fr) p{font-kerning:normal} /* --- her dilde geçerli emniyet: taşma yok --- */ h1,h2,h3,p,li,td,th,button,.badge,.rozet{overflow-wrap:break-word}