/* أوغاريتي — تكلفة المعيشة في سوريا */
.col-hero .lead{max-width:860px}
.col-jump,.col-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:6px 0 4px;margin-top:10px}
.col-jump::-webkit-scrollbar,.col-tabs::-webkit-scrollbar{display:none}
.col-jump a,.col-tabs a{flex:none;text-decoration:none;font-weight:700;font-size:14.5px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink)}
.col-jump a:hover,.col-tabs a:hover{border-color:var(--clay);color:var(--clay)}
.col-tabs a small{font-size:12px;color:var(--muted);font-weight:600}
.col-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:8px 0 22px}
.col-k{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 16px;display:grid;gap:2px}
.col-k small{color:var(--muted);font-size:13.5px;font-weight:600}.col-k b{font-family:var(--f-display);font-size:28px;color:var(--clay);line-height:1.2}.col-k b small{font-size:14px;color:var(--muted)}
.col-k span{font-size:13px;color:var(--muted)}.col-k.warn b{color:#b4341c}
.col-calc{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:clamp(16px,2.6vw,28px);margin:0 0 22px;scroll-margin-top:80px}
.col-ch h2{margin:0 0 6px}.col-ch p{margin:0 0 12px;color:var(--muted)}
.col-pre{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.col-pre .chip{font:inherit;font-size:13.5px;font-weight:700;padding:7px 12px;border-radius:999px;border:1.5px dashed var(--line);background:var(--bg);color:var(--ink);cursor:pointer}.col-pre .chip:hover{border-color:var(--clay);color:var(--clay)}
.col-cw{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start}
.col-f fieldset{border:0;margin:0 0 14px;padding:0 0 14px;border-bottom:1px dashed var(--line);display:grid;gap:8px}
.col-f fieldset:last-child{border-bottom:0}
.col-f legend{font-weight:800;font-size:16px;margin-bottom:6px;padding:0}
.col-f label{display:grid;gap:5px;font-size:14px;font-weight:600;color:var(--muted)}
.col-f select,.col-f input[type=number]{font:inherit;font-size:16px;padding:9px 11px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);width:100%;box-sizing:border-box}
.col-f .r2,.col-f .r3{display:grid;gap:10px}.col-f .r2{grid-template-columns:1fr 1fr}.col-f .r3{grid-template-columns:repeat(3,1fr)}
.col-f [hidden]{display:none!important}
.col-f .seg{display:flex;flex-wrap:wrap;gap:6px}
.col-f .seg label{display:block;cursor:pointer}.col-f .seg input{position:absolute;opacity:0;width:1px;height:1px}
.col-f .seg span{display:block;font-size:14.5px;font-weight:700;padding:8px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink)}
.col-f .seg input:checked+span{background:var(--clay);border-color:var(--clay);color:#fff}
.col-f .seg input:focus-visible+span{outline:2px solid var(--clay);outline-offset:2px}
.col-f .num .st{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg)}
.col-f .num input{border:0!important;border-radius:0!important;text-align:center;padding:9px 0!important;-moz-appearance:textfield;min-width:0}
.col-f .num input::-webkit-inner-spin-button{-webkit-appearance:none}
.col-f .num button{font:inherit;font-size:18px;font-weight:700;width:38px;flex:none;border:0;background:var(--surface);color:var(--clay);cursor:pointer}
.col-out{position:sticky;top:80px;background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:18px}
.col-out .tot small{color:var(--muted);font-weight:600}.col-out .tot b{display:block;font-family:var(--f-display);font-size:clamp(32px,4vw,42px);color:var(--clay);line-height:1.15}.col-out .tot b span{font-size:17px;color:var(--muted)}
.col-out .tot em{font-style:normal;font-weight:700;font-size:15px}
.col-out .ctx{margin:6px 0 12px;font-size:13.5px;color:var(--muted)}
.inc{display:grid;gap:2px;padding:10px 14px;border-radius:14px;margin-bottom:12px}.inc b{font-size:16px}.inc span{font-size:14px}
.inc.ok{background:color-mix(in srgb,#1f7a45 12%,var(--surface));color:#1f7a45}.inc.mid{background:color-mix(in srgb,#b7791f 14%,var(--surface));color:#8a5a12}.inc.low{background:color-mix(in srgb,#b4341c 12%,var(--surface));color:#b4341c}
.brk{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.brk li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:10px;align-items:center}
.brk .l{font-size:14.5px;font-weight:700;display:grid}.brk .l small{font-size:12px;color:var(--muted);font-weight:500}
.brk .b{height:10px;border-radius:999px;background:color-mix(in srgb,var(--line) 70%,transparent);overflow:hidden}.brk .b i{display:block;height:100%;border-radius:999px;background:var(--clay)}
.brk .v{font-weight:800;font-size:14.5px;text-align:end;min-width:76px;display:grid}.brk .v small{font-size:12px;color:var(--muted);font-weight:600}
.col-out .cmp{margin:14px 0 0;font-size:14.5px}
.col-out .one{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}.col-out .one h3{font-size:15.5px;margin:0 0 8px}
.col-out .one ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.col-out .one li{display:flex;justify-content:space-between;gap:10px;font-size:14px}.col-out .one b small{color:var(--muted);font-weight:500}
.col-out .acts{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0}
.col-sec{margin:0 0 26px;scroll-margin-top:80px}.col-sec>h2{margin-bottom:6px}
.col-cities .brk li.me{background:var(--accent-soft);border-radius:12px;padding:6px 8px;margin:0 -8px}
.col-cities .brk{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px}
.col-ready{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.col-ready .rd{font:inherit;text-align:start;display:grid;gap:3px;padding:14px;border-radius:18px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.col-ready .rd:hover{border-color:var(--clay)}.col-ready .rd b{font-size:15.5px}.col-ready .rd span{font-family:var(--f-display);font-size:24px;color:var(--clay)}.col-ready .rd small{color:var(--muted);font-size:13px}
.col-cat{margin:16px 0 10px;scroll-margin-top:80px}.col-cat h3{margin:0 0 8px}
.col-t{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;font-size:14.5px}
.col-t th,.col-t td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
.col-t thead th{background:var(--bg);font-size:13px;color:var(--muted)}
.col-t tbody th{font-weight:700;width:44%}.col-t tbody th small{display:block;font-weight:500;color:var(--muted);font-size:12.5px;margin-top:2px}
.col-t .pr b{white-space:nowrap}.col-t .pr small.u{display:inline!important}.col-t tr.more{display:none}.col-t.open tr.more{display:table-row}.col-more{font:inherit;font-weight:700;font-size:14px;margin-top:8px;padding:7px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--clay);cursor:pointer}.col-t .pr b span{font-size:12px;color:var(--muted)}.col-t .pr small{display:block;color:var(--muted);font-size:12.5px}.col-t .pr small.u{color:var(--clay);font-weight:600}
.col-t .wh span{font-weight:600}.col-t .wh small{display:block;color:var(--muted);font-size:12px}.col-t .wh a{color:var(--muted)}
.col-bars{list-style:none;margin:12px 0;padding:16px;display:grid;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:20px}
.col-bars li{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:10px;align-items:center}
.col-bars .l{font-size:14.5px;font-weight:700}.col-bars .l small{display:block;font-weight:500;color:var(--muted);font-size:12px}
.col-bars .b{height:12px;border-radius:999px;background:color-mix(in srgb,var(--line) 70%,transparent);overflow:hidden}.col-bars .b i{display:block;height:100%;border-radius:999px;background:var(--clay)}
.col-bars .v{font-weight:800;font-size:14.5px;min-width:70px;text-align:end}
.col-bars li.r .b i{background:#b4341c}.col-bars li.r2 .b i{background:#8a5a12}.col-bars li.r2{padding-bottom:10px;border-bottom:1px dashed var(--line)}
.col-trend{list-style:none;margin:10px 0;padding:16px 16px 10px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end;height:190px;background:var(--surface);border:1px solid var(--line);border-radius:20px}
.col-trend li{height:100%;display:grid;grid-template-rows:1fr auto;gap:6px;text-align:center}
.col-trend .b{align-self:end;background:color-mix(in srgb,var(--clay) 80%,var(--surface));border-radius:10px 10px 4px 4px;position:relative;min-height:24px}
.col-trend .b b{position:absolute;top:-22px;inset-inline:0;font-size:13px;color:var(--ink)}
.col-trend small{font-size:12.5px;color:var(--muted)}.col-trend em{font-style:normal;color:#b4341c;font-weight:700}
.col-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.col-two>div{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(16px,2.4vw,22px)}.col-two h2{margin-top:0;font-size:20px}
.col-tips{margin:0 0 12px;padding-inline-start:18px;display:grid;gap:7px;font-size:15px}
.col-news{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:0;border-inline-start:2px solid var(--line)}
.col-news li{position:relative;padding:4px 18px 14px}.col-news li::before{content:"";position:absolute;inset-inline-start:-7px;top:10px;width:12px;height:12px;border-radius:50%;background:var(--clay);box-shadow:0 0 0 3px var(--bg)}
.col-news time{font-size:13px;font-weight:700;color:var(--clay)}.col-news p{margin:2px 0 0;font-size:15px}.col-news a{font-size:13px;color:var(--muted)}
@media (max-width:899px){.col-cw{grid-template-columns:1fr}.col-out{position:static}.col-two{grid-template-columns:1fr}
  .col-t tbody th{width:auto}.col-t thead{display:none}.col-t tr{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--line)}.col-t.open tr.more{display:grid}.col-t th,.col-t td{border:0}.col-t .wh{grid-column:1/-1;padding-top:0}
  .brk li,.col-bars li{grid-template-columns:minmax(0,1fr) auto}.brk .b,.col-bars .b{grid-column:1/-1;grid-row:2}}
@media (max-width:520px){.col-f .r3{grid-template-columns:1fr 1fr}.col-trend{height:170px}.col-trend .b b{font-size:11.5px}}
.col-mini{position:fixed;inset-inline:12px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:var(--clay);color:#fff;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.col-mini[hidden]{display:none}.col-mini span{font-size:13px;opacity:.9}.col-mini b{font-size:16px;margin-inline-start:auto}.col-mini i{font-style:normal}
@media (max-width:899px){.col-kpis{grid-template-columns:1fr 1fr}.col-k b{font-size:22px}.col-k:last-child{grid-column:1/-1}}