/* honglifecalc.com — hand-drawn theme layer (loads after hl-theme.css) */
html:root{--navy:#2F5520;--accent:#2F5520;--hl-hand:"Patrick Hand","Gaegu",system-ui,sans-serif}
html[lang^="ja"]:root{--hl-hand:"Yomogi","Patrick Hand",sans-serif}
html[lang^="zh-Hant"]:root{--hl-hand:"LXGW WenKai TC","Patrick Hand",sans-serif}
html[lang^="zh-Hans"]:root,html[lang="zh"]:root{--hl-hand:"ZCOOL KuaiLe","Patrick Hand",sans-serif}
html[lang^="ru"]:root{--hl-hand:"Neucha","Patrick Hand",sans-serif}
html[lang^="hi"]:root{--hl-hand:"Kalam","Patrick Hand",sans-serif}
html[lang^="ar"]:root{--hl-hand:inherit}
html[lang^="ar"] body h1{font-family:inherit!important}
/* top bar + hero sit on the green felt */
html body .brand{background:rgba(22,42,15,.72)!important;border-bottom:1px solid rgba(255,248,231,.12)}
html body .brand a.logo i{background:#F0C75E!important;color:#2F5520!important}
html body .hero{background:transparent!important;padding-bottom:104px!important}
html body .hero .in{position:relative}
html body .hero h1{color:#FFF8E7}
html body .hero h1 b,html body .hero h1 em{color:#F5D774!important}
html body .hero p{color:#E3EED6!important}
html body .hero .in::after{content:"";position:absolute;right:14px;bottom:-60px;width:74px;height:84px;background:url(/assets/art/pet-retr.svg) no-repeat center bottom/contain;z-index:3;pointer-events:none}
html body main.wrap,html body .wrap{position:relative;z-index:1}
html body .hero .in::after{z-index:4}
/* cards & tiles */
html body .card,html body .grid a{background:#FFFCF4!important;border-color:#E6DFCB!important;border-radius:18px!important}
html body .grid a:hover{border-color:#C9A227!important}
html body .big{background:#2F5520!important}
html body .tabs{background:#FFF8E7!important;border-color:#E6DFCB!important;border-radius:999px!important}
html body .tabs a{font-family:"Gowun Dodum","Patrick Hand",var(--f,system-ui),sans-serif;border-radius:999px!important;color:#3A3428!important}
html body .tabs a[aria-current]{background:#E8834A!important;color:#FFF8E7!important}
html body .tabs a:hover{background:#FBF3DE!important}
html body a.hl-dlink{border-radius:14px}
/* leftover navy blocks */
html body .cta{background:#E8834A!important;color:#FFF8E7!important;border-color:#E8834A!important}
html body .k,html body .answer .v,html body .vhero,html body .hero-res,html body .tile,html body .formula,html body .pillars .ch,html body .card.vh,html body .chip{background:#2F5520!important;border-color:#2F5520!important}
html body > header.top,html body .top{background:transparent!important}
html body .hero a{color:#E3EED6!important}html body .hero .crumb,html body .hero nav{color:#E3EED6!important}
/* category menus on country hubs */
html body .hl-cats{background:#FFF8E7;border-radius:20px;padding:14px 14px 16px;margin:0 0 16px;box-shadow:0 0 0 1px #E6DFCB;color:#2B2A22;position:relative;z-index:1}
html body .hl-cats h2{margin:0 0 10px;font:700 24px/1.2 var(--hl-hand);color:#2B2A22}
html body .hlc-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
html body .hlc-tabs button{flex:0 0 auto;font:700 14px "Gowun Dodum",var(--f,system-ui),sans-serif;color:#3A3428;background:#FFFDF6;border:1.5px solid #E6DFCB;border-radius:999px;padding:7px 13px;cursor:pointer}
html body .hlc-tabs button span{font-weight:400;color:#8A836C;margin-left:2px}
html body .hlc-tabs button[aria-selected="true"]{background:#E8834A;border-color:#E8834A;color:#FFF8E7}
html body .hlc-tabs button[aria-selected="true"] span{color:#FFE9D6}
html body .hlc-tabs button:focus-visible{outline:3px solid #C9A227;outline-offset:2px}
html body .hlc-p ul{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:6px}
html body .hlc-p li{background:#FFFDF6;border:1px solid #EAE2CC;border-radius:12px;padding:9px 12px;min-width:0}
html body .hlc-p a{color:#2B2A22;text-decoration:none;font-weight:700;font-size:14.5px;overflow-wrap:anywhere}
html body .hlc-p a:hover{color:#2F5520;text-decoration:underline}
html body .hlc-p small{color:#8A836C;font-size:12px}
html[dir="rtl"] body .hl-cats{text-align:right}

.hl-reco{box-sizing:border-box;width:min(1080px,calc(100% - 32px));margin:18px auto 0;padding:14px 16px;background:#FFFBEF;border:1.5px dashed #D9C79C;border-radius:16px;color:#3B3B3B}
main .hl-reco,.wrap .hl-reco,.in .hl-reco{width:auto}
.hl-reco-tag{display:inline-block;font-size:11.5px;font-weight:800;color:#8A6417;background:#F3E6C4;border-radius:999px;padding:2px 9px;margin-bottom:8px}
.hl-reco a{display:block;text-decoration:none;color:#2F5520}.hl-reco a img{display:block;max-width:100%;height:auto;border-radius:10px;margin:0 auto}
.hl-reco a b{display:block;font-size:16px}.hl-reco a span{display:block;font-size:13.5px;color:#5B5B5B;margin-top:2px}.hl-reco a em{display:inline-block;margin-top:8px;font-style:normal;font-weight:800;color:#fff;background:#E8834A;border-radius:999px;padding:6px 14px;font-size:13.5px}
.hl-reco-disc{margin:8px 0 0;font-size:11.5px;color:#8A8A8A;line-height:1.5}
html.hl-embed .hl-reco{display:none!important}