/* Hukuki + içerik sayfaları için ortak stil — uygulamayla aynı "Sade" teması. * Değerler src/index.css'teki @theme ile birebir aynıdır (config: iki dosyayı * birlikte güncelle). Font buradan @import ile gelir ki 14 şablonun 'ine * tek tek eklenmesin. */ @import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&display=swap"); :root { --kagit: #ffffff; /* zemin: beyaz */ --panel: #f4f4f5; /* kutu zemini */ --murekkep: #1a1a1c; /* ana metin */ --kurum: #52555b; /* ikincil metin */ --cizgi: #e5e5e7; /* ince çizgi */ --muhur: #0b5cd1; /* tek vurgu (mavi) */ --cam: #52555b; /* nötr gri */ --serif: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --sans: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --mono: "Archivo", ui-monospace, "SF Mono", Menlo, monospace; } * { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; background: var(--kagit); color: var(--murekkep); font-family: var(--sans); line-height: 1.75; -webkit-font-smoothing: antialiased; } ::selection { background: var(--muhur); color: var(--kagit); } .wrap { max-width: 720px; margin: 0 auto; padding: 0 24px; } /* Üst şerit: mini manşet */ .site-header { border-bottom: 1px solid var(--cizgi); padding: 14px 0; } .brand { font-family: var(--mono); font-size: 11px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--kurum); text-decoration: none; } .brand:hover { color: var(--muhur); } main { padding: 44px 0 24px; } h1 { font-family: var(--serif); font-size: 38px; font-weight: 900; letter-spacing: -0.01em; line-height: 1.15; margin: 0 0 10px; /* manşet altı çift cetvel: kalın + ince iki çizgi */ padding-bottom: 20px; background: linear-gradient(var(--murekkep), var(--murekkep)) left bottom 4px / 100% 3px no-repeat, linear-gradient(var(--murekkep), var(--murekkep)) left bottom / 100% 1px no-repeat; } h2 { font-family: var(--serif); font-size: 23px; font-weight: 700; margin: 40px 0 8px; padding-bottom: 6px; border-bottom: 1px solid var(--cizgi); } h3 { font-family: var(--serif); font-size: 18px; font-weight: 600; margin: 26px 0 4px; } p, li { font-size: 16px; color: var(--murekkep); } .lead { font-family: var(--serif); font-style: italic; font-size: 19px; color: var(--kurum); margin-top: 14px; } .tarih { font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--kurum); margin-top: 8px; } a { color: var(--muhur); text-decoration: underline; text-decoration-color: var(--cizgi); text-underline-offset: 2px; } a:hover { text-decoration-color: var(--muhur); } ul { padding-left: 22px; } li { margin: 6px 0; } li::marker { color: var(--muhur); } strong { color: var(--murekkep); } /* Çerçeveli not kutusu — gazetedeki çerçeve haber */ .kutu { background: var(--panel); border: 1px solid var(--murekkep); padding: 16px 20px; margin: 26px 0; font-size: 15px; } /* Blok düğme — mürekkep blok, mono büyük harf */ .cta { display: inline-block; margin-top: 12px; background: var(--murekkep); color: var(--kagit); padding: 13px 26px; font-family: var(--mono); font-size: 12px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; text-decoration: none; transition: background-color 0.15s; } .cta:hover { background: var(--muhur); text-decoration: none; } /* SSS — açılır satırlar */ details { border-top: 1px solid var(--cizgi); padding: 14px 0; } details summary { cursor: pointer; font-family: var(--serif); font-weight: 600; font-size: 16px; list-style: none; } details summary::-webkit-details-marker { display: none; } details summary::after { content: "+"; float: right; font-family: var(--mono); color: var(--muhur); } details[open] summary::after { content: "−"; } details p { margin: 10px 0 4px; } /* Tablolar — mono rakamlı gazete tablosu */ table { width: 100%; border-collapse: collapse; margin: 20px 0; font-family: var(--mono); font-size: 13px; font-variant-numeric: tabular-nums; } th { font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; text-align: left; color: var(--kurum); border-bottom: 1px solid var(--murekkep); padding: 8px 10px; } td { border-bottom: 1px solid var(--cizgi); padding: 7px 10px; } blockquote { margin: 24px 0; padding: 4px 0 4px 18px; border-left: 3px solid var(--muhur); font-family: var(--serif); font-style: italic; color: var(--kurum); } .ad-wrap { margin: 32px 0; min-height: 100px; display: flex; align-items: center; justify-content: center; } /* Sayfa altı: ince+kalın kapanış cetveli */ .site-footer { border-top: 1px solid var(--murekkep); margin-top: 52px; padding: 0 0 40px; } .site-footer::before { content: ""; display: block; border-top: 3px solid var(--murekkep); margin-top: 2px; margin-bottom: 26px; } .site-footer nav { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-bottom: 14px; } .site-footer nav a { font-size: 13px; color: var(--kurum); text-decoration-color: var(--cizgi); } .site-footer nav a:hover { color: var(--muhur); text-decoration-color: var(--muhur); } .site-footer p { font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--kurum); margin: 0; }