/* HAO788 1.2.0 — Article pages reuse homepage colors, fonts, nav and footer. */
.hao-reading-main{min-height:68vh;padding:30px 0 95px;background:radial-gradient(ellipse at 80% 5%,#3f3b2838,transparent 38%),linear-gradient(#141d1b,#111918)}
.hao-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:0 0 27px;color:#94a89b;font:600 15px/1.5 var(--pixel)}
.hao-breadcrumb a{color:var(--teal)}
.hao-breadcrumb a:hover{color:var(--gold)}
.hao-breadcrumb [aria-current]{color:#c2c9bd}
.hao-article-hero{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:24px;align-items:center;border:1px solid #506451;background:linear-gradient(125deg,#25322b,#18241f 75%);padding:clamp(24px,5vw,56px);position:relative;box-shadow:9px 9px 0 #091110;margin-bottom:50px;overflow:hidden}
.hao-article-hero::before,.hao-article-hero::after{content:'';position:absolute;background:var(--gold);width:13px;height:13px}
.hao-article-hero::before{left:-1px;top:-1px}.hao-article-hero::after{right:-1px;bottom:-1px}
.hao-article-hero .eyebrow{margin:0 0 20px;font-size:8px;line-height:2}
.hao-article-hero h1{font:700 clamp(35px,4.9vw,70px)/1.06 var(--pixel);letter-spacing:-.02em;max-width:900px;color:var(--cream);margin:0 0 22px;overflow-wrap:anywhere}
.hao-article-hero h1::first-line{color:var(--gold)}
.hao-article-lead{font:400 clamp(15px,1.3vw,18px)/1.75 var(--body);max-width:690px;color:#b6c4b8;margin-bottom:22px}
.hao-hero-note{display:flex;flex-wrap:wrap;gap:12px 22px;color:var(--teal);font:400 8px/1.8 var(--tiny)}
.hao-hero-emblem{height:190px;border:1px solid #576952;background:repeating-linear-gradient(to right,transparent,transparent 22px,#91ae8420 23px),repeating-linear-gradient(to bottom,transparent,transparent 22px,#91ae8420 23px),#1b2925;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-shadow:7px 7px 0 #0b1310}
.hao-hero-emblem img {
  display: block;
  width: 110px;
  height: 110px;
  max-width: 100%;
  object-fit: contain;
  image-rendering: pixelated;
}
.hao-hero-emblem small{font:400 7px/1.8 var(--tiny);color:var(--teal)}
.hao-reading-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px;align-items:start}
.hao-reading-article{min-width:0;background:#1b2521;border-color:#485d4a}
.hao-article-strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px clamp(21px,3vw,39px);background:#26362d;border-bottom:1px solid #44594a;color:var(--teal);font:400 8px/1.8 var(--tiny)}
.hao-article-strip span:last-child{color:var(--gold)}
.entry-content{padding:clamp(20px,3.1vw,46px);font:400 16px/1.9 var(--body);color:#c1cbbc;overflow-wrap:anywhere;min-width:0}
.entry-content > *:first-child{margin-top:0}
.entry-content p{margin:0 0 21px}
.entry-content strong{color:#f2e8cc}
.entry-content a{color:var(--gold);text-decoration:underline;text-decoration-color:#b8844f;text-underline-offset:3px}
.entry-content a:hover{color:#ffdf9a}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4{font-family:var(--pixel);font-weight:700;color:var(--cream);line-height:1.16;scroll-margin-top:110px}
.entry-content h1{font-size:clamp(30px,3.2vw,44px)}
.entry-content h2{font-size:clamp(29px,2.9vw,43px);margin:42px 0 20px;padding-bottom:13px;border-bottom:1px solid #465a4b}
.entry-content h3{font-size:clamp(24px,2.3vw,32px);color:var(--gold);margin:32px 0 12px}
.entry-content h4{font-size:23px;margin:22px 0 10px}
.entry-content ul,.entry-content ol{padding-left:28px;margin:0 0 25px}
.entry-content li{margin-bottom:9px;padding-left:3px}
.entry-content li::marker{color:var(--gold)}
.entry-content blockquote{border-left:4px solid var(--gold);background:#25332b;padding:22px 24px;margin:32px 0;color:#e0dfcc}
.entry-content blockquote p:last-child{margin-bottom:0}
.entry-content img{display:block;height:auto;max-width:100%;object-fit:contain}
.entry-content figure,.entry-content .wp-block-image{max-width:100%;margin:22px auto 28px}
.entry-content figure img{margin-inline:auto}
.entry-content figcaption,.entry-content .wp-caption-text{text-align:center;color:var(--muted);font-size:13px}
.entry-content table{border-collapse:collapse;width:100%;margin:25px 0}
.entry-content th,.entry-content td{padding:11px 13px;border:1px solid #526350;text-align:left;vertical-align:top}
.entry-content th{background:#2a3b30;color:var(--gold)}
.entry-content td{background:#202e27}
.entry-content .wp-block-table{overflow-x:auto}
.entry-content hr{border:0;border-top:1px solid #496251;margin:30px 0}
.entry-content code,.entry-content pre{font-family:ui-monospace,monospace;background:#111c18;color:#a5e8ce}
.entry-content code{padding:2px 5px}.entry-content pre{padding:17px;overflow:auto}
.entry-content .aligncenter{margin-inline:auto}.entry-content .alignleft{float:left;margin:0 20px 14px 0}.entry-content .alignright{float:right;margin:0 0 14px 20px}
.entry-content::after{content:'';display:table;clear:both}
.hao-page-numbers{border-top:1px solid var(--border);padding-top:18px;margin-top:30px}
.hao-reading-aside{display:grid;gap:20px;position:sticky;top:106px}
.admin-bar .hao-reading-aside{top:138px}
.hao-aside-box,.hao-aside-action{border:1px solid #435b48;box-shadow:6px 6px 0 #0b100e;background:#1c2a23;padding:24px 20px}
.hao-aside-box h2{font:700 32px/1.05 var(--pixel);margin:12px 0}
.hao-aside-box p,.hao-aside-action p{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 20px}
.hao-aside-links{display:grid;border-top:1px solid #455b49}
.hao-aside-links a{display:flex;align-items:center;gap:11px;padding:13px 2px;border-bottom:1px solid #455b49;color:#e0e5d9;font:600 17px/1.25 var(--pixel)}
.hao-aside-links a:hover,.hao-aside-links a[aria-current="page"]{color:var(--gold);text-decoration:none}
.hao-aside-links a span{color:var(--teal);font:400 9px/1 var(--tiny)}
.hao-aside-links a b{margin-left:auto;color:var(--gold)}
.hao-aside-action{background:linear-gradient(140deg,#31372a,#26372d)}
.hao-aside-action > strong{display:block;color:var(--cream);font:700 27px/1.1 var(--pixel);margin:13px 0}
.hao-aside-action .btn{width:100%;padding:12px 10px;font-size:19px}
.hao-related{padding:84px 0 10px}
.hao-related-heading{margin-bottom:28px}
.hao-related-heading h2{font:700 clamp(33px,4vw,52px)/1.09 var(--pixel);margin:12px 0}
.hao-related-heading p{color:var(--muted);max-width:590px;margin:0}
.hao-related .explore-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hao-post-list{display:grid;gap:24px;min-width:0}
.hao-post-list .entry-content h2{margin-top:0}
.hao-post-list .entry-content h2 a{text-decoration:none}
.hao-read-link{font:700 20px var(--pixel)}
/* Admin toolbar should not obscure the shared sticky header. */
body.admin-bar .site-header{top:32px}
@media(max-width:1100px){.hao-reading-grid{grid-template-columns:minmax(0,1fr) 245px}.hao-reading-aside{top:98px}.hao-article-hero{grid-template-columns:minmax(0,1fr) 155px}.hao-hero-emblem{height:155px}}
@media(max-width:850px){.hao-reading-grid{grid-template-columns:minmax(0,1fr)}.hao-reading-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.hao-article-hero{grid-template-columns:minmax(0,1fr)}.hao-hero-emblem{display:none}.hao-related .explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hao-reading-main{padding:22px 0 65px}.hao-article-hero{padding:26px 20px;margin-bottom:27px}.hao-article-hero h1{font-size:clamp(34px,9vw,48px)}.hao-article-hero .eyebrow{font-size:7px}.hao-article-strip{font-size:7px}.entry-content{font-size:15px;padding:23px 18px}.hao-reading-aside{grid-template-columns:1fr}.hao-related{padding-top:65px}.hao-related .explore-grid{grid-template-columns:1fr}.hao-hero-note{font-size:7px}}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}