/* drtber — blog article (single post) — editorial.css loads first */

.art-hero{padding:34px 0 6px;}
.art-hero .crumbs{margin-bottom:22px;}
.art-tags{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
.art-date{font-family:'Space Mono';font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);}
.art-hero h1{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.14;letter-spacing:.01em;margin:0;max-width:22ch;}
.art-hero .lead{color:var(--ink-soft);font-size:1.1rem;line-height:1.72;margin:18px 0 0;max-width:62ch;}

.art-figure{margin:30px 0 0;border:1px solid var(--line);overflow:hidden;aspect-ratio:16/7;background:var(--paper-2);}
.art-figure img{width:100%;height:100%;object-fit:cover;display:block;}

.art-grid{display:grid;grid-template-columns:1fr .34fr;gap:clamp(36px,5vw,70px);align-items:start;}

/* prose */
.art-body{max-width:72ch;font-family:'Outfit';color:var(--ink-soft);font-size:1.05rem;line-height:1.8;}
.art-body > p{margin:0 0 22px;}
.art-body > p:first-child{font-size:1.12rem;color:var(--ink);line-height:1.74;}
.art-body h2{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.22;color:var(--ink);margin:44px 0 16px;}
.art-body h3{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:1.12rem;letter-spacing:.01em;color:var(--ink);margin:30px 0 12px;}
.art-body ul,.art-body ol{margin:0 0 22px;padding-left:1.3em;}
.art-body li{margin:0 0 9px;}
.art-body a{color:var(--green);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb, var(--green) 45%, transparent);font-weight:500;transition:.15s;}
.art-body a:hover{color:var(--accent);text-decoration-color:var(--accent);}
.art-body strong{color:var(--ink);font-weight:600;}
.art-body blockquote{border-left:3px solid var(--accent);margin:26px 0;padding:6px 0 6px 22px;color:var(--ink);font-size:1.1rem;line-height:1.6;}
.art-body img{max-width:100%;height:auto;display:block;margin:26px 0;border:1px solid var(--line);}
.post-table{width:100%;border-collapse:collapse;margin:26px 0;font-size:.95rem;}
.post-table th,.post-table td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top;}
.post-table thead th{background:var(--green);color:var(--white);font-family:'Space Mono';font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;}
.post-table tbody th{background:var(--paper-2);font-weight:600;color:var(--ink);}

/* aside CTA card */
.art-aside{position:sticky;top:96px;}
.acard{border:1px solid var(--ink);background:var(--white);box-shadow:0 22px 44px -28px color-mix(in srgb, var(--ink) 34%, transparent);}
.acard-hd{background:var(--green);color:var(--white);padding:26px 24px;}
.acard-hd h3{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:1.2rem;line-height:1.1;margin:0 0 8px;}
.acard-hd p{font-size:.9rem;line-height:1.6;color:color-mix(in srgb, var(--white) 86%, transparent);margin:0 0 18px;}
.acard-b1,.acard-b2{display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:'Space Mono';font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;padding:.85rem 1rem;}
.acard-b1{background:var(--white);color:var(--green);}
.acard-b2{border:1.5px solid color-mix(in srgb, var(--white) 55%, transparent);color:var(--white);margin-top:.6rem;transition:.15s;}
.acard-b2:hover{background:color-mix(in srgb, var(--white) 12%, transparent);}
.acard-b1 i,.acard-b2 i{width:15px;height:15px;}
.acard-bd .acard-lbl{font-family:'Space Mono';font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);padding:18px 24px 10px;}
.acard-bd a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 24px;border-top:1px solid var(--line);font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:.84rem;transition:.18s;}
.acard-bd a:hover{background:var(--paper-2);padding-left:30px;}
.acard-bd a i{width:15px;height:15px;color:var(--accent);flex:none;}

@media(max-width:900px){
  .art-grid{grid-template-columns:1fr;gap:40px;}
  .art-aside{position:static;}
  .art-figure{aspect-ratio:16/9;}
}