/* ARM · blog + resources. Loaded after pages.css. */

/* ---------- resource / sales pack band (landing) ---------- */
.pack{background:var(--ink);color:#fff;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,4vw,56px);padding:clamp(28px,4vw,52px);align-items:center;position:relative}
.pack::after{content:"";position:absolute;right:-10%;top:-40%;width:52%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 45% 45%,rgba(0,98,244,.45),transparent 68%);pointer-events:none}
.pack>*{position:relative;z-index:1}
.pack .eyebrow{font-family:var(--mono);font-size:0.68rem;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:#7FB0FF;display:flex;align-items:center;gap:0.6em}
.pack .eyebrow::before{content:"";width:16px;height:2px;background:#7FB0FF}
.pack h2{font-family:var(--display);font-weight:800;font-size:clamp(1.8rem,3.2vw,2.7rem);line-height:1.02;letter-spacing:-0.035em;margin-top:0.8rem}
.pack p{margin-top:0.9rem;font-size:1.02rem;line-height:1.6;color:var(--on-dark-70,rgba(255,255,255,.7));max-width:44ch;text-wrap:pretty}
.pack-list{margin-top:1.3rem;display:flex;flex-direction:column;gap:0.55rem}
.pack-list div{display:flex;gap:0.7em;align-items:baseline;font-size:0.95rem;color:rgba(255,255,255,.78)}
.pack-list b{font-family:var(--mono);font-size:0.68rem;font-weight:600;color:#4E9BFF;flex:none}
.pack-actions{margin-top:1.6rem;display:flex;flex-wrap:wrap;gap:10px}
.pack-vis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pack-pg{aspect-ratio:8.5/11;border-radius:8px;background:var(--paper,#F4F1E9);padding:12px 10px;display:flex;flex-direction:column;gap:6px;box-shadow:0 14px 30px rgba(0,0,0,.32)}
.pack-pg i{display:block;height:5px;border-radius:3px;background:rgba(1,9,26,.14)}
.pack-pg i.t{height:9px;width:70%;background:var(--pop)}
.pack-pg i.s{width:85%}
.pack-pg i.h{width:55%}
.pack-pg.dark{background:var(--ink);border:1px solid rgba(255,255,255,.16)}
.pack-pg.dark i{background:rgba(255,255,255,.18)}
.pack-pg.dark i.t{background:#4E9BFF}
.pack-pg-lab{margin-top:auto;font-family:var(--mono);font-size:0.5rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-42,rgba(1,9,26,.42))}
.pack-pg.dark .pack-pg-lab{color:rgba(255,255,255,.4)}
@media (max-width:880px){.pack{grid-template-columns:1fr}.pack-vis{max-width:380px}}

/* ---------- blog index ---------- */
.blog-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(24px,3vw,38px)}
.blog-cats button{padding:0.45em 1em;border-radius:999px;border:1px solid var(--line-2);background:#fff;font-size:0.86rem;font-weight:600;color:var(--ink-70);cursor:pointer}
.blog-cats button.on{background:var(--pop);border-color:var(--pop);color:#fff}

.feat-post{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(20px,3vw,44px);align-items:center;background:var(--card);border:1px solid var(--line-2);border-radius:20px;padding:clamp(20px,2.6vw,32px);margin-bottom:clamp(28px,3.5vw,48px)}
.feat-post .shot{aspect-ratio:4/3;border-radius:14px;order:2}
.feat-post .body{order:1}
.feat-post h2{font-family:var(--display);font-weight:800;font-size:clamp(1.6rem,2.9vw,2.4rem);line-height:1.04;letter-spacing:-0.035em;margin-top:0.7rem;color:var(--ink)}
.feat-post p{margin-top:0.8rem;font-size:1.02rem;line-height:1.62;color:var(--ink-58);max-width:52ch;text-wrap:pretty}
@media (max-width:820px){.feat-post{grid-template-columns:1fr}.feat-post .shot{order:1}.feat-post .body{order:2}}

.post-meta{display:flex;align-items:center;gap:0.7em;font-family:var(--mono);font-size:0.64rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-42)}
.post-cat{color:var(--pop)}
.post-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--ink-42);display:block}

.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:clamp(16px,2vw,26px)}
.post-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line-2);border-radius:18px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.post-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(1,9,26,.09)}
.post-card .shot{aspect-ratio:16/10;border-radius:0}
.post-card .body{padding:1.15rem 1.25rem 1.35rem;display:flex;flex-direction:column;gap:0.55rem;flex:1}
.post-card h3{font-family:var(--display);font-weight:700;font-size:1.14rem;line-height:1.18;letter-spacing:-0.025em;color:var(--ink)}
.post-card p{font-size:0.92rem;line-height:1.55;color:var(--ink-58);text-wrap:pretty}
.post-card .read{margin-top:auto;padding-top:0.7rem;font-family:var(--mono);font-size:0.64rem;font-weight:600;letter-spacing:0.13em;text-transform:uppercase;color:var(--pop)}

/* striped image placeholder */
.shot{background-color:var(--paper-2);background-image:repeating-linear-gradient(135deg,rgba(1,9,26,.055) 0 8px,transparent 8px 18px);border:1px solid var(--line-2);display:flex;align-items:flex-end;padding:0.85rem}
.shot span{font-family:var(--mono);font-size:0.6rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-42);background:rgba(255,255,255,.85);border-radius:6px;padding:0.3em 0.55em}

.blog-sub{margin-top:clamp(36px,4.5vw,64px);background:var(--paper-2);border:1px solid var(--line-2);border-radius:20px;padding:clamp(22px,3vw,36px);display:flex;justify-content:space-between;align-items:center;gap:clamp(18px,3vw,40px);flex-wrap:wrap}
.blog-sub h3{font-family:var(--display);font-weight:800;font-size:clamp(1.3rem,2.2vw,1.8rem);letter-spacing:-0.03em;color:var(--ink)}
.blog-sub p{margin-top:0.45rem;font-size:0.98rem;color:var(--ink-58);max-width:46ch}
.blog-sub form{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.blog-sub input{min-width:250px;padding:0.8rem 1rem;border:1px solid var(--line-2);border-radius:11px;background:#fff;font-size:0.98rem;color:var(--ink);font-family:inherit}
.blog-sub input:focus{outline:none;border-color:var(--pop);box-shadow:0 0 0 3px rgba(0,98,244,.14)}

/* ---------- article ---------- */
.art-head{max-width:44rem}
.art-title{font-family:var(--display);font-weight:800;font-size:clamp(2.1rem,4.6vw,3.4rem);line-height:1.0;letter-spacing:-0.038em;color:var(--ink);margin-top:1rem;text-wrap:balance}
.art-standfirst{margin-top:1.1rem;font-size:clamp(1.05rem,1.7vw,1.28rem);line-height:1.55;color:var(--ink-58);text-wrap:pretty}
.art-byline{margin-top:1.6rem;display:flex;align-items:center;gap:0.75rem}
.art-byline .av{width:40px;height:40px;border-radius:50%;background:rgba(0,98,244,.1);color:var(--pop);display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:0.85rem;flex:none}
.art-byline .nm{font-weight:600;font-size:0.95rem;color:var(--ink)}
.art-byline .rl{font-size:0.85rem;color:var(--ink-58)}

.article{max-width:44rem;margin-inline:auto}
.article .shot{aspect-ratio:2/1;border-radius:16px;margin-bottom:clamp(28px,3.5vw,48px)}
.article h2{font-family:var(--display);font-weight:800;font-size:clamp(1.4rem,2.4vw,1.95rem);letter-spacing:-0.03em;color:var(--ink);margin-top:2.4rem;scroll-margin-top:96px}
.article h3{font-family:var(--display);font-weight:700;font-size:1.2rem;letter-spacing:-0.02em;color:var(--ink);margin-top:1.8rem}
.article p{margin-top:1.1rem;font-size:1.08rem;line-height:1.75;color:var(--ink-70);text-wrap:pretty}
.article ul.article ol{margin-top:1.1rem;padding-left:1.2rem;display:flex;flex-direction:column;gap:0.6rem}
.article li{font-size:1.06rem;line-height:1.7;color:var(--ink-70)}
.article strong{color:var(--ink);font-weight:600}
.article a{color:var(--pop);text-decoration:underline;text-underline-offset:3px}
.article a:hover{color:var(--pop-deep,#0050c9)}
.pull{margin:2.2rem 0;padding-left:1.5rem;border-left:3px solid var(--pop);font-family:var(--display);font-weight:700;font-size:clamp(1.25rem,2.2vw,1.7rem);line-height:1.25;letter-spacing:-0.028em;color:var(--ink);text-wrap:pretty}
.art-note{margin-top:1.6rem;background:var(--paper-2);border:1px solid var(--line-2);border-radius:14px;padding:1.1rem 1.25rem}
.art-note h4{font-family:var(--mono);font-size:0.64rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--pop)}
.art-note p{margin-top:0.45rem;font-size:0.98rem;line-height:1.62;color:var(--ink-70)}
.art-end{margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid var(--line-2);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.art-end .tags{display:flex;gap:8px;flex-wrap:wrap}
.art-end .tags span{font-family:var(--mono);font-size:0.62rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-58);background:var(--paper-2);border:1px solid var(--line-2);border-radius:999px;padding:0.35em 0.75em}
.related{margin-top:clamp(40px,5vw,72px)}
.related h3{font-family:var(--mono);font-size:0.7rem;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-58);margin-bottom:1.1rem}