/* Arc Insights Blog: public styles. Same tokens and class names as the Arc Insights snippet. */
.arc-scope{--arc-rem:max(1rem,16px);--arc-ink:#2b1a12;--arc-ember:#c2410c;--arc-flame:#e2571f;--arc-rust:#9a2f16;--arc-gold:#d9a441;--arc-muted:#6b5548;--arc-line:rgba(154,47,22,.16);--arc-card:rgba(255,255,255,.78);--arc-grad:linear-gradient(135deg,var(--arc-flame),var(--arc-gold));--arc-display:"Arial Rounded MT Bold","Arial Rounded MT","Nunito",Arial,Helvetica,sans-serif;--arc-body:Calibri,"Carlito","Segoe UI",Candara,Optima,sans-serif;--arc-pad:clamp(calc(2.4 * var(--arc-rem)),5vw,calc(4.2 * var(--arc-rem))) clamp(calc(1.1 * var(--arc-rem)),4vw,calc(3 * var(--arc-rem)));--arc-shadow:0 1px 2px rgba(43,26,18,.06),0 8px 22px rgba(194,65,12,.07);--arc-shadow-up:0 2px 4px rgba(43,26,18,.08),0 16px 34px rgba(194,65,12,.14);font-family:var(--arc-body);font-size:calc(1 * var(--arc-rem));line-height:1.65;color:var(--arc-ink)}
.arc-scope,.arc-scope *,.arc-scope *::before,.arc-scope *::after{box-sizing:border-box}
.arc-scope h1,.arc-scope h2,.arc-scope h3,.arc-scope p,.arc-scope ul{margin:0;padding:0}
.arc-scope h1,.arc-scope h2,.arc-scope h3{font-family:var(--arc-display);font-weight:700;color:var(--arc-ink);text-wrap:balance}
.arc-scope a{color:var(--arc-rust);text-underline-offset:3px}
.arc-scope a:hover{color:var(--arc-ember)}
.arc-scope a:focus-visible,.arc-scope button:focus-visible{outline:3px solid var(--arc-ember);outline-offset:3px;border-radius:6px}
.arc-wrap{max-width:1060px;margin:0 auto}
.arc-eyebrow{display:inline-block;justify-self:start;font-size:calc(.75 * var(--arc-rem));font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--arc-rust);text-decoration:none}
.arc-scope a.arc-eyebrow:hover{color:var(--arc-ember)}
.arc-h2{font-size:clamp(calc(1.55 * var(--arc-rem)),3.3vw,calc(2.4 * var(--arc-rem)));line-height:1.2;letter-spacing:-.015em}
.arc-h3{font-size:calc(1.1 * var(--arc-rem));line-height:1.3}
.arc-head{display:grid;gap:calc(.75 * var(--arc-rem));margin-bottom:clamp(calc(1.5 * var(--arc-rem)),3vw,calc(2.2 * var(--arc-rem)))}
.arc-list{list-style:none;display:grid;gap:calc(.8 * var(--arc-rem))}
.arc-list li{position:relative;padding-left:calc(1.7 * var(--arc-rem));color:var(--arc-muted)}
.arc-list li::before{content:"";position:absolute;left:0;top:.45em;width:calc(.8 * var(--arc-rem));height:calc(.8 * var(--arc-rem));border-radius:50%;background:var(--arc-grad)}
.arc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:calc(.7 * var(--arc-rem)) calc(1.4 * var(--arc-rem));border-radius:999px;font-family:var(--arc-body);font-weight:600;font-size:calc(1 * var(--arc-rem));text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.arc-scope a.arc-btn--ghost{background:transparent;color:var(--arc-rust);border:1.5px solid var(--arc-rust)}
.arc-scope a.arc-btn--ghost:hover{background:rgba(255,255,255,.7);transform:translateY(-2px)}

/* ---- single post ---- */
.arc-post{max-width:calc(46 * var(--arc-rem));margin:0 auto;padding:clamp(calc(1.2 * var(--arc-rem)),4vw,calc(2.4 * var(--arc-rem))) clamp(calc(1 * var(--arc-rem)),4vw,calc(1.5 * var(--arc-rem)))}
.arc-post__head{display:grid;gap:calc(.8 * var(--arc-rem));margin-bottom:calc(2 * var(--arc-rem))}
.arc-post__subtitle{font-family:var(--arc-display);font-size:clamp(calc(1.4 * var(--arc-rem)),2.9vw,calc(1.95 * var(--arc-rem)));line-height:1.25;color:var(--arc-ember)}
.arc-post__meta{display:flex;flex-wrap:wrap;gap:calc(.25 * var(--arc-rem)) calc(1.2 * var(--arc-rem));color:var(--arc-muted);font-size:calc(1 * var(--arc-rem))}

/* ---- the reading column: large, airy, easy on the eyes ---- */
.arc-scope .arc-post__body{font-size:clamp(20px,calc(calc(1.05 * var(--arc-rem)) + .45vw),23px);line-height:1.85;color:var(--arc-ink);overflow-wrap:break-word;text-wrap:pretty}
.arc-scope .arc-post__body p,.arc-scope .arc-post__body ul,.arc-scope .arc-post__body ol,.arc-scope .arc-post__body blockquote,.arc-scope .arc-post__body figure{margin:0 0 1.5em}
.arc-scope .arc-post__body>p:first-of-type{font-size:1.14em;line-height:1.72}
.arc-scope .arc-post__body h2,.arc-scope .arc-post__body h3,.arc-scope .arc-post__body h4{font-family:var(--arc-display);line-height:1.25;margin:2.1em 0 .6em;color:var(--arc-ink)}
.arc-scope .arc-post__body h2{font-size:1.55em}
.arc-scope .arc-post__body h3{font-size:1.3em}
.arc-scope .arc-post__body h4{font-size:1.12em}
.arc-scope .arc-post__body ul,.arc-scope .arc-post__body ol{padding-left:1.4em}
.arc-scope .arc-post__body li{margin-bottom:.5em;padding-left:.2em}
.arc-scope .arc-post__body li::marker{color:var(--arc-ember)}
.arc-scope .arc-post__body a{color:var(--arc-rust);text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.2em}
.arc-scope .arc-post__body a:hover{color:var(--arc-ember)}
.arc-scope .arc-post__body strong{font-weight:700}
.arc-scope .arc-post__body blockquote{margin-left:0;padding:.2em 0 .2em 1.1em;border-left:4px solid var(--arc-gold);font-family:var(--arc-display);color:var(--arc-rust)}
.arc-scope .arc-post__body img{max-width:100%;height:auto;border-radius:12px}
.arc-scope ::selection{background:rgba(217,164,65,.45)}
.arc-scope .arc-post__closing{margin:calc(2.4 * var(--arc-rem)) 0 calc(1.7 * var(--arc-rem));padding-top:calc(1.6 * var(--arc-rem));border-top:1px solid var(--arc-line);font-family:var(--arc-display);font-size:clamp(calc(1.4 * var(--arc-rem)),2.9vw,calc(1.85 * var(--arc-rem)));line-height:1.35;color:var(--arc-rust)}
.arc-sign{margin-left:auto;max-width:calc(23 * var(--arc-rem));padding:calc(.15 * var(--arc-rem)) 0 calc(.15 * var(--arc-rem)) calc(1 * var(--arc-rem));border-left:3px solid var(--arc-gold);display:grid;gap:calc(.05 * var(--arc-rem))}
.arc-sign__name{font-family:var(--arc-display);font-size:calc(1.3 * var(--arc-rem));color:var(--arc-ink)}
.arc-sign__mark{color:var(--arc-ember);margin-right:.25em}
.arc-sign__role{color:var(--arc-muted);font-size:calc(1.05 * var(--arc-rem))}
.arc-sign__org{color:var(--arc-rust);font-weight:600;font-size:calc(1.05 * var(--arc-rem))}
.arc-post__links{margin-top:calc(2.6 * var(--arc-rem));padding:calc(1.3 * var(--arc-rem)) calc(1.4 * var(--arc-rem));background:var(--arc-card);border:1px solid var(--arc-line);border-radius:14px;box-shadow:var(--arc-shadow);display:grid;gap:calc(.8 * var(--arc-rem))}
.arc-scope .arc-post__tags{display:flex;flex-wrap:wrap;gap:calc(.5 * var(--arc-rem));margin-top:calc(1.4 * var(--arc-rem))}
.arc-tag{display:inline-flex;padding:calc(.3 * var(--arc-rem)) calc(.85 * var(--arc-rem));border:1px solid var(--arc-line);border-radius:999px;background:var(--arc-card);font-size:calc(.9 * var(--arc-rem));text-decoration:none}
.arc-scope a.arc-tag:hover{border-color:var(--arc-flame)}
.arc-post__actions{display:flex;flex-wrap:wrap;gap:calc(.75 * var(--arc-rem));align-items:center;margin-top:calc(1.8 * var(--arc-rem))}
.arc-like{display:inline-flex;align-items:center;gap:calc(.55 * var(--arc-rem));min-height:46px;padding:calc(.7 * var(--arc-rem)) calc(1.3 * var(--arc-rem));border-radius:999px;border:1.5px solid var(--arc-rust);background:transparent;color:var(--arc-rust);font:600 calc(1 * var(--arc-rem)) var(--arc-body);cursor:pointer;transition:transform .2s ease,background-color .2s ease,color .2s ease}
.arc-like svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.arc-like:hover{background:rgba(255,255,255,.7);transform:translateY(-2px)}
.arc-like[aria-pressed="true"]{background:var(--arc-ember);color:#fff}
.arc-like[aria-pressed="true"] svg{fill:currentColor}
.arc-like__count{font-variant-numeric:tabular-nums}

/* ---- feeds, hub and cards ---- */
.arc-feed{padding:var(--arc-pad)}
.arc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:calc(1.3 * var(--arc-rem))}
.arc-card{display:grid;gap:calc(.6 * var(--arc-rem));align-content:start;background:var(--arc-card);border:1px solid var(--arc-line);border-radius:14px;padding:clamp(calc(1.2 * var(--arc-rem)),2.4vw,calc(1.6 * var(--arc-rem)));box-shadow:var(--arc-shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.arc-card:hover{transform:translateY(-2px);box-shadow:var(--arc-shadow-up);border-color:var(--arc-flame)}
.arc-postcard__thumb{display:block;margin:calc(clamp(calc(1.2 * var(--arc-rem)),2.4vw,calc(1.6 * var(--arc-rem))) * -1) calc(clamp(calc(1.2 * var(--arc-rem)),2.4vw,calc(1.6 * var(--arc-rem))) * -1) calc(.4 * var(--arc-rem));overflow:hidden;border-radius:13px 13px 0 0}
.arc-postcard__thumb img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.arc-postcard .arc-h3 a{color:var(--arc-ink);text-decoration:none}
.arc-postcard .arc-h3 a:hover{color:var(--arc-ember)}
.arc-postcard__blurb{color:var(--arc-muted);font-size:calc(.98 * var(--arc-rem))}
.arc-postcard__meta{display:flex;flex-wrap:wrap;gap:calc(.1 * var(--arc-rem)) calc(.9 * var(--arc-rem));color:var(--arc-muted);font-size:calc(.85 * var(--arc-rem))}
.arc-postcard--hero{background:var(--arc-ink);border-color:var(--arc-ink);position:relative;overflow:hidden;align-content:end}
.arc-postcard--hero::after{content:"";position:absolute;inset:auto 0 0 0;height:4px;background:var(--arc-grad)}
.arc-postcard--hero .arc-h3{font-size:clamp(calc(1.4 * var(--arc-rem)),2.8vw,calc(2 * var(--arc-rem)));line-height:1.15}
.arc-postcard--hero .arc-h3 a,.arc-postcard--hero .arc-eyebrow{color:#fff8f0}
.arc-postcard--hero .arc-postcard__blurb,.arc-postcard--hero .arc-postcard__meta{color:rgba(255,255,255,.82)}
.arc-postcard--hero .arc-postcard__thumb{margin-bottom:calc(.8 * var(--arc-rem))}

@media (prefers-reduced-motion:reduce){.arc-scope *{transition:none!important;animation:none!important}}

/* ======================= full-page templates ======================= */
.arc-scope .screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.arc-main{display:block;width:100%;padding:0;background:#fffdfb}
.arc-scope .arc-btn--primary,.arc-scope a.arc-btn--primary{background:var(--arc-ember);color:#fff;border:1.5px solid var(--arc-rust);cursor:pointer}
.arc-scope .arc-btn--primary:hover{background:var(--arc-rust);color:#fff;transform:translateY(-2px);box-shadow:var(--arc-shadow-up)}
.arc-h1{font-size:clamp(calc(2 * var(--arc-rem)),4.6vw,calc(3.3 * var(--arc-rem)));line-height:1.08;letter-spacing:-.025em}

/* blog + archive header */
.arc-pagehead{padding:clamp(calc(2.6 * var(--arc-rem)),6vw,calc(4.6 * var(--arc-rem))) clamp(calc(1.1 * var(--arc-rem)),4vw,calc(3 * var(--arc-rem))) clamp(calc(1.4 * var(--arc-rem)),3vw,calc(2.2 * var(--arc-rem)));background:radial-gradient(620px 360px at 6% 0%,rgba(226,87,31,.14),transparent 62%),radial-gradient(520px 420px at 98% 100%,rgba(217,164,65,.22),transparent 64%),linear-gradient(160deg,#fff8f0 0%,#fdf0e2 60%,#fbe6d3 100%);border-bottom:1px solid var(--arc-line)}
.arc-pagehead .arc-wrap{display:grid;gap:calc(.8 * var(--arc-rem))}
.arc-scope .arc-lede{max-width:58ch;color:var(--arc-muted);font-size:clamp(calc(1.05 * var(--arc-rem)),1.8vw,calc(1.2 * var(--arc-rem)));line-height:1.6}
.arc-wrap.arc-blogbody{box-sizing:content-box;width:auto}
.arc-blogbody{display:grid;gap:calc(1.7 * var(--arc-rem));padding:clamp(calc(1.5 * var(--arc-rem)),3vw,calc(2.4 * var(--arc-rem))) clamp(calc(1.1 * var(--arc-rem)),4vw,calc(3 * var(--arc-rem))) clamp(calc(3 * var(--arc-rem)),6vw,calc(5 * var(--arc-rem)))}
.arc-empty{color:var(--arc-muted);padding:calc(2 * var(--arc-rem)) 0}

/* series pills */
.arc-chips{display:flex;flex-wrap:wrap;gap:calc(.55 * var(--arc-rem))}
.arc-scope a.arc-chip{display:inline-flex;align-items:center;min-height:40px;padding:calc(.4 * var(--arc-rem)) calc(1 * var(--arc-rem));border:1.5px solid var(--arc-line);border-radius:999px;background:var(--arc-card);color:var(--arc-rust);font-weight:600;font-size:calc(.95 * var(--arc-rem));text-decoration:none;transition:transform .2s ease,border-color .2s ease}
.arc-scope a.arc-chip:hover{border-color:var(--arc-flame);transform:translateY(-2px)}
.arc-scope a.arc-chip.is-current{background:var(--arc-ember);border-color:var(--arc-rust);color:#fff}

/* wide featured card */
.arc-card{--arc-p:clamp(calc(1.2 * var(--arc-rem)),2.4vw,calc(1.6 * var(--arc-rem)))}
@media (min-width:820px){
  .arc-postcard--wide{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:clamp(calc(1.4 * var(--arc-rem)),3vw,calc(2.4 * var(--arc-rem)));align-content:center;padding:var(--arc-p)}
  .arc-postcard--wide>*{grid-column:2;align-self:center}
  .arc-postcard--wide .arc-postcard__thumb{position:relative;grid-column:1;grid-row:1/span 4;align-self:stretch;min-height:320px;margin:calc(var(--arc-p) * -1) 0 calc(var(--arc-p) * -1) calc(var(--arc-p) * -1);border-radius:13px 0 0 13px}
  .arc-postcard--wide .arc-postcard__thumb img{position:absolute;inset:0;width:100%!important;height:100%!important;aspect-ratio:auto;object-fit:cover}
  .arc-postcard--wide .arc-h3{font-size:clamp(calc(1.6 * var(--arc-rem)),3vw,calc(2.3 * var(--arc-rem)))}
}

/* pagination */
.arc-scope .navigation.pagination{margin-top:calc(.6 * var(--arc-rem))}
.arc-scope .navigation.pagination .nav-links{display:flex;flex-wrap:wrap;gap:calc(.5 * var(--arc-rem));justify-content:center}
.arc-scope .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:calc(.4 * var(--arc-rem)) calc(1 * var(--arc-rem));border:1.5px solid var(--arc-line);border-radius:999px;background:var(--arc-card);color:var(--arc-rust);font-weight:600;text-decoration:none}
.arc-scope a.page-numbers:hover{border-color:var(--arc-flame)}
.arc-scope .page-numbers.current{background:var(--arc-ember);border-color:var(--arc-rust);color:#fff}
.arc-scope .page-numbers.dots{border-color:transparent;background:transparent}

/* single post, full page */
.arc-main--single .arc-post{padding-top:clamp(calc(2 * var(--arc-rem)),5vw,calc(3.6 * var(--arc-rem)))}
.arc-scope .arc-post__title{font-size:clamp(calc(2 * var(--arc-rem)),4.8vw,calc(3.2 * var(--arc-rem)));line-height:1.08;letter-spacing:-.025em;font-family:var(--arc-display);font-weight:700;color:var(--arc-ink);margin:0}
.arc-part{display:block}
.arc-part--comments,.arc-part--related{width:100%}
.arc-post__hero{margin:0 0 calc(2.2 * var(--arc-rem))}
.arc-post__hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px;box-shadow:var(--arc-shadow-up)}
.arc-main--single .arc-feed{background:linear-gradient(180deg,#fff8f0,#fdf0e2);border-top:1px solid var(--arc-line);margin-top:clamp(calc(2 * var(--arc-rem)),5vw,calc(3.5 * var(--arc-rem)))}

/* comments */
.arc-comments{padding:clamp(calc(1.6 * var(--arc-rem)),4vw,calc(2.6 * var(--arc-rem))) clamp(calc(1 * var(--arc-rem)),4vw,calc(1.5 * var(--arc-rem)))}
.arc-comments__inner{max-width:calc(44 * var(--arc-rem));margin:0 auto;display:grid;gap:calc(1 * var(--arc-rem));border-top:1px solid var(--arc-line);padding-top:clamp(calc(1.6 * var(--arc-rem)),4vw,calc(2.4 * var(--arc-rem)))}
.arc-comments__list,.arc-comments__list ol.children{list-style:none;margin:calc(.6 * var(--arc-rem)) 0 0;padding:0;display:grid;gap:calc(1 * var(--arc-rem))}
.arc-comments__list ol.children{margin-left:clamp(calc(.8 * var(--arc-rem)),3vw,calc(2 * var(--arc-rem)));margin-top:calc(1 * var(--arc-rem))}
.arc-comments .comment-body{position:relative;display:grid;gap:calc(.5 * var(--arc-rem));padding:calc(1.1 * var(--arc-rem)) calc(1.3 * var(--arc-rem)) calc(1.1 * var(--arc-rem)) calc(4.6 * var(--arc-rem));background:var(--arc-card);border:1px solid var(--arc-line);border-radius:14px;box-shadow:var(--arc-shadow)}
.arc-comments .comment-author{display:block}
.arc-comments .comment-author .avatar{position:absolute;left:calc(1.1 * var(--arc-rem));top:calc(1.1 * var(--arc-rem));width:44px;height:44px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px var(--arc-gold)}
.arc-comments .comment-author .fn{font-family:var(--arc-display);font-style:normal;font-weight:700;color:var(--arc-ink)}
.arc-comments .comment-author .says{display:none}
.arc-comments .comment-metadata,.arc-comments .comment-metadata a{font-size:calc(.85 * var(--arc-rem));color:var(--arc-muted);text-decoration:none}
.arc-comments .comment-content p{margin:0 0 .7em}
.arc-comments .comment-content p:last-child{margin:0}
.arc-comments .reply a{display:inline-flex;align-items:center;min-height:34px;padding:calc(.2 * var(--arc-rem)) calc(.9 * var(--arc-rem));border:1.5px solid var(--arc-rust);border-radius:999px;font-size:calc(.88 * var(--arc-rem));font-weight:600;text-decoration:none}
.arc-comments .comment-awaiting-moderation{color:var(--arc-ember);font-size:calc(.9 * var(--arc-rem))}
.arc-comments .comment-respond{margin-top:calc(1.4 * var(--arc-rem));display:grid;gap:calc(.8 * var(--arc-rem))}
.arc-comments .comment-reply-title{font-family:var(--arc-display);font-size:calc(1.3 * var(--arc-rem));line-height:1.2}
.arc-comments .comment-reply-title small{margin-left:calc(.8 * var(--arc-rem));font-size:calc(.85 * var(--arc-rem))}
.arc-scope .comment-form{display:grid;gap:0}
.arc-scope .comment-form p{margin:0 0 calc(1 * var(--arc-rem))}
.arc-scope .comment-form label{display:block;margin-bottom:calc(.35 * var(--arc-rem));font-weight:600;font-size:calc(.95 * var(--arc-rem))}
.arc-scope .comment-form input[type=text],.arc-scope .comment-form input[type=email],.arc-scope .comment-form input[type=url],.arc-scope .comment-form textarea{width:100%;min-height:48px;padding:calc(.7 * var(--arc-rem)) calc(.95 * var(--arc-rem));font:inherit;color:var(--arc-ink);background:#fff;border:1.5px solid var(--arc-line);border-radius:12px;transition:border-color .2s ease,box-shadow .2s ease}
.arc-scope .comment-form textarea{min-height:calc(9 * var(--arc-rem));resize:vertical;line-height:1.6}
.arc-scope .comment-form input:focus,.arc-scope .comment-form textarea:focus{outline:none;border-color:var(--arc-ember);box-shadow:0 0 0 4px rgba(217,164,65,.35)}
.arc-scope .comment-form-cookies-consent{display:flex;gap:calc(.6 * var(--arc-rem));align-items:flex-start}
.arc-scope .comment-form-cookies-consent label{margin:0;font-weight:400;color:var(--arc-muted)}
.arc-scope .comment-form .form-submit{margin:0}
.arc-scope .comment-form .submit{font-family:var(--arc-body)}
.arc-scope .logged-in-as,.arc-scope .comment-notes{color:var(--arc-muted);font-size:calc(.92 * var(--arc-rem))}

/* ======================= hardening against theme CSS =======================
   Some themes inject inline sizing on thumbnails (e.g. height:62.5%) or uppercase
   every button and label. Inline styles can only be beaten with !important, so the
   few properties that would break the layout use it, and only inside .arc-scope. */
.arc-scope .arc-postcard__thumb img{width:100%!important;height:auto!important;max-width:none!important;aspect-ratio:16/10;object-fit:cover}
.arc-scope .arc-post__hero img{width:100%!important;height:auto!important;max-width:100%!important;aspect-ratio:16/9;object-fit:cover}
.arc-scope .arc-btn,.arc-scope .arc-like,.arc-scope .arc-chip,.arc-scope .arc-tag,.arc-scope .page-numbers,.arc-scope .comment-form label,.arc-scope .comment-reply-title,.arc-scope .arc-comments .reply a,.arc-scope .comment-form .submit{letter-spacing:normal;text-transform:none}
.arc-scope .arc-eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:calc(.75 * var(--arc-rem));font-weight:600}
.arc-scope .comment-form .submit,.arc-scope .arc-like{width:auto;font-size:calc(1 * var(--arc-rem));line-height:1.2}
.arc-scope .arc-comments .comment-body{padding:calc(1.1 * var(--arc-rem)) calc(1.3 * var(--arc-rem)) calc(1.1 * var(--arc-rem)) calc(4.6 * var(--arc-rem));margin:0}
.arc-scope .arc-comments .comment-author .avatar{position:absolute;left:calc(1.1 * var(--arc-rem));top:calc(1.1 * var(--arc-rem));float:none;margin:0;width:44px;height:44px}
.arc-scope .arc-comments .comment-author .fn,.arc-scope .arc-comments .comment-content{padding:0;margin:0}
.arc-scope .arc-comments .comment-meta,.arc-scope .arc-comments .comment-metadata{margin:0;padding:0;border:0;background:none}

/* message shown to editors only when a shortcode has no post to show */
.arc-scope.arc-hint{padding:calc(.7 * var(--arc-rem)) calc(1 * var(--arc-rem));border:1.5px dashed var(--arc-ember);border-radius:10px;background:#fff8f0;color:var(--arc-rust);font-size:calc(.92 * var(--arc-rem))}

/* ======================= hub: tile mosaic (Tetris-style) ======================= */
.arc-mosaic{--arc-row:clamp(calc(11 * var(--arc-rem)),17vw,calc(15 * var(--arc-rem)));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--arc-row);grid-auto-flow:dense;gap:calc(1 * var(--arc-rem))}
.arc-tile{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:0;border-radius:16px;background:var(--arc-ink);color:#fff8f0;box-shadow:var(--arc-shadow);transition:transform .25s ease,box-shadow .25s ease}
.arc-tile:hover{transform:translateY(-3px);box-shadow:var(--arc-shadow-up)}
.arc-tile__media{position:absolute;inset:0;z-index:-1}
.arc-tile__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(43,26,18,0) 26%,rgba(43,26,18,.6) 62%,rgba(43,26,18,.94) 100%)}
.arc-scope .arc-tile__media img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;aspect-ratio:auto;object-fit:cover;border-radius:0;transition:transform .6s ease}
.arc-tile:hover .arc-tile__media img{transform:scale(1.045)}
.arc-tile__body{display:grid;gap:calc(.4 * var(--arc-rem));padding:clamp(calc(1 * var(--arc-rem)),1.8vw,calc(1.5 * var(--arc-rem)))}
.arc-scope .arc-tile .arc-eyebrow{color:var(--arc-gold)}
.arc-scope .arc-tile__title{margin:0;font-family:var(--arc-display);font-size:calc(1.15 * var(--arc-rem));line-height:1.18;color:#fff8f0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.arc-scope .arc-tile__title a{color:inherit;text-decoration:none}
.arc-tile__link::after{content:"";position:absolute;inset:0;z-index:2}
.arc-scope .arc-tile__blurb{margin:0;font-size:calc(1 * var(--arc-rem));line-height:1.45;color:rgba(255,248,240,.92);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.arc-scope .arc-tile__meta{margin:0;display:flex;flex-wrap:wrap;gap:calc(.1 * var(--arc-rem)) calc(.8 * var(--arc-rem));font-size:calc(.88 * var(--arc-rem));color:rgba(255,248,240,.85)}
/* pieces */
.arc-tile--hero,.arc-tile--big,.arc-tile--half{grid-column:span 2;grid-row:span 2}
.arc-tile--full{grid-column:1/-1;grid-row:span 2}
.arc-tile--wide{grid-column:span 2}
.arc-tile--tall{grid-row:span 2}
.arc-tile--banner{grid-column:1/-1}
.arc-scope .arc-tile--hero .arc-tile__title,.arc-scope .arc-tile--big .arc-tile__title,.arc-scope .arc-tile--half .arc-tile__title,.arc-scope .arc-tile--full .arc-tile__title,.arc-scope .arc-tile--banner .arc-tile__title{font-size:clamp(calc(1.6 * var(--arc-rem)),2.7vw,calc(2.4 * var(--arc-rem)));line-height:1.1}
.arc-scope .arc-tile--wide .arc-tile__title,.arc-scope .arc-tile--tall .arc-tile__title{font-size:calc(1.4 * var(--arc-rem))}
.arc-scope .arc-tile--hero .arc-tile__blurb,.arc-scope .arc-tile--big .arc-tile__blurb,.arc-scope .arc-tile--half .arc-tile__blurb,.arc-scope .arc-tile--full .arc-tile__blurb,.arc-scope .arc-tile--tall .arc-tile__blurb{-webkit-line-clamp:3;font-size:calc(1.08 * var(--arc-rem))}
.arc-scope .arc-tile--sq .arc-tile__blurb{display:none}
/* tiles with no featured image get a brand colour field instead of a hole */
.arc-tile--noimg.arc-tile--c1{background:linear-gradient(160deg,#e2571f 0%,#c2410c 55%,#9a2f16 100%)}
.arc-tile--noimg.arc-tile--c2{background:radial-gradient(120% 90% at 100% 0%,rgba(217,164,65,.45),transparent 60%),#2b1a12}
.arc-tile--noimg.arc-tile--c3{background:linear-gradient(160deg,#c2410c 0%,#7a2410 100%)}
.arc-scope .arc-tile--noimg .arc-eyebrow{color:#fff8f0}
/* The mosaic adapts to the width of the space it sits in (a page column, a Pagelayer column, a
   full-width section), not to the screen. Viewport queries are the fallback for very old browsers. */
.arc-feed{container-type:inline-size}
@supports (container-type:inline-size){
  .arc-mosaic{--arc-row:clamp(calc(11 * var(--arc-rem)),21cqw,calc(15 * var(--arc-rem)))}
}
@container (max-width:760px){
  .arc-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));--arc-row:clamp(calc(10 * var(--arc-rem)),32cqw,calc(14 * var(--arc-rem)))}
  .arc-tile--hero,.arc-tile--big,.arc-tile--half,.arc-tile--wide{grid-column:span 2}
  .arc-tile--full,.arc-tile--banner{grid-column:1/-1}
}
@container (max-width:480px){
  .arc-mosaic{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:calc(.9 * var(--arc-rem))}
  .arc-scope .arc-tile{grid-column:auto;grid-row:auto;min-height:calc(15 * var(--arc-rem))}
  .arc-scope .arc-tile--hero,.arc-scope .arc-tile--big,.arc-scope .arc-tile--half,.arc-scope .arc-tile--full{min-height:calc(22 * var(--arc-rem))}
  .arc-scope .arc-tile--wide,.arc-scope .arc-tile--banner{min-height:calc(17 * var(--arc-rem))}
}
@supports not (container-type:inline-size){
  @media (max-width:900px){
    .arc-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));--arc-row:clamp(calc(10 * var(--arc-rem)),30vw,calc(14 * var(--arc-rem)))}
    .arc-tile--hero,.arc-tile--big,.arc-tile--half,.arc-tile--wide{grid-column:span 2}
  }
  @media (max-width:560px){
    .arc-mosaic{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:calc(.9 * var(--arc-rem))}
    .arc-scope .arc-tile{grid-column:auto;grid-row:auto;min-height:calc(15 * var(--arc-rem))}
    .arc-scope .arc-tile--hero,.arc-scope .arc-tile--big,.arc-scope .arc-tile--half,.arc-scope .arc-tile--full{min-height:calc(22 * var(--arc-rem))}
    .arc-scope .arc-tile--wide,.arc-scope .arc-tile--banner{min-height:calc(17 * var(--arc-rem))}
  }
}

/* ============ text lock: theme paragraph rules must not shrink or recolour our text ============
   Many themes style every p / li, often through an #id or .entry-content selector, and such rules
   beat ordinary class selectors. Only !important wins that fight, so the few properties that decide
   readability use it, and only inside .arc-scope. */
.arc-scope .arc-post__body p,.arc-scope .arc-post__body li{font-size:inherit!important;line-height:inherit!important;color:inherit!important;font-family:inherit}
.arc-scope .arc-post__body>p:first-of-type{font-size:1.14em!important;line-height:1.72!important}
.arc-scope .arc-post__body p.arc-line{font-size:1.1em!important;line-height:1.6!important;font-weight:600;color:var(--arc-rust)!important;margin:1.8em 0!important}
.arc-scope .arc-post__body p.arc-stanza{line-height:1.95!important;margin:1.8em 0!important;padding-left:1em;border-left:3px solid var(--arc-gold);color:#4a372c!important}
.arc-scope .arc-post__subtitle{font-size:clamp(calc(1.4 * var(--arc-rem)),2.9vw,calc(1.95 * var(--arc-rem)))!important;line-height:1.25!important;color:var(--arc-ember)!important;margin:0!important}
.arc-scope .arc-post__meta{font-size:calc(1 * var(--arc-rem))!important;line-height:1.5!important;color:var(--arc-muted)!important;margin:0!important}
.arc-scope .arc-post__closing{font-size:clamp(calc(1.4 * var(--arc-rem)),2.9vw,calc(1.85 * var(--arc-rem)))!important;line-height:1.35!important;color:var(--arc-rust)!important}
.arc-scope .arc-sign__name{font-size:calc(1.3 * var(--arc-rem))!important;line-height:1.3!important;color:var(--arc-ink)!important;margin:0!important}
.arc-scope .arc-sign__role{font-size:calc(1.05 * var(--arc-rem))!important;line-height:1.4!important;color:var(--arc-muted)!important;margin:0!important}
.arc-scope .arc-sign__org{font-size:calc(1.05 * var(--arc-rem))!important;line-height:1.4!important;color:var(--arc-rust)!important;margin:0!important}
.arc-scope .arc-tile__title,.arc-scope .arc-tile__title a{color:#fff8f0!important}
.arc-scope .arc-tile__blurb{font-size:calc(1 * var(--arc-rem))!important;line-height:1.45!important;color:rgba(255,248,240,.92)!important;margin:0!important}
.arc-scope .arc-tile__meta{font-size:calc(.88 * var(--arc-rem))!important;line-height:1.4!important;color:rgba(255,248,240,.85)!important;margin:0!important}
.arc-scope .arc-tile .arc-eyebrow{color:var(--arc-gold)!important}
.arc-scope .arc-tile--noimg .arc-eyebrow{color:#fff8f0!important}
.arc-scope .arc-postcard__blurb{font-size:calc(.98 * var(--arc-rem))!important;line-height:1.5!important;color:var(--arc-muted)!important;margin:0!important}
.arc-scope .arc-postcard__meta{font-size:calc(.88 * var(--arc-rem))!important;line-height:1.4!important;color:var(--arc-muted)!important;margin:0!important}
.arc-scope .arc-postcard--hero .arc-postcard__blurb,.arc-scope .arc-postcard--hero .arc-postcard__meta{color:rgba(255,255,255,.85)!important}

/* the like button must look the same whatever the theme does to <button> */
.arc-scope button.arc-like{background:transparent!important;color:var(--arc-rust)!important;border:1.5px solid var(--arc-rust)!important;border-radius:999px!important;box-shadow:none!important;font-size:calc(1 * var(--arc-rem))!important;line-height:1.2!important;text-transform:none!important;letter-spacing:normal!important;font-weight:600!important}
.arc-scope button.arc-like:hover{background:rgba(255,255,255,.75)!important;color:var(--arc-rust)!important}
.arc-scope button.arc-like[aria-pressed="true"]{background:var(--arc-ember)!important;color:#fff!important}
.arc-scope button.arc-like:focus-visible{outline:3px solid var(--arc-ember)!important;outline-offset:3px}

/* ======================= sidebar ======================= */
.arc-sidebar{display:grid;gap:calc(1.2 * var(--arc-rem));align-content:start;width:100%}
.arc-sidebar--sticky{position:sticky;top:calc(1.5 * var(--arc-rem))}
.arc-side-box{background:var(--arc-card);border:1px solid var(--arc-line);border-radius:14px;padding:calc(1.1 * var(--arc-rem)) calc(1.2 * var(--arc-rem)) calc(1.2 * var(--arc-rem));box-shadow:var(--arc-shadow)}
.arc-side-box--feature{padding:0;background:none;border:0;box-shadow:none}
.arc-scope .arc-side-head{display:flex;align-items:center;gap:calc(.7 * var(--arc-rem));margin:0 0 calc(1 * var(--arc-rem))!important;padding:0!important;border:0!important;font-family:var(--arc-body)!important;font-size:calc(.78 * var(--arc-rem))!important;font-weight:700!important;line-height:1.2!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--arc-rust)!important}
.arc-scope .arc-side-head::after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--arc-gold),transparent)}
.arc-scope .arc-side-list{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:calc(.95 * var(--arc-rem))}
.arc-scope .arc-side-list--tight{gap:calc(.3 * var(--arc-rem))}
.arc-scope .arc-side-list>li{list-style:none!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
.arc-scope .arc-side-list>li::before,.arc-scope .arc-side-list>li::marker{content:none}
.arc-scope a.arc-side-item{display:grid;grid-template-columns:calc(4.4 * var(--arc-rem)) minmax(0,1fr);gap:calc(.9 * var(--arc-rem));align-items:center;text-decoration:none!important;color:var(--arc-ink)!important;border:0!important}
.arc-scope a.arc-side-item--rank{grid-template-columns:calc(2.3 * var(--arc-rem)) minmax(0,1fr);align-items:start}
.arc-side-thumb{position:relative;display:block;width:calc(4.4 * var(--arc-rem));height:calc(4.4 * var(--arc-rem));border-radius:12px;overflow:hidden;background:var(--arc-grad);box-shadow:0 1px 2px rgba(43,26,18,.12)}
.arc-scope .arc-side-thumb img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;object-fit:cover;transition:transform .5s ease}
.arc-scope a.arc-side-item:hover .arc-side-thumb img{transform:scale(1.07)}
.arc-side-item__text{display:grid;gap:calc(.18 * var(--arc-rem));min-width:0}
.arc-scope .arc-side-item__series{font-size:calc(.7 * var(--arc-rem))!important;font-weight:700;line-height:1.2!important;letter-spacing:.14em;text-transform:uppercase;color:var(--arc-rust)!important}
.arc-scope .arc-side-item__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--arc-display);font-size:calc(1.03 * var(--arc-rem))!important;line-height:1.25!important;font-weight:700;color:var(--arc-ink)!important;transition:color .2s ease}
.arc-scope .arc-side-item__meta{font-size:calc(.84 * var(--arc-rem))!important;line-height:1.3!important;color:var(--arc-muted)!important}
.arc-scope a.arc-side-item:hover .arc-side-item__title{color:var(--arc-ember)!important}
.arc-scope .arc-side-rank{font-family:var(--arc-display);font-size:calc(1.9 * var(--arc-rem))!important;line-height:1!important;font-weight:700;color:var(--arc-gold)!important;text-align:center}
.arc-scope a.arc-side-series{display:flex;align-items:center;justify-content:space-between;gap:calc(.8 * var(--arc-rem));padding:calc(.55 * var(--arc-rem)) calc(.8 * var(--arc-rem))!important;border:1px solid transparent!important;border-radius:10px;text-decoration:none!important;color:var(--arc-ink)!important;font-size:calc(1 * var(--arc-rem))!important;line-height:1.3!important;font-weight:600;transition:background-color .2s ease,border-color .2s ease}
.arc-scope a.arc-side-series:hover{background:rgba(255,255,255,.85);border-color:var(--arc-line)!important}
.arc-scope a.arc-side-series.is-current{background:var(--arc-ember);color:#fff!important}
.arc-side-count{min-width:calc(1.8 * var(--arc-rem));padding:calc(.12 * var(--arc-rem)) calc(.55 * var(--arc-rem));border-radius:999px;background:rgba(194,65,12,.12);color:var(--arc-rust);font-size:calc(.8 * var(--arc-rem));font-weight:700;line-height:1.4;text-align:center}
.arc-scope a.arc-side-series.is-current .arc-side-count{background:rgba(255,255,255,.28);color:#fff}
.arc-scope a.arc-side-more{display:inline-flex;margin-top:calc(1.1 * var(--arc-rem));font-size:calc(.95 * var(--arc-rem))!important;font-weight:700;color:var(--arc-rust)!important;text-decoration:none!important}
.arc-scope a.arc-side-more:hover{color:var(--arc-ember)!important;text-decoration:underline!important}
.arc-side-tags{display:flex;flex-wrap:wrap;gap:calc(.5 * var(--arc-rem))}
.arc-scope .arc-side-tags a.arc-tag{margin:0;font-size:calc(.9 * var(--arc-rem))!important;color:var(--arc-rust)!important;text-decoration:none!important}
/* featured tile used in the sidebar */
.arc-tile--side{min-height:calc(17 * var(--arc-rem))}
.arc-scope .arc-tile--side .arc-tile__title{font-size:calc(1.5 * var(--arc-rem));line-height:1.12}
.arc-scope .arc-tile--side .arc-tile__blurb{-webkit-line-clamp:2}
.arc-tile__badge{position:absolute;top:calc(.9 * var(--arc-rem));left:calc(.9 * var(--arc-rem));z-index:3;padding:calc(.25 * var(--arc-rem)) calc(.7 * var(--arc-rem));border-radius:999px;background:var(--arc-gold);color:var(--arc-ink);font-size:calc(.72 * var(--arc-rem));font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.3;pointer-events:none}
@media (prefers-reduced-motion:reduce){.arc-scope .arc-side-thumb img{transition:none}}

/* ---- lock the nested links/spans too: theme rules like ".widget-area a" and ".widget-area span" ---- */
.arc-scope .arc-side-box{margin:0!important}
.arc-scope .arc-tile__title{border:0!important;padding:0!important;text-transform:none!important;letter-spacing:normal!important}
.arc-scope .arc-tile__title a{font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;text-decoration:none!important;border:0!important;color:#fff8f0!important}
.arc-scope .arc-tile__meta time,.arc-scope .arc-tile__meta span{font-size:inherit!important;line-height:inherit!important;color:inherit!important}
.arc-scope .arc-eyebrow{font-size:calc(.75 * var(--arc-rem))!important;line-height:1.2!important}
.arc-scope .arc-tile__badge{font-size:calc(.72 * var(--arc-rem))!important;line-height:1.3!important;color:var(--arc-ink)!important}
.arc-scope a.arc-side-series>span:first-child{font-size:inherit!important;line-height:inherit!important;color:inherit!important}
.arc-scope .arc-side-count{font-size:calc(.8 * var(--arc-rem))!important;line-height:1.4!important;color:var(--arc-rust)!important}
.arc-scope a.arc-side-series.is-current .arc-side-count{color:#fff!important}
.arc-scope a.arc-side-series.is-current{color:#fff!important}
.arc-scope a.arc-side-item .arc-side-item__text{font-size:inherit!important}
.arc-scope .arc-side-tags a.arc-tag{border:1px solid var(--arc-line)!important}

.arc-scope .arc-side-box{padding:calc(1.1 * var(--arc-rem)) calc(1.2 * var(--arc-rem)) calc(1.2 * var(--arc-rem))!important;background:var(--arc-card)!important;border:1px solid var(--arc-line)!important;box-shadow:var(--arc-shadow)!important;border-radius:14px!important}
.arc-scope .arc-side-box--feature{padding:0!important;background:none!important;border:0!important;box-shadow:none!important}

/* ======================= post width: reading / wide / full ======================= */
.arc-article{display:block;box-sizing:border-box}
.arc-article--wide .arc-post{max-width:calc(80 * var(--arc-rem))}
/* full: the whole piece (article + comments + related) takes the full width of the screen, whatever
   narrow column the theme puts it in. A tiny inline script measures the exact offset before first paint and
   front.js keeps it right on resize. Until it has run (or if scripts are off) the post is simply the normal column. */
.arc-article--full{--arc-pad-x:clamp(calc(1 * var(--arc-rem)),4vw,calc(4.5 * var(--arc-rem)))}
.arc-article--full.is-placed:not(.is-blocked){position:relative;flex:0 0 auto;float:none;clear:both;width:var(--arc-bleed-w);max-width:none;margin-left:var(--arc-bleed-ml);margin-right:0}
.arc-article--full .arc-post{max-width:calc(120 * var(--arc-rem));margin-left:auto;margin-right:auto;padding-left:var(--arc-pad-x);padding-right:var(--arc-pad-x)}
.arc-scope.arc-article--full .arc-post__body{font-size:clamp(21px,calc(calc(1.1 * var(--arc-rem)) + .55vw),26px)}
.arc-scope.arc-article--full .arc-post__hero{margin-left:calc(var(--arc-pad-x) * -1);margin-right:calc(var(--arc-pad-x) * -1)}
.arc-scope.arc-article--full .arc-post__hero img{aspect-ratio:21/9;max-height:72vh;border-radius:0;box-shadow:none}
@media (max-width:700px){.arc-scope.arc-article--full .arc-post__hero img{aspect-ratio:16/10}}
.arc-article--full .arc-sign{max-width:calc(28 * var(--arc-rem))}
.arc-article--full .arc-comments__inner{max-width:calc(64 * var(--arc-rem))}
.arc-article--full .arc-feed .arc-wrap{max-width:calc(120 * var(--arc-rem))}
.arc-article--full.is-blocked .arc-post{padding-left:clamp(calc(1 * var(--arc-rem)),4vw,calc(1.5 * var(--arc-rem)));padding-right:clamp(calc(1 * var(--arc-rem)),4vw,calc(1.5 * var(--arc-rem)))}