body { font-family:'Inter',system-ui,sans-serif; background:#f6f7f9; color:#1f2733; }
  .rg-display { font-family:'Bricolage Grotesque',system-ui,sans-serif; letter-spacing:-.02em; }
  a { color:inherit; }
  /* ÜST MENÜ / BREADCRUMB */
  .rg-topbar { background:#0b1220; color:#cbd5e1; font-size:.85rem; }
  .rg-topbar a { color:#e2e8f0; text-decoration:none; opacity:.9; }
  .rg-topbar a:hover { opacity:1; color:#fff; }
  .rg-topbar .brand { font-family:'Bricolage Grotesque'; font-weight:700; color:#fff; letter-spacing:-.01em; }
  .rg-crumb { display:flex; flex-wrap:wrap; gap:.45rem; align-items:center; }
  .rg-crumb .sep { opacity:.45; }
  /* HERO */
  .rg-hero { position:relative; overflow:hidden; color:#fff;
    background-image:radial-gradient(120% 140% at 12% -10%, rgba(255,255,255,.18), transparent 55%),
      linear-gradient(135deg, var(--c), #0b1220); }
  .rg-hero::after { content:""; position:absolute; inset:0; opacity:.10; pointer-events:none;
    background-image:radial-gradient(currentColor 1px, transparent 1.4px); background-size:18px 18px; }
  .rg-eyebrow { display:inline-flex; align-items:center; gap:.5rem; font-weight:600; font-size:.72rem;
    letter-spacing:.22em; text-transform:uppercase; opacity:.92; background:rgba(255,255,255,.14);
    padding:.35rem .7rem; border-radius:999px; backdrop-filter:blur(4px); }
  .rg-hero-stats { display:flex; flex-wrap:wrap; gap:1.5rem; margin-top:1.6rem; }
  .rg-hero-stat b { font-family:'Bricolage Grotesque'; font-size:1.5rem; display:block; line-height:1; }
  .rg-hero-stat span { font-size:.72rem; text-transform:uppercase; letter-spacing:.12em; opacity:.85; }
  /* TOPIC RAIL */
  .rg-rail { position:sticky; top:0; z-index:30; background:rgba(255,255,255,.92);
    backdrop-filter:blur(8px); border-bottom:1px solid #e7e9ee; }
  .rg-rail-inner { display:flex; gap:.5rem; overflow-x:auto; max-width:80rem; margin:0 auto;
    padding:.7rem 1rem; scrollbar-width:none; }
  .rg-rail-inner::-webkit-scrollbar { display:none; }
  .rg-pill { flex:0 0 auto; display:inline-flex; align-items:center; gap:.45rem; font-size:.82rem;
    font-weight:500; color:#475467; text-decoration:none; padding:.45rem .8rem; border-radius:999px;
    border:1px solid #e7e9ee; background:#fff; transition:.18s; white-space:nowrap; }
  .rg-pill i { color:var(--c); font-size:.85rem; }
  .rg-pill:hover { border-color:var(--c); color:#1f2733; transform:translateY(-1px); }
  .rg-pill-on { color:#fff; background:var(--c); border-color:var(--c); }
  .rg-pill-on i { color:#fff; }
  /* PANELS */
  .rg-panel { background:#fff; border:1px solid #eceef2; border-radius:18px; padding:1.6rem 1.7rem;
    box-shadow:0 1px 2px rgba(16,24,40,.04); }
  .rg-panel + .rg-panel { margin-top:1.25rem; }
  .rg-panel-title { font-family:'Bricolage Grotesque'; font-weight:700; font-size:1.35rem;
    display:flex; align-items:center; gap:.6rem; color:#101828; }
  .rg-panel-dot { width:.7rem; height:.7rem; border-radius:50%; background:var(--c);
    box-shadow:0 0 0 4px color-mix(in srgb, var(--c) 18%, transparent); }
  .rg-panel-body { margin-top:1rem; font-size:1.03rem; line-height:1.75; color:#39434f; }
  .rg-panel-body p + p { margin-top:.8rem; }
  .rg-sub { margin-top:1.1rem; }
  .rg-sub-title { font-family:'Bricolage Grotesque'; font-weight:600; color:#1f2733; font-size:1.05rem; margin-bottom:.5rem; }
  .rg-line { display:flex; gap:.5rem; padding:.4rem 0; border-bottom:1px dashed #eceef2; }
  .rg-line span { font-weight:600; color:#101828; min-width:9rem; }
  /* CHIPS / BULLETS */
  .rg-chips { display:flex; flex-wrap:wrap; gap:.5rem; }
  .rg-chip { background:color-mix(in srgb, var(--c) 9%, #fff); color:#1f2733;
    border:1px solid color-mix(in srgb, var(--c) 22%, #fff); padding:.32rem .7rem; border-radius:8px;
    font-size:.9rem; font-weight:500; }
  .rg-bullets { list-style:none; padding:0; }
  .rg-bullets li { position:relative; padding-left:1.4rem; margin:.45rem 0; }
  .rg-bullets li::before { content:"\2022"; color:var(--c); font-weight:800; position:absolute; left:.3rem; top:-.05rem; font-size:1.1rem; }
  /* STAT TILES */
  .rg-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:.8rem; }
  .rg-stat { background:#f8fafc; border:1px solid #eceef2; border-radius:12px; padding:.9rem 1rem; }
  .rg-stat-val { font-family:'Bricolage Grotesque'; font-weight:700; font-size:1.25rem; color:#101828; }
  .rg-stat-key { font-size:.78rem; color:#667085; text-transform:uppercase; letter-spacing:.06em; margin-top:.15rem; }
  /* PLACE CARDS */
  .rg-cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:1rem; }
  .rg-card { border:1px solid #eceef2; border-radius:14px; padding:1.1rem 1.2rem; background:#fff;
    border-top:3px solid var(--c); transition:.18s; }
  .rg-card:hover { box-shadow:0 8px 24px rgba(16,24,40,.08); transform:translateY(-2px); }
  .rg-card-title { font-family:'Bricolage Grotesque'; font-weight:600; font-size:1.08rem; color:#101828; }
  .rg-card-desc { margin-top:.4rem; color:#475467; font-size:.96rem; line-height:1.6; }
  .rg-meta { margin-top:.5rem; font-size:.85rem; color:#475467; }
  .rg-meta span { font-weight:600; color:#101828; margin-right:.3rem; }
  /* SIDEBAR */
  .rg-side-card { background:#fff; border:1px solid #eceef2; border-radius:18px; padding:1.2rem;
    box-shadow:0 1px 2px rgba(16,24,40,.04); }
  .rg-side-card + .rg-side-card { margin-top:1.1rem; }
  .rg-side-hero { padding:1rem; }
  .rg-side-hero img { width:100%; border-radius:12px; display:block; }
  .rg-gaz { margin-top:.9rem; display:flex; align-items:center; justify-content:center; gap:.5rem;
    background:#101828; color:#fff; text-decoration:none; padding:.7rem; border-radius:10px;
    font-weight:600; font-size:.92rem; transition:.18s; }
  .rg-gaz:hover { background:var(--c); }
  .rg-facts { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; }
  .rg-fact { background:#f8fafc; border:1px solid #eceef2; border-radius:12px; padding:.7rem .8rem; text-align:center; }
  .rg-fact-val { font-family:'Bricolage Grotesque'; font-weight:700; font-size:1.15rem; color:var(--c); }
  .rg-fact-key { font-size:.72rem; color:#667085; text-transform:uppercase; letter-spacing:.06em; }
  .rg-side-title { font-family:'Bricolage Grotesque'; font-weight:700; font-size:1.05rem; color:#101828; margin-bottom:.8rem; }
  .rg-navlist { list-style:none; padding:0; display:flex; flex-direction:column; gap:.3rem; }
  .rg-nav { display:flex; align-items:center; gap:.7rem; padding:.55rem .7rem; border-radius:10px;
    text-decoration:none; color:#475467; font-size:.92rem; font-weight:500; transition:.15s; }
  .rg-nav i { color:var(--c); width:1.1rem; text-align:center; }
  .rg-nav:hover { background:#f6f7f9; color:#101828; }
  .rg-nav-on { background:color-mix(in srgb, var(--c) 10%, #fff); color:#101828;
    border:1px solid color-mix(in srgb, var(--c) 25%, #fff); }
  /* CATEGORY GRID (şehir sayfası) */
  .rg-cat-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:1rem; }
  .rg-cat { --cc:var(--c); display:flex; gap:.9rem; align-items:flex-start; text-decoration:none;
    background:#fff; border:1px solid #eceef2; border-radius:16px; padding:1.1rem 1.2rem;
    border-left:4px solid var(--cc); transition:.18s; }
  .rg-cat:hover { transform:translateY(-3px); box-shadow:0 12px 30px rgba(16,24,40,.10); }
  .rg-cat-ic { flex:0 0 auto; width:2.6rem; height:2.6rem; border-radius:12px; display:grid; place-items:center;
    background:color-mix(in srgb, var(--cc) 12%, #fff); color:var(--cc); font-size:1.1rem; }
  .rg-cat-tt { font-family:'Bricolage Grotesque'; font-weight:700; color:#101828; font-size:1.05rem; }
  .rg-cat-ds { color:#667085; font-size:.86rem; margin-top:.2rem; line-height:1.45; }
  .rg-badge { display:inline-block; font-size:.66rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase;
    padding:.12rem .4rem; border-radius:6px; margin-top:.45rem; }
  .rg-badge-on { background:#dcfce7; color:#166534; }
  .rg-badge-soon { background:#f1f5f9; color:#64748b; }
  /* CITY GRID (ülke sayfası) */
  .rg-tools { display:flex; flex-wrap:wrap; gap:.8rem; align-items:center; margin-bottom:1.3rem; }
  .rg-search { flex:1 1 280px; display:flex; align-items:center; gap:.6rem; background:#fff;
    border:1px solid #e7e9ee; border-radius:12px; padding:.7rem 1rem; }
  .rg-search input { border:0; outline:0; width:100%; font-size:1rem; background:transparent; color:#1f2733; }
  .rg-search i { color:#94a3b8; }
  .rg-count { font-size:.85rem; color:#667085; white-space:nowrap; }
  .rg-cities { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:.7rem; }
  .rg-city { display:flex; align-items:center; gap:.7rem; text-decoration:none; background:#fff;
    border:1px solid #eceef2; border-radius:12px; padding:.7rem .85rem; transition:.15s; }
  .rg-city:hover { border-color:var(--c); transform:translateY(-2px); box-shadow:0 8px 20px rgba(16,24,40,.08); }
  .rg-plaka { flex:0 0 auto; min-width:2rem; height:2rem; padding:0 .35rem; border-radius:8px; display:grid;
    place-items:center; font-family:'Bricolage Grotesque'; font-weight:700; font-size:.82rem;
    background:color-mix(in srgb, var(--c) 12%, #fff); color:var(--c); border:1px solid color-mix(in srgb, var(--c) 22%, #fff); }
  .rg-city-ad { font-weight:600; color:#101828; font-size:.97rem; }
  .rg-empty-find { color:#94a3b8; padding:2rem; text-align:center; display:none; }
  /* FOOTER */
  .rg-foot { background:#0b1220; color:#9aa4b2; }
  .rg-foot a { color:#cbd5e1; text-decoration:none; }
  .rg-foot a:hover { text-decoration:underline; }
  /* anim */
  .rg-fade { animation:rgIn .5s ease both; }
  @keyframes rgIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
  @media (prefers-reduced-motion: reduce){ .rg-fade{animation:none;} .rg-card,.rg-pill,.rg-cat,.rg-city{transition:none;} }