/* AL Publication Skin: blog layout on top of /assets/css/site.css (same tokens). */
.al-blog{background:var(--paper)}
.al-blog .rv{opacity:1;transform:none}

/* single */
.al-post-hero .kicker a{color:inherit;text-decoration:none}
.al-post-hero .kicker a:hover{color:#fff}
.al-post-hero h1{font-size:clamp(38px,5vw,72px);line-height:1.08}
.al-post-date{font-size:15px!important;letter-spacing:.04em;color:var(--muted-dark)!important;margin:0}
.al-post-body{padding:clamp(56px,7vw,96px) 0}
.al-post-thumb{max-width:960px;margin:0 auto clamp(40px,5vw,64px)}
.al-post-thumb img{width:100%;height:auto;border-radius:4px;box-shadow:0 30px 60px -40px rgba(6,30,38,.6)}
.al-post-content{margin:0 auto;font-size:19px;line-height:1.7}
.al-post-content > * + *{margin-top:1.1em}
.al-post-content p{margin:0}
.al-post-content h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,2.6vw,38px);line-height:1.2;color:var(--teal);margin:1.8em 0 .6em}
.al-post-content h3{font-family:var(--serif);font-weight:500;font-size:clamp(22px,2vw,27px);color:var(--teal);margin:1.5em 0 .5em}
.al-post-content a{color:var(--pink-ink);text-decoration:underline;text-underline-offset:3px}
.al-post-content ul,.al-post-content ol{padding-left:1.3em}
.al-post-content li + li{margin-top:.45em}
.al-post-content li::marker{color:var(--pink)}
.al-post-content blockquote{margin:1.8em 0;padding:4px 0 4px 26px;border-left:3px solid var(--pink);font-family:var(--serif);font-style:italic;font-size:1.15em;color:var(--teal)}
.al-post-content img,.al-post-content figure{max-width:100%;height:auto}
.al-post-content figure{margin:2em 0}
.al-post-content figcaption{font-size:14px;color:var(--muted);margin-top:8px}
.al-post-content hr{border:0;height:1px;background:rgba(43,43,43,.14);margin:2.4em 0}
.al-post-content table{width:100%;border-collapse:collapse;font-size:16px}
.al-post-content th,.al-post-content td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid rgba(43,43,43,.12)}
.al-post-after{padding:clamp(56px,6vw,84px) 0}
.al-post-after .btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}

/* archive */
.al-archive{padding:clamp(48px,6vw,80px) 0 clamp(72px,8vw,110px)}
.al-archive-desc p{margin:0}
.al-topics{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 clamp(36px,4vw,52px)}
.al-topics a{font-size:14px;font-weight:600;letter-spacing:.03em;text-decoration:none;color:var(--teal);padding:9px 16px;border:1px solid rgba(15,60,76,.25);border-radius:999px;transition:all .2s var(--ease)}
.al-topics a:hover{border-color:var(--pink);color:var(--pink-ink)}
.al-topics a[aria-current]{background:var(--teal);border-color:var(--teal);color:var(--ivory)}
.al-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(20px,2.4vw,32px)}
.al-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(43,43,43,.1);border-top:3px solid var(--teal);text-decoration:none;color:var(--char);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.al-card:hover{transform:translateY(-4px);box-shadow:0 26px 50px -34px rgba(6,30,38,.55);border-top-color:var(--pink)}
.al-card-thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.al-card-body{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}
.al-card-meta{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--pink-ink);margin:0 0 12px}
.al-card-title{font-family:var(--serif);font-weight:500;font-size:24px;line-height:1.22;color:var(--teal);margin:0 0 12px}
.al-card-excerpt{font-size:16px;line-height:1.55;color:var(--muted);margin:0 0 18px}
.al-card-more{margin-top:auto;font-weight:700;font-size:14px;color:var(--teal)}
.al-card:hover .al-card-more{color:var(--pink-ink)}
.al-pagination{margin-top:44px}
.al-pagination .nav-links{display:flex;gap:10px;flex-wrap:wrap}
.al-pagination a,.al-pagination span{padding:8px 14px;border:1px solid rgba(15,60,76,.2);text-decoration:none;color:var(--teal)}
.al-pagination .current{background:var(--teal);color:var(--ivory)}
.al-empty{font-size:18px;color:var(--muted)}

/* 1.0.1: belt and braces against theme leftovers */
body.al-blog h1,body.al-blog h2,body.al-blog h3,body.al-blog .main-nav a,body.al-blog .site-footer a{color:inherit}
body.al-blog .page-hero h1{font-style:normal}
body.al-blog .al-card-title{font-style:normal;color:var(--teal)}
body.al-blog .al-post-content h2,body.al-blog .al-post-content h3{color:var(--teal)}