/* Doogree blog — shared style (living engineering/security blog). */
:root{
  --bg:#080b12;--panel:#121826;--panel2:#1a2232;--line:#26304a;
  --ink:#eaf0fb;--mut:#9fabc9;--dim:#67738f;
  --accent:#5b9bff;--accent2:#27e0b0;--gold:#f6c453;--bad:#ef6a6a;
  --maxw:820px;--radius:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.75 "Segoe UI",system-ui,"Noto Sans Hebrew",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.grad{background:linear-gradient(90deg,#86b4ff,#27e0b0);-webkit-background-clip:text;background-clip:text;color:transparent}

/* top bar */
.topbar{border-bottom:1px solid var(--line);background:rgba(8,11,18,.85);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:58px}
.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px;color:var(--ink)}
.logo{width:24px;height:24px;border-radius:6px;background:linear-gradient(135deg,#5b9bff,#27e0b0);box-shadow:0 0 16px rgba(39,224,176,.5)}
.topbar nav a{color:var(--mut);font-size:14px;margin-inline-start:14px}

/* index hero */
.bloghero{padding:54px 0 26px;border-bottom:1px solid var(--line)}
.bloghero h1{font-size:clamp(28px,5vw,44px);margin:0 0 12px;letter-spacing:-.5px}
.bloghero p{color:var(--mut);font-size:19px;max-width:60ch;margin:0}
.live{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#bfe9dc;background:rgba(39,224,176,.09);border:1px solid rgba(39,224,176,.3);padding:5px 12px;border-radius:999px;margin-bottom:18px}
.live .dot{width:8px;height:8px;border-radius:50%;background:var(--accent2);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(39,224,176,.6)}70%{box-shadow:0 0 0 8px rgba(39,224,176,0)}100%{box-shadow:0 0 0 0 rgba(39,224,176,0)}}

/* article cards */
.cards{display:grid;gap:16px;padding:30px 0 60px}
.post{display:block;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:transform .16s,border-color .16s}
.post:hover{transform:translateY(-3px);border-color:rgba(91,155,255,.5);text-decoration:none}
.post .kicker{color:var(--accent2);font-size:12.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}
.post h2{font-size:21px;margin:7px 0 8px;color:var(--ink)}
.post p{color:var(--mut);font-size:15px;margin:0}
.post .meta{color:var(--dim);font-size:13px;margin-top:12px}

/* article page */
article{padding:40px 0 30px}
.kicker{color:var(--accent2);font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}
article h1{font-size:clamp(27px,4.5vw,40px);line-height:1.15;margin:10px 0 14px;letter-spacing:-.5px}
.ameta{color:var(--dim);font-size:14px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:8px}
article h2{font-size:24px;margin:38px 0 12px;letter-spacing:-.3px}
article h3{font-size:18px;margin:26px 0 8px;color:#cdd8f0}
article p{color:#dbe2f2}
article strong{color:#fff}
article ul,article ol{color:#dbe2f2;padding-inline-start:22px}article li{margin:6px 0}
.lead{font-size:20px;color:var(--mut)!important;line-height:1.6}
.callout{border-inline-start:3px solid var(--accent);background:var(--panel2);padding:14px 18px;border-radius:0 12px 12px 0;margin:20px 0;color:#dbe2f2}
.callout.good{border-color:var(--accent2)}.callout.warn{border-color:var(--gold)}.callout.bad{border-color:var(--bad)}
.callout b{color:#fff}
.qc{background:linear-gradient(180deg,rgba(39,224,176,.06),transparent);border:1px solid rgba(39,224,176,.25);border-radius:12px;padding:16px 18px;margin:22px 0}
.qc h3{margin-top:0;color:var(--accent2)}
table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14.5px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
th,td{padding:10px 13px;text-align:start;border-bottom:1px solid var(--line)}
thead th{background:var(--panel2);font-size:13px;color:#cdd8f0}
.yes{color:var(--accent2);font-weight:800}.no{color:var(--bad);font-weight:800}.mid{color:var(--gold);font-weight:700}
.mono{font-family:"Cascadia Code",Consolas,monospace;font-size:.92em;background:var(--panel2);padding:1px 6px;border-radius:5px}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 0}
.tag{font-size:12px;color:var(--mut);background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:2px 9px}
.backlink{display:inline-block;margin:30px 0 0;color:var(--mut)}
footer{border-top:1px solid var(--line);padding:26px 0 50px;color:var(--dim);font-size:14px;text-align:center}
.disclaimer{color:var(--dim);font-size:13.5px;font-style:italic;border-top:1px dashed var(--line);margin-top:30px;padding-top:16px}