/* Hesaplama Araçları Merkezi — bağımsız stil dosyası (Tailwind derlemesi gerektirmez). */
.hc { --hc-primary:#3a86ff; --hc-primary-d:#1f6fe5; --hc-secondary:#764ba2; --hc-ink:#0f172a; --hc-muted:#5b6b7e; --hc-line:#e2e8f0; --hc-soft:#f4f7fb; --hc-ok:#0f9d6b; --hc-warn:#b45309; --hc-err:#c2272d; color:var(--hc-ink); }
.hc *, .hc *::before, .hc *::after { box-sizing:border-box; }
.hc-wrap { max-width:1180px; margin:0 auto; padding:0 16px; }
.hc-sr { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.hc-muted { color:var(--hc-muted); font-size:13px; }
.hc [hidden] { display:none !important; }

/* Başlık alanı */
.hc-hero { background:linear-gradient(160deg,#0f1f3a 0%,#1d3557 60%,#284b78 100%); color:#fff; padding:22px 0 52px; }
.hc-hero--hub { padding:30px 0 40px; }
.hc-crumbs { display:flex; flex-wrap:wrap; gap:6px 8px; margin:0 0 14px; padding:0; list-style:none; font-size:12px; font-weight:700; color:#b9cbe4; }
.hc-crumbs li + li::before { content:"/"; margin-right:8px; opacity:.6; }
.hc-crumbs a { color:inherit; text-decoration:none; }
.hc-crumbs a:hover, .hc-crumbs a:focus-visible { color:#fff; text-decoration:underline; }
.hc-hero h1 { margin:0; font-size:clamp(26px,3.6vw,40px); line-height:1.12; font-weight:800; letter-spacing:-.5px; color:#fff; }
.hc-hero h1 i { font-size:.8em; color:#f2c14e; margin-right:6px; }
.hc-hero-lead { margin:10px 0 0; max-width:760px; font-size:16px; line-height:1.6; color:#d5e2f3; }
.hc-hero-badges { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 0; padding:0; list-style:none; }
.hc-hero-badges li { display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); font-size:12px; font-weight:700; color:#e3ecf8; }
.hc-hero-badges i { color:#f2c14e; }

/* Uyarı bantları */
.hc-banner { margin:16px 0 0; padding:12px 14px; border-radius:12px; font-size:14px; line-height:1.55; position:relative; z-index:2; }
.hc-banner--preview { background:#fff7e6; border:1px solid #f3c66b; color:#6b4605; }
.hc-banner--warn { background:#fff4f2; border:1px solid #f5b4ab; color:#8a1f15; }
.hc-banner-reason { display:block; margin-top:6px; font-size:13px; }
.hc-banner a { color:inherit; font-weight:800; margin-left:6px; }

/* Araç düzeni */
.hc-tool { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; margin-top:-34px; position:relative; z-index:1; align-items:start; }
@media (min-width:1024px) {
  .hc-tool { grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr); gap:20px; }
  .hc-result-panel.hc-sticky { position:sticky; top:96px; }
}
.hc-panel { background:#fff; border:1px solid var(--hc-line); border-radius:18px; box-shadow:0 10px 30px rgba(15,23,42,.07); padding:18px; min-width:0; }
@media (min-width:640px) { .hc-panel { padding:22px; } }
.hc-panel-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 14px; }
.hc-panel-head h2 { margin:0; font-size:15px; font-weight:800; letter-spacing:.2px; text-transform:uppercase; color:#334155; }
.hc-panel-head h2 i { color:var(--hc-primary); margin-right:6px; }
.hc-panel-tools { display:flex; gap:12px; }
.hc-link-btn { background:none; border:0; padding:4px 0; font:inherit; font-size:13px; font-weight:700; color:var(--hc-primary-d); cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.hc-link-btn:hover { text-decoration:underline; }
.hc-link-btn:disabled { color:#94a3b8; cursor:not-allowed; text-decoration:none; }

/* Form */
.hc-form { display:flex; flex-direction:column; gap:14px; }
.hc-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px 14px; }
.hc-field { grid-column:1 / -1; min-width:0; }
.hc-field--half { grid-column:auto; }
@media (max-width:420px) { .hc-field--half { grid-column:1 / -1; } .hc-group .hc-field--half { grid-column:auto; } }
.hc-label { display:block; margin:0 0 6px; font-size:13px; font-weight:800; color:#1e293b; }
.hc-input-wrap { position:relative; display:flex; align-items:stretch; }
.hc-input { width:100%; min-height:46px; border:1px solid #cbd5e1; border-radius:12px; background:#f8fafc; padding:10px 12px; font:inherit; font-size:16px; font-weight:600; color:var(--hc-ink); transition:border-color .15s, background .15s, box-shadow .15s; }
.hc-input:focus { outline:none; border-color:var(--hc-primary); background:#fff; box-shadow:0 0 0 3px rgba(58,134,255,.22); }
.hc-input[aria-invalid="true"] { border-color:var(--hc-err); background:#fff6f6; }
.hc-input-wrap .hc-unit { position:absolute; right:12px; top:50%; transform:translateY(-50%); font-size:13px; font-weight:700; color:var(--hc-muted); pointer-events:none; }
.hc-input-wrap--unit .hc-input { padding-right:52px; }
.hc-textarea { min-height:150px; resize:vertical; font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:15px; line-height:1.5; }
select.hc-input { appearance:auto; }
.hc-help { margin:6px 0 0; font-size:12.5px; line-height:1.5; color:var(--hc-muted); }
.hc-error { margin:6px 0 0; font-size:13px; font-weight:700; color:var(--hc-err); }
.hc-group { border:1px solid var(--hc-line); border-radius:14px; padding:12px 14px 14px; margin:0; min-width:0; }
.hc-group legend { padding:0 6px; font-size:14px; font-weight:800; color:#1e293b; }
.hc-group legend small { margin-left:8px; font-size:12px; font-weight:700; color:var(--hc-muted); }
.hc-seg { border:0; padding:0; margin:0; min-width:0; }
.hc-seg-options { display:flex; flex-wrap:wrap; gap:6px; }
.hc-seg-option { position:relative; }
.hc-seg-option input { position:absolute; opacity:0; inset:0; margin:0; cursor:pointer; }
.hc-seg-option span { display:inline-flex; align-items:center; min-height:40px; padding:8px 13px; border:1px solid #cbd5e1; border-radius:999px; background:#fff; font-size:13.5px; font-weight:700; color:#334155; cursor:pointer; transition:all .15s; }
.hc-seg-option input:checked + span { background:var(--hc-primary); border-color:var(--hc-primary); color:#fff; }
.hc-seg-option input:focus-visible + span { outline:3px solid rgba(58,134,255,.45); outline-offset:2px; }
.hc-check { display:flex; align-items:flex-start; gap:10px; font-size:14px; font-weight:700; color:#1e293b; cursor:pointer; line-height:1.4; }
.hc-check input { width:20px; height:20px; margin:0; flex:0 0 auto; accent-color:var(--hc-primary); }
.hc-check--sm { font-size:13px; font-weight:600; color:var(--hc-muted); align-items:center; }
.hc-check--sm input { width:16px; height:16px; }
.hc-privacy { margin:16px 0 0; font-size:12.5px; color:var(--hc-muted); }
.hc-privacy i { color:var(--hc-ok); margin-right:4px; }

/* Tekrarlayan satırlar */
.hc-repeater { border:0; padding:0; margin:0; min-width:0; }
.hc-rep-head, .hc-rep-row { display:grid; grid-template-columns:var(--hc-rep-cols, 22px minmax(0,1.6fr) minmax(0,1fr) minmax(0,.9fr) 36px); gap:6px; align-items:center; }
.hc-rep-head { font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.4px; color:var(--hc-muted); margin-bottom:6px; }
.hc-rep-row { margin-bottom:6px; }
.hc-rep-row .hc-input { min-height:42px; padding:8px 10px; font-size:15px; }
.hc-rep-no { font-size:12px; font-weight:800; color:#94a3b8; text-align:right; }
.hc-rep-cell { display:block; min-width:0; }
.hc-icon-btn { width:36px; height:36px; border:1px solid var(--hc-line); border-radius:10px; background:#fff; color:#64748b; cursor:pointer; }
.hc-icon-btn:hover { color:var(--hc-err); border-color:#f5b4ab; }
@media (max-width:480px) {
  .hc-rep-head { display:none; }
  .hc-rep-row { grid-template-columns:var(--hc-rep-cols-m, minmax(0,1fr) minmax(0,1fr) 36px); padding:8px; border:1px solid var(--hc-line); border-radius:12px; }
  .hc-rep-no { display:none; }
  .hc-rep-row .hc-rep-cell:first-of-type { grid-column:1 / -1; }
  .hc-rep-row .hc-rep-cell:first-of-type ~ .hc-rep-cell { grid-column:auto; }
  .hc-rep-cell .hc-sr { position:static !important; width:auto; height:auto; margin:0 0 3px; clip:auto; overflow:visible; display:block; font-size:11px; font-weight:800; color:var(--hc-muted); }
}

/* Düğmeler */
.hc-btn { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:9px 14px; border:1px solid #cbd5e1; border-radius:12px; background:#fff; font:inherit; font-size:14px; font-weight:800; color:#1e293b; cursor:pointer; text-decoration:none; transition:all .15s; }
.hc-btn:hover { border-color:var(--hc-primary); color:var(--hc-primary-d); }
.hc-btn:focus-visible, .hc-link-btn:focus-visible, .hc-icon-btn:focus-visible, .hc-chip:focus-visible, .hc-card-link:focus-visible, .hc-report:focus-visible { outline:3px solid rgba(58,134,255,.5); outline-offset:2px; }
.hc-btn:disabled { opacity:.5; cursor:not-allowed; }
.hc-btn--primary { background:var(--hc-primary); border-color:var(--hc-primary); color:#fff; }
.hc-btn--primary:hover { background:var(--hc-primary-d); color:#fff; }
.hc-btn--wa { background:#16a34a; border-color:#16a34a; color:#fff; }
.hc-btn--wa:hover { background:#15803d; border-color:#15803d; color:#fff; }
.hc-btn--ghost { background:#f8fafc; }
.hc-btn--sm { min-height:38px; padding:6px 12px; font-size:13px; }

/* Sonuç */
.hc-output { min-height:120px; }
.hc-result-top { display:flex; justify-content:flex-start; margin-bottom:8px; }
.hc-kind { display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; font-size:12px; font-weight:800; }
.hc-kind--exact { background:#e7f7ef; color:#0b6b48; }
.hc-kind--estimate { background:#fff4dc; color:#8a5300; }
.hc-kind--info { background:#e8f0ff; color:#1d4ed8; }
.hc-primary { padding:16px 18px; border-radius:16px; background:linear-gradient(135deg,#eef4ff 0%,#f5efff 100%); border:1px solid #dbe5fb; }
.hc-primary-label { font-size:13px; font-weight:800; color:#475569; text-transform:uppercase; letter-spacing:.4px; }
.hc-primary-value { margin-top:2px; font-size:clamp(32px,6vw,46px); line-height:1.1; font-weight:800; color:#0b1f4d; letter-spacing:-.5px; word-break:break-word; font-variant-numeric:tabular-nums; }
.hc-primary-value:focus { outline:none; }
.hc-primary-hint { margin-top:4px; font-size:14px; font-weight:700; color:#475569; }
.hc-status { display:flex; align-items:center; gap:8px; margin-top:10px; padding:10px 12px; border-radius:12px; font-size:14px; font-weight:800; }
.hc-status--positive { background:#e7f7ef; color:#0b6b48; }
.hc-status--neutral { background:#f1f5f9; color:#334155; }
.hc-status--negative { background:#fdecec; color:#9b1c1c; }
.hc-secondary { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px; margin:12px 0 0; }
.hc-secondary div { padding:10px 12px; border:1px solid var(--hc-line); border-radius:12px; min-width:0; }
.hc-secondary dt { font-size:12px; font-weight:700; color:var(--hc-muted); }
.hc-secondary dd { margin:2px 0 0; font-size:16px; font-weight:800; color:#0f172a; word-break:break-word; font-variant-numeric:tabular-nums; }
.hc-meaning { margin-top:14px; padding:14px; border-radius:14px; background:#fffdf5; border:1px solid #f2e3b3; }
.hc-meaning h3 { margin:0 0 6px; font-size:14px; font-weight:800; color:#5b4300; }
.hc-meaning h3 i { color:#d99a00; margin-right:4px; }
.hc-meaning p { margin:0 0 6px; font-size:14px; line-height:1.6; color:#334155; }
.hc-warnings { list-style:none; margin:8px 0 0; padding:0; }
.hc-warnings li { display:flex; gap:8px; font-size:13px; line-height:1.5; color:#7a4a00; margin-top:4px; }
.hc-warnings i { color:#d97706; margin-top:3px; }
.hc-state { display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; padding:28px 14px; border-radius:14px; background:var(--hc-soft); color:#475569; }
.hc-state i { font-size:26px; color:#94a3b8; }
.hc-state p { margin:0; font-size:14.5px; font-weight:700; }
.hc-state ul { margin:4px 0 0; padding:0; list-style:none; font-size:13px; }
.hc-state--error { background:#fff6f6; color:var(--hc-err); }
.hc-state--error i { color:var(--hc-err); }

/* Grafik */
.hc-chart { margin:16px 0 0; }
.hc-chart-title { font-size:13px; font-weight:800; color:#334155; margin-bottom:8px; }
.hc-chart-note { margin:6px 0 0; font-size:12px; color:var(--hc-muted); }
.hc-split { display:flex; height:16px; border-radius:999px; overflow:hidden; background:#e2e8f0; }
.hc-split-seg { display:block; height:100%; }
.hc-legend { list-style:none; margin:10px 0 0; padding:0; display:grid; gap:6px; }
.hc-legend li { display:flex; align-items:center; gap:8px; font-size:13.5px; }
.hc-dot { width:12px; height:12px; border-radius:3px; flex:0 0 auto; }
.hc-legend-label { color:#334155; font-weight:700; }
.hc-legend-value { margin-left:auto; font-weight:800; font-variant-numeric:tabular-nums; text-align:right; }
.hc-legend-value small { color:var(--hc-muted); font-weight:700; }
.hc-bars { list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.hc-bars li { display:grid; grid-template-columns:minmax(0,9.5em) minmax(0,1fr) auto; align-items:center; gap:10px; font-size:13px; }
.hc-bar-label { font-weight:700; color:#334155; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hc-bar-track { height:12px; border-radius:999px; background:#eef2f7; overflow:hidden; }
.hc-bar-fill { display:block; height:100%; border-radius:999px; min-width:2px; }
.hc-bar-value { font-weight:800; font-variant-numeric:tabular-nums; white-space:nowrap; }
@media (max-width:420px) { .hc-bars li { grid-template-columns:minmax(0,1fr) auto; } .hc-bar-track { grid-column:1 / -1; grid-row:2; } }

/* Tablo */
.hc-table-wrap { margin-top:14px; overflow-x:auto; border:1px solid var(--hc-line); border-radius:12px; }
.hc-table { width:100%; border-collapse:collapse; font-size:13px; font-variant-numeric:tabular-nums; }
.hc-table caption { text-align:left; padding:10px 12px 0; font-weight:800; color:#334155; }
.hc-table th, .hc-table td { padding:8px 12px; border-bottom:1px solid var(--hc-line); text-align:right; white-space:nowrap; }
.hc-table th:first-child, .hc-table thead th:first-child { text-align:left; white-space:normal; }
.hc-table thead th { font-size:11.5px; text-transform:uppercase; letter-spacing:.3px; color:var(--hc-muted); }
.hc-table tbody tr:last-child th, .hc-table tbody tr:last-child td { border-bottom:0; }

/* Eylemler */
.hc-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:16px; }
@media (min-width:520px) { .hc-actions { grid-template-columns:repeat(4,minmax(0,1fr)); } }
.hc-actions .hc-btn { padding:9px 8px; font-size:13px; }
.hc-actions-sub { display:flex; flex-wrap:wrap; align-items:center; gap:6px 16px; margin-top:10px; }
.hc-toast { margin-top:10px; padding:8px 12px; border-radius:10px; background:#0f172a; color:#fff; font-size:13px; font-weight:700; }
.hc-method { margin-top:14px; border-top:1px solid var(--hc-line); padding-top:10px; }
.hc-method summary { cursor:pointer; font-size:14px; font-weight:800; color:#1e293b; padding:6px 0; list-style-position:outside; }
.hc-method summary i { color:var(--hc-secondary); margin-right:4px; }
.hc-formula { margin:8px 0; display:flex; flex-direction:column; gap:4px; }
.hc-formula span, .hc-method-sub { font-size:11.5px; font-weight:800; text-transform:uppercase; letter-spacing:.4px; color:var(--hc-muted); margin:12px 0 4px; }
.hc-formula span { margin:0; }
.hc-formula code { display:block; padding:10px 12px; border-radius:10px; background:#0f1f3a; color:#e2e8f0; font-size:13px; line-height:1.55; white-space:pre-wrap; word-break:break-word; }
.hc-steps, .hc-assumptions { margin:0; padding-left:20px; font-size:13.5px; line-height:1.6; color:#334155; }
.hc-steps li { font-variant-numeric:tabular-nums; }
.hc-params { list-style:none; margin:0; padding:0; display:grid; gap:8px; font-size:13px; }
.hc-params li { padding:10px 12px; border:1px solid var(--hc-line); border-radius:10px; display:flex; flex-direction:column; gap:2px; }
.hc-param-values { color:#334155; }
.hc-version { margin-top:10px; }
.hc-report { display:inline-flex; align-items:center; gap:7px; margin-top:12px; font-size:13px; font-weight:700; color:#64748b; text-decoration:none; }
.hc-report:hover { color:var(--hc-err); text-decoration:underline; }

/* Mobil kompakt sonuç şeridi */
.hc-mini { position:fixed; left:12px; right:12px; bottom:12px; z-index:40; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px 10px 16px; border-radius:14px; background:#0f1f3a; color:#fff; box-shadow:0 12px 30px rgba(0,0,0,.25); font-size:14px; font-weight:800; }
.hc-mini span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
.hc-mini button { flex:0 0 auto; min-height:38px; padding:6px 12px; border:0; border-radius:10px; background:var(--hc-primary); color:#fff; font:inherit; font-size:13px; font-weight:800; cursor:pointer; }
@media (min-width:1024px) { .hc-mini { display:none !important; } }

/* İçerik bölümleri */
.hc-content { padding-bottom:40px; }
.hc-section { margin-top:28px; }
.hc-section h2 { margin:0 0 10px; font-size:clamp(19px,2.2vw,24px); font-weight:800; letter-spacing:-.3px; color:#0f172a; }
.hc-section h2 i { color:var(--hc-primary); font-size:.85em; margin-right:4px; }
.hc-section p { margin:0 0 10px; font-size:15.5px; line-height:1.75; color:#334155; max-width:860px; }
.hc-section p.hc-lead { font-size:16.5px; color:#1e293b; }
.hc-section p.hc-bullet { position:relative; padding-left:18px; margin-bottom:4px; }
.hc-section p.hc-bullet::before { content:""; position:absolute; left:4px; top:.75em; width:6px; height:6px; border-radius:50%; background:var(--hc-primary); }
.hc-example { padding:18px 20px; border-radius:16px; background:var(--hc-soft); border:1px solid var(--hc-line); }
.hc-faq { display:grid; gap:8px; max-width:880px; }
.hc-faq details { border:1px solid var(--hc-line); border-radius:12px; background:#fff; padding:0 14px; }
.hc-faq summary { cursor:pointer; padding:13px 0; font-size:15px; font-weight:800; color:#1e293b; }
.hc-faq details p { margin:0 0 13px; font-size:14.5px; }
.hc-sources ul { margin:0 0 12px; padding-left:20px; font-size:14.5px; line-height:1.7; color:#334155; max-width:900px; }
.hc-sources a { color:var(--hc-primary-d); font-weight:700; }
.hc-meta { display:flex; flex-wrap:wrap; gap:8px 22px; margin:6px 0 0; font-size:13px; }
.hc-meta dt { color:var(--hc-muted); font-weight:700; }
.hc-meta dd { margin:0; font-weight:800; }
.hc-more { font-size:14px; font-weight:800; color:var(--hc-primary-d); text-decoration:none; }
.hc-more:hover { text-decoration:underline; }

/* Kartlar */
.hc-cards { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:12px; }
.hc-card-link { display:flex; align-items:flex-start; gap:12px; height:100%; padding:16px; border:1px solid var(--hc-line); border-radius:16px; background:#fff; text-decoration:none; color:inherit; transition:border-color .15s, box-shadow .15s, transform .15s; }
.hc-card-link:hover { border-color:#b7cdfb; box-shadow:0 10px 24px rgba(15,23,42,.08); transform:translateY(-1px); }
.hc-card-icon { flex:0 0 auto; width:42px; height:42px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#eef4ff,#f3ecff); color:var(--hc-primary-d); font-size:17px; }
.hc-card-body { display:flex; flex-direction:column; gap:4px; min-width:0; flex:1; }
.hc-card-title { font-size:15.5px; font-weight:800; color:#0f172a; }
.hc-card-desc { font-size:13.5px; line-height:1.5; color:var(--hc-muted); }
.hc-card-meta { font-size:11.5px; font-weight:800; text-transform:uppercase; letter-spacing:.3px; color:#94a3b8; }
.hc-card-arrow { margin-top:4px; color:#cbd5e1; }
.hc-card-link:hover .hc-card-arrow { color:var(--hc-primary); }
.hc-section-head { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:6px 14px; }

/* Merkez: arama ve filtre */
.hc-search { position:relative; display:flex; gap:8px; margin-top:18px; max-width:640px; }
.hc-search > i { position:absolute; left:14px; top:50%; transform:translateY(-50%); color:#64748b; }
.hc-search input { flex:1; min-width:0; min-height:50px; border:0; border-radius:14px; padding:12px 14px 12px 40px; font:inherit; font-size:16px; font-weight:600; color:var(--hc-ink); }
.hc-search input:focus { outline:3px solid rgba(58,134,255,.55); }
.hc-chips { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 0; padding:0; list-style:none; }
.hc-chip { display:inline-flex; align-items:center; gap:7px; min-height:40px; padding:7px 14px; border:1px solid var(--hc-line); border-radius:999px; background:#fff; font:inherit; font-size:13.5px; font-weight:800; color:#334155; cursor:pointer; text-decoration:none; }
.hc-chip i { color:var(--hc-primary); }
.hc-chip.is-active { background:#0f1f3a; border-color:#0f1f3a; color:#fff; }
.hc-chip.is-active i { color:#f2c14e; }
.hc-search-status { min-height:1px; margin:10px 0 0; font-size:13.5px; font-weight:700; color:var(--hc-muted); }
.hc-empty { padding:18px; border-radius:14px; background:var(--hc-soft); font-weight:700; color:#475569; }
.hc-principles ul { margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:10px; }
.hc-principles li { padding:14px 16px; border:1px solid var(--hc-line); border-radius:14px; background:#fff; font-size:14px; line-height:1.6; color:#334155; }
.hc-principles strong { display:block; color:#0f172a; margin-bottom:2px; }

/* Takip alanı */
.hc-follow { margin-top:34px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; padding:14px 16px; border-top:1px solid var(--hc-line); font-size:13.5px; color:var(--hc-muted); }
.hc-follow p { margin:0; }
.hc-follow ul { display:flex; gap:8px; margin:0; padding:0; list-style:none; }
.hc-follow a { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid var(--hc-line); border-radius:10px; color:#64748b; text-decoration:none; }
.hc-follow a:hover { color:var(--hc-primary); border-color:var(--hc-primary); }

@media (prefers-reduced-motion:reduce) { .hc *, .hc *::before, .hc *::after { transition:none !important; } }
@media print {
  .hc-actions, .hc-actions-sub, .hc-report, .hc-mini, .hc-follow, .ads-slot-wrapper { display:none !important; }
  .hc-hero { background:none; color:#000; padding:0; } .hc-hero h1, .hc-hero-lead { color:#000; }
}
.hc-related + p { margin-top:14px; }


/* ---- V2 detay sayfası: başlık ikonu, "Nasıl çalışır?" adım bandı, içerik + kenar çubuğu ---- */
.hc-hero-title { display:flex; align-items:center; gap:14px; }
.hc-hero-icon { flex:0 0 auto; width:54px; height:54px; border-radius:16px; display:inline-flex; align-items:center; justify-content:center; font-size:24px; color:#fff; background:linear-gradient(135deg,#3a86ff,#5b6cff); box-shadow:0 8px 20px rgba(0,0,0,.18); }
.hc-hero-icon--alt { background:linear-gradient(135deg,#7c4dff,#a855f7); }
.hc-hero-icon--warm { background:linear-gradient(135deg,#f59e0b,#f97316); }
.hc-hero-icon--green { background:linear-gradient(135deg,#10b981,#059669); }
.hc-hero-icon--teal { background:linear-gradient(135deg,#06b6d4,#0e9f9a); }
.hc-hero-cat a { color:inherit; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.hc-hero-cat a:hover { text-decoration:underline; }
.hc-hero-cat { background:rgba(58,134,255,.22) !important; border-color:rgba(147,197,253,.35) !important; }
.hc-hero-cat i { color:#bfdbfe !important; }
@media (max-width:560px) { .hc-hero-icon { width:44px; height:44px; font-size:19px; border-radius:13px; } .hc-hero-title { gap:10px; } }

.hc-adwrap { margin-top:24px; }
.hc-how { margin-top:34px; background:#1e3a8a; background:linear-gradient(180deg,#1e3a8a 0%,#1d4ed8 140%); border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); padding:38px 0 40px; color:#fff; }
.hc-how h2 { margin:0; font-size:clamp(21px,2.6vw,28px); font-weight:800; letter-spacing:-.3px; color:#fff; }
.hc-how-lead { margin:8px 0 0; max-width:820px; font-size:15px; line-height:1.65; color:#bfdbfe; }
.hc-steps { list-style:none; margin:22px 0 0; padding:0; display:grid; gap:14px; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); }
.hc-step { position:relative; overflow:hidden; border-radius:18px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.06); padding:18px 18px 18px 16px; min-height:100%; }
.hc-step-no { position:absolute; left:8px; top:50%; transform:translateY(-50%); font-size:76px; font-weight:800; line-height:1; letter-spacing:-3px; color:rgba(147,197,253,.16); pointer-events:none; user-select:none; }
.hc-step-body { position:relative; padding-left:44px; }
.hc-step-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.hc-step h3 { margin:0; font-size:15.5px; font-weight:800; line-height:1.3; color:#fff; }
.hc-step-icon { flex:0 0 auto; width:38px; height:38px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; background:rgba(255,255,255,.1); color:#dbeafe; font-size:16px; }
.hc-step p { margin:8px 0 0; font-size:13.5px; line-height:1.6; color:#dbeafe; }

.hc-content { padding-top:26px; }
.hc-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:18px; align-items:start; }
@media (min-width:980px) { .hc-layout { grid-template-columns:minmax(0,1fr) 360px; gap:22px; } .hc-side { position:sticky; top:90px; } }
.hc-main, .hc-side { display:grid; gap:16px; min-width:0; }
.hc-card { background:#fff; border:1px solid var(--hc-line); border-radius:18px; padding:20px 22px; box-shadow:0 6px 18px rgba(15,23,42,.04); min-width:0; }
.hc-card--soft { background:var(--hc-soft); }
.hc-card h2 { margin:0 0 12px; font-size:clamp(17px,2vw,20px); font-weight:800; letter-spacing:-.2px; color:#0f172a; display:flex; align-items:center; gap:8px; }
.hc-card h2 i { color:var(--hc-primary); font-size:.9em; width:1.2em; text-align:center; }
.hc-card p { margin:0 0 10px; font-size:15px; line-height:1.75; color:#334155; }
.hc-card p:last-child { margin-bottom:0; }
.hc-card p.hc-bullet { position:relative; padding-left:18px; margin-bottom:4px; }
.hc-card p.hc-bullet::before { content:""; position:absolute; left:4px; top:.75em; width:6px; height:6px; border-radius:50%; background:var(--hc-primary); }
.hc-side .hc-card { padding:18px; }
.hc-side .hc-sources ul { padding-left:18px; font-size:13.5px; line-height:1.6; margin:0 0 12px; }
.hc-side .hc-sources li { margin-bottom:6px; overflow-wrap:anywhere; }
.hc-side .hc-meta { display:grid; grid-template-columns:1fr 1fr; gap:10px 14px; border-top:1px solid var(--hc-line); padding-top:12px; }
.hc-side .ch-items.is-compact { grid-template-columns:minmax(0,1fr) !important; }
.hc-side .hc-related + p { margin:12px 0 0; }
.hc-card .hc-faq { max-width:none; }

.hc-how.is-boxed { margin:30px 0 0; border-radius:22px; padding:28px 24px 30px; border:0; }
.hc-how.is-boxed h2 { color:#fff; }
@media (max-width:560px) { .hc-how.is-boxed { padding:22px 16px 22px; border-radius:18px; } }