/* =====================================================================
   STIL 8 - Dergi: editoryal, kagit rengi zemin, serif basliklar, ince cizgiler, kirmizi vurgu; ciddi ve okunakli.
   "2-ios-beyaz.css" uzerine yuklenir (ayni yapi, farkli renk/malzeme).
   ===================================================================== */
:root:root {
  color-scheme: light;
  --bg: #faf7f1; --card: #fffdf9; --ink: #171717; --muted: #5f5a52; --line: #d9d2c4; --soft: #f1ece1; --soft2: #e8e1d2;
  --accent: #b91c1c; --on-accent: #ffffff; --brand: #b91c1c; --link: #8f1414;
  --tint: #b91c1c22; --tint2: #b91c1c38;
  --glass: #faf7f1cc; --glass-line: #d9d2c4;
  --hero-bg: linear-gradient(180deg,#f1ece1,#faf7f1); --blue-grad: #171717;
  --shadow: none; --shadow-lg: none; --radius: 4px;
  
}
body { background: #faf7f1  !important; color: var(--ink); }
.btn, .site-nav a[data-accent], .fab { background: #171717 !important; color: #fff !important; }
.btn.secondary, .btn.ghost { background: var(--tint) !important; color: var(--link) !important; box-shadow: none; }
.site-nav a.on, .dd.on .ddb { background: var(--tint) !important; color: var(--link) !important; }
.bar-login, .site-nav .bar-login { color: var(--link) !important; border-color: var(--accent) !important; }
.fchip.on { background: var(--accent) !important; border-color: var(--accent) !important; color: var(--on-accent) !important; }

.feat-main { background: #171717 !important; color: #fff !important; }
.statband { background: #171717 !important; border: 0 !important; color: #fff !important; }
.stat b, .stat span, .stat .ico { color: #fff !important; }
.band-tool { background: #171717 !important; color: #fff !important; }
.band-tool h2, .band-h, .steps4 h3 { color: #fff !important; } .steps4 p { color: rgba(255,255,255,.78) !important; }
.steps4 > div { background: rgba(255,255,255,.10) !important; border: 1px solid rgba(255,255,255,.2) !important; box-shadow: none; }
.sn { background: #fff !important; color: #7f1d1d !important; }
.band-tool .btn.ghost { background: rgba(255,255,255,.18) !important; color: #fff !important; }
.band-tool .btn:not(.ghost) { background: #fff !important; color: #7f1d1d !important; }
.mpage-head, .top { background: var(--hero-bg), var(--soft) !important; border-bottom: 1px solid var(--glass-line) !important; }
.feedback-band { background: #b91c1c !important; } .feedback-band .btn { background: #fff !important; color: #7f1d1d !important; }
.site-foot { background: #171717 !important; color: rgba(255,255,255,.76) !important; border-top: 0 !important; }
.site-foot a, .foot-cols strong, .foot-brand { color: #fff !important; } .legalbar { border-color: rgba(255,255,255,.18) !important; color: rgba(255,255,255,.6) !important; }
.fhero { background: #171717 !important; color: #fff !important; } .fhero h1, .fhero p, .fhero .forum-auth { color: #fff !important; }
.fhero .btn { background: #fff !important; color: #7f1d1d !important; } .fhero .btn.ghost { background: rgba(255,255,255,.18) !important; color: #fff !important; }
:root:root { --display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif; }
h1, h2, h3, h4, .logo, .feat h3, .cpanel h3, .widget h3, .band-h, .steps4 h3, .card-l h3, .fcard h3, .stat b { font-family: var(--display) !important; font-weight: 700 !important; letter-spacing: -.01em !important; }
.page h1, .mpage-head h1, .fhead h1, .hero h1 { font-weight: 800 !important; letter-spacing: -.02em !important; }
.btn, .btn.secondary, .btn.ghost, .fchip, .tab, .bar-login, .site-nav a, .ddb, .ictile, .qf input, .qf select, .hsearch input, .langb, .fpick, .fatt-pick, .fbadge, .eyebrow, .chip-cat { border-radius: 3px !important; }
.btn { background: #171717 !important; color: #fff !important; box-shadow: none !important; text-transform: uppercase; letter-spacing: .06em; font-size: .82rem; }
.btn.secondary, .btn.ghost { background: transparent !important; color: #171717 !important; border: 1px solid #171717 !important; }
.btn.secondary:hover, .btn.ghost:hover { background: #171717 !important; color: #fff !important; }
.feat, .cpanel, .widget, .scard, .catrow, .steps4 > div, .quick-card, .hero-card, .card, .panel, .card-l, .fcard, .tile, .ed, .notice, .cta-box { border: 1px solid #171717 !important; box-shadow: none !important; border-radius: 2px !important; }
.hero, .mpage-head, .top { border-bottom: 3px double #171717 !important; background: #f1ece1 !important; }
.hero h1 em { color: #b91c1c !important; -webkit-text-fill-color: #b91c1c; font-style: italic; }
.site-top { background: #faf7f1 !important; border-bottom: 3px double #171717 !important; }
.feat-main { background: #171717 !important; color: #fff !important; } .feat-main h3, .feat-main p, .feat-main .feat-go { color: #fff !important; }
.statband { background: #171717 !important; } .band-tool { background: #171717 !important; }
.feedback-band { background: #b91c1c !important; box-shadow: none !important; border-radius: 2px !important; }
.fchip.on { background: #171717 !important; border-color: #171717 !important; }
.eyebrow { background: transparent !important; color: #b91c1c !important; border: 0 !important; padding: 0 !important; letter-spacing: .14em !important; }
.ed-tools, .ed-foot { background: #f1ece1; }