/* PraeByte post pages. Loaded after responsive.css, so these win on equal specificity. */
.bcrumb{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:0.06em;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 4px}.bcrumb a{color:var(--brand-royal);text-decoration:none}.bcrumb a:hover{text-decoration:underline}.bcrumb span[aria-current]{color:var(--text-muted);font-weight:500}.bcrumb .sep{color:var(--gray-300)}.skip-link{position:absolute;left:-9999px;top:0;z-index:999;background:var(--brand-cta);color:#fff;padding:10px 18px;font-family:var(--font-display);font-weight:600;font-size:13px;border-radius:0 0 8px 0}.skip-link:focus{left:0}.bcrumb-dark a{color:var(--brand-cta)}.bcrumb-dark span[aria-current]{color:rgba(255,255,255,0.7)}.bcrumb-dark .sep{color:rgba(255,255,255,0.35)}
body{margin:0;background:var(--white)}
a{color:var(--link)}a:hover{color:var(--brand-royal)}
input,textarea{font-family:var(--font-body)}
.nav-link{color:var(--white);text-decoration:none}.nav-link:hover{color:var(--brand-cta)}
.nav-drop .nav-menu{display:none}.nav-drop:hover .nav-menu{display:block}
.nav-item{color:var(--brand-ink);text-decoration:none}.nav-item:hover{background:var(--gray-100);color:var(--brand-royal)}
.nav-cta:hover{background:var(--brand-blue-mid)!important}
.f-link{color:rgba(255,255,255,0.75);text-decoration:none}.f-link:hover{color:var(--brand-cta)}
.art h3{margin:26px 0 10px;font-family:var(--font-display);font-size:17px;color:var(--brand-navy)}.art a{color:var(--brand-royal)}.art h2{margin:38px 0 12px;font-family:var(--font-display);font-size:22px;color:var(--brand-ink)}
.art p{margin:0 0 16px;font-size:15px;line-height:170%;color:var(--text-muted)}
.art ul,.art ol{margin:0 0 16px;padding-left:24px;display:flex;flex-direction:column;gap:10px}
.art li{font-size:15px;line-height:165%;color:var(--text-muted)}
.art figure{margin:28px 0}
.art figure.cover{margin:0 0 30px;border-radius:var(--radius-card);overflow:hidden;line-height:0}
.art figure.cover svg{display:block;width:100%;height:auto;aspect-ratio:1200/630}
.art figure img{width:100%;border-radius:var(--radius-card);border:1px solid var(--gray-300);display:block}
.art figcaption{margin-top:10px;font-size:12.5px;color:var(--mono-dark);font-style:italic;text-align:center}
.art strong{color:var(--brand-ink)}
.art em.lead{color:var(--brand-ink)}
.faqmini{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-card);padding:20px 22px;margin:0 0 14px;box-shadow:var(--shadow-soft)}
.faqmini h3{margin:0 0 8px;font-size:16px;color:var(--brand-navy);font-family:var(--font-display)}
.faqmini p{margin:0;font-size:14px;line-height:162%;color:var(--text-muted)}
/* Figures. Icons are Feather, inlined with class "fi". */
.art .fi{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Side-by-side comparison card */
.vs{display:grid;grid-template-columns:150px 1fr 1fr;border:1px solid var(--gray-300);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-soft);font-size:14px;line-height:150%}
.vs>div{padding:16px 18px;border-top:1px solid var(--gray-300)}
.vs>.vs-corner,.vs>.vs-head{border-top:0}
.vs-head{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:15px}
.vs-label{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:0.16em;color:var(--gray-600);background:var(--white)}
.vs-cell{display:flex;align-items:center;gap:10px}
.vs-old{background:var(--gray-100);color:var(--text-muted)}
.vs-head.vs-old{color:var(--brand-ink)}
.vs-new{background:var(--brand-navy);color:var(--white);border-top-color:rgba(255,255,255,0.12)!important}
.vs-new .fi{color:var(--brand-cta)}
/* Six-step process strip */
.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;background:var(--brand-navy);border-radius:var(--radius-card);padding:24px 20px 18px;box-shadow:var(--shadow-soft)}
.step{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--white)}
.step:not(:nth-child(6))::after{content:"";position:absolute;top:26px;left:calc(50% + 32px);right:calc(-50% + 22px);height:2px;background:var(--brand-slate)}
.step .fi{width:52px;height:52px;padding:14px;border-radius:50%;background:var(--brand-royal);color:var(--white);box-sizing:border-box;border:2px solid var(--brand-sky)}
.step:nth-child(6) .fi{background:var(--brand-cta);border-color:var(--blue-300)}
.step-n{position:absolute;top:-6px;left:calc(50% + 14px);width:20px;height:20px;border-radius:50%;background:var(--white);color:var(--brand-navy);font-family:var(--font-display);font-weight:700;font-size:11px;line-height:20px;text-align:center;z-index:1}
.step-t{font-family:var(--font-display);font-weight:600;font-size:13px}
.steps-loop{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,0.14);font-size:13px;line-height:150%;color:rgba(255,255,255,0.8)}
.steps-loop .fi{color:var(--brand-cta)}
/* Depth by risk tier */
.depth{border:1px solid var(--gray-300);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-soft)}
.depth-row{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:16px;padding:16px 18px;border-bottom:1px solid var(--gray-300)}
.depth-tier{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:0.16em;color:var(--brand-royal)}
.depth-chips{display:flex;flex-wrap:wrap;gap:8px}
.depth-chips span{font-size:12.5px;line-height:1;padding:8px 12px;border-radius:var(--radius-pill);background:var(--gray-100);color:var(--brand-ink)}
.depth-row.t2 .depth-chips span{background:var(--wash-ice)}
.depth-row.t3 .depth-chips span{background:var(--wash-periwinkle)}
.depth-row.t3 .depth-chips span:nth-last-child(-n+2){background:var(--brand-navy);color:var(--white)}
.depth-foot{display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--brand-navy);color:var(--white);font-size:13px;line-height:150%}
.depth-foot .fi{color:var(--brand-cta)}
/* Two-lane timeline: what each model sees */
.lanes{border:1px solid var(--gray-300);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);overflow-x:auto}
.lanes-in{display:grid;grid-template-columns:118px repeat(4,1fr);min-width:560px}
.lanes-in>div{padding:14px 12px;border-top:1px solid var(--gray-300)}
.lanes-in>.ln-corner,.lanes-in>.ln-when{border-top:0}
.ln-when{font-size:12.5px;line-height:140%;color:var(--brand-ink)}
.ln-when span{display:block;margin-bottom:4px;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:0.14em;color:var(--brand-royal)}
.ln-label{display:flex;align-items:center;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:0.14em;color:var(--gray-600);background:var(--gray-100)}
.ln-label.on{background:var(--brand-navy);color:var(--brand-cta)}
.ln-cell{display:flex;align-items:center;gap:8px;font-size:12.5px;line-height:130%}
.ln-hit{color:var(--risk-good-deep)}
.ln-hit .fi{color:var(--risk-good)}
.ln-miss{color:var(--mono-dark);background:repeating-linear-gradient(135deg,transparent 0 8px,rgba(0,0,0,0.035) 8px 16px)}
.ln-flag{color:var(--brand-ink)}
.ln-flag b{flex:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:14px;color:var(--white)}
.ln-flag.gb b{background:var(--brand-sky)}
.ln-flag.gc b{background:var(--risk-warn);color:var(--brand-ink)}
.ln-flag.gd b{background:var(--risk-bad)}
@media (max-width:860px){
.vs{grid-template-columns:1fr 1fr}
.vs>.vs-corner{display:none}
.vs-label{grid-column:1/-1;padding:12px 18px 6px!important}
.steps{grid-template-columns:repeat(3,1fr);row-gap:22px}
.step:nth-child(3)::after{display:none}
.depth-row{grid-template-columns:1fr;gap:10px}
}