.hml-demo .wrap{max-width: var(--container-sm); margin: 0 auto; padding: 0 var(--space-5);}
.hml-demo .row{display: flex; align-items: center; justify-content: space-between; gap: var(--space-4);}
.hml-demo{font-size: var(--text-lg); line-height: var(--leading-relaxed);}
.hml-demo .site-header{border-bottom: 1px solid var(--border); padding: var(--space-5) 0; margin-bottom: var(--space-10);}
.hml-demo .brand{font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-xl); text-decoration: none; color: var(--text); letter-spacing: var(--tracking-tight);}
.hml-demo .site-nav{display: flex; align-items: center; gap: var(--space-4);}
.hml-demo .site-nav a{color: var(--text-muted); text-decoration: none; font-size: var(--text-base); font-family: var(--font-ui);}
.hml-demo .site-nav a:hover{color: var(--primary);}
.hml-demo .has-sub{position: relative;}
.hml-demo .submenu{display: none; position: absolute; top: 100%; left: 0; padding: var(--space-2); min-width: 170px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: var(--shadow-md); flex-direction: column; gap: 2px; z-index: 20;}
.hml-demo .has-sub:hover .submenu{display: flex;}
.hml-demo .submenu a{padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); white-space: nowrap;}
.hml-demo .submenu a:hover{background: var(--surface-2);}
.hml-demo .footer-nav{display: flex; flex-wrap: wrap; gap: var(--space-4); margin-bottom: var(--space-4);}
.hml-demo .footer-nav a{color: var(--text-muted); text-decoration: none; font-family: var(--font-ui); font-size: var(--text-sm);}
.hml-demo .footer-nav a:hover{color: var(--primary);}
.hml-demo .content{min-height: 50vh;}
.hml-demo .page-heading{font-size: var(--text-3xl); margin: 0 0 var(--space-6);}
.hml-demo .post-card{padding: 0 0 var(--space-8); border-bottom: 1px solid var(--border); margin-bottom: var(--space-8);}
.hml-demo .post-card:last-child{border-bottom: none;}
.hml-demo .post-card h2{margin: 0 0 var(--space-2); font-size: var(--text-2xl); line-height: var(--leading-snug);}
.hml-demo .post-card h2 a{text-decoration: none; color: var(--text);}
.hml-demo .post-card h2 a:hover{color: var(--primary);}
.hml-demo .meta{color: var(--text-muted); font-family: var(--font-mono); font-size: var(--text-sm); letter-spacing: var(--tracking-mono); margin: 0 0 var(--space-3);}
.hml-demo .excerpt{margin: 0 0 var(--space-3); color: var(--text);}
.hml-demo .more{font-family: var(--font-ui); font-size: var(--text-base); text-decoration: none;}
.hml-demo .more:hover{text-decoration: underline;}
.hml-demo .single h1{font-size: var(--text-4xl); line-height: 1.08; margin: 0 0 var(--space-3);}
.hml-demo .single .body{margin-top: var(--space-6);}
.hml-demo .single .body h2{font-size: var(--text-2xl); margin-top: var(--space-8);}
.hml-demo .single .body h3{font-size: var(--text-xl); margin-top: var(--space-6);}
.hml-demo .single .body img{max-width: 100%; height: auto; border-radius: var(--radius-md);}
.hml-demo .single .body blockquote{margin: var(--space-5) 0; padding-left: var(--space-4); border-left: 3px solid var(--primary); color: var(--text-muted); font-style: italic;}
.hml-demo .single .body pre{background: var(--ink-900); color: var(--ink-50); padding: var(--space-4); border-radius: var(--radius-md); overflow: auto; font-size: var(--text-sm);}
.hml-demo .single .body :not(pre) > code{background: var(--surface-3); padding: 1px 6px; border-radius: var(--radius-xs); font-size: .9em;}
.hml-demo .single .body a{color: var(--primary);}
.hml-demo .single .back{margin-top: var(--space-10); font-family: var(--font-ui); font-size: var(--text-base);}
.hml-demo .reading-time{font-family: var(--font-mono); font-size: var(--text-sm); color: var(--text-subtle); letter-spacing: var(--tracking-mono);}
.hml-demo .cats{display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0 0 var(--space-4);}
.hml-demo .cat{font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: var(--tracking-mono); text-transform: uppercase; text-decoration: none; color: var(--primary-soft-fg); background: var(--primary-soft); border: 1px solid color-mix(in srgb, var(--primary) 20%, transparent); padding: 3px 10px; border-radius: var(--radius-full);}
.hml-demo .cat:hover{background: var(--primary); color: var(--primary-fg); text-decoration: none;}
.hml-demo .pagination{display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin-top: var(--space-6); font-family: var(--font-ui);}
.hml-demo .pagination a{text-decoration: none;}
.hml-demo .empty, .hml-demo .muted{color: var(--text-muted);}
.hml-demo .site-footer{border-top: 1px solid var(--border); margin-top: var(--space-16); padding: var(--space-8) 0; color: var(--text-muted); font-family: var(--font-mono); font-size: var(--text-sm);}
.hml-demo .hcms-form{max-width: 34rem; margin: var(--space-6) 0; display: flex; flex-direction: column; gap: var(--space-4);}
.hml-demo .hcms-form__row{display: flex; flex-direction: column; gap: 6px;}
.hml-demo .hcms-form__row--check{flex-direction: row; align-items: center; gap: var(--space-2);}
.hml-demo .hcms-form__label{font-family: var(--font-ui); font-size: var(--text-sm); font-weight: var(--weight-semibold);}
.hml-demo .hcms-form__req{color: var(--primary);}
.hml-demo .hcms-form__input{width: 100%; font-family: var(--font-ui); font-size: var(--text-base); color: var(--text); background: var(--surface); border: 1px solid var(--border-strong); border-radius: var(--radius-md); padding: 10px 12px;}
.hml-demo .hcms-form__input:focus{outline: none; border-color: var(--primary); box-shadow: var(--ring-shadow);}
.hml-demo textarea.hcms-form__input{resize: vertical;}
.hml-demo .hcms-form__submit{align-self: flex-start; font-family: var(--font-ui); font-size: var(--text-base); font-weight: var(--weight-medium); cursor: pointer; background: var(--primary); color: var(--primary-fg); border: 1px solid transparent; border-radius: var(--radius-md); padding: 11px 22px;}
.hml-demo .hcms-form__submit:hover{background: var(--primary-hover);}
.hml-demo .hcms-form__submit:disabled{opacity: .6; cursor: default;}
.hml-demo .hcms-form__msg{font-size: var(--text-sm); color: var(--danger);}
.hml-demo .hcms-form__success{padding: var(--space-4) var(--space-5); background: var(--success-bg); color: var(--success-fg); border: 1px solid color-mix(in srgb, var(--success) 25%, transparent); border-radius: var(--radius-md);}

.hml-demo .hero{padding:var(--space-16) 0 var(--space-12);text-align:center}
.hml-demo .hero__title{font-family:var(--font-display);font-size:var(--text-5xl);line-height:1.05;letter-spacing:var(--tracking-tight);margin:0 0 var(--space-4)}
.hml-demo .hero__sub{font-size:var(--text-xl);color:var(--text-muted);max-width:60ch;margin:0 auto var(--space-6)}
.hml-demo .hero__actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}
.hml-demo .btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-ui);font-weight:var(--weight-medium);text-decoration:none;border-radius:var(--radius-md);padding:11px 22px;border:1px solid transparent}
.hml-demo .btn--primary{background:var(--primary);color:var(--primary-fg)}
.hml-demo .btn--primary:hover{background:var(--primary-hover)}
.hml-demo .btn--ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}
.hml-demo .btn--ghost:hover{border-color:var(--primary);color:var(--primary)}
.hml-demo .btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-ui);font-weight:var(--weight-medium);text-decoration:none;border-radius:var(--radius-md);padding:11px 22px;border:1px solid transparent}
.hml-demo .btn--primary{background:var(--primary);color:var(--primary-fg)}
.hml-demo .btn--primary:hover{background:var(--primary-hover)}
.hml-demo .btn--ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}
.hml-demo .btn--ghost:hover{border-color:var(--primary);color:var(--primary)}
.hml-demo .features{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:var(--space-6)}
@media(max-width:720px){.hml-demo .features{grid-template-columns:1fr}
}
.hml-demo .feature__t{font-family:var(--font-heading);font-weight:var(--weight-semibold);font-size:var(--text-lg);margin:0 0 var(--space-2)}
.hml-demo .feature__d{color:var(--text-muted);margin:0}
.hml-demo .cta{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-10);text-align:center;margin:var(--space-10) 0}
.hml-demo .cta__t{font-family:var(--font-display);font-size:var(--text-3xl);margin:0 0 var(--space-3)}
.hml-demo .cta__s{color:var(--text-muted);margin:0 0 var(--space-6)}
.hml-demo .ad{position:relative;margin:var(--space-6) auto;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}
.hml-demo .ad__label{position:absolute;top:4px;left:8px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle)}
.hml-demo .ad__ph{color:var(--text-subtle);font-size:var(--text-sm);padding:var(--space-8)}
.hml-demo .ad--leaderboard{min-height:90px;max-width:728px}
.hml-demo .ad--billboard{min-height:250px;max-width:970px}
.hml-demo .ad--rectangle{min-height:250px;max-width:336px}
.hml-demo .ad--sidebar{min-height:600px;max-width:300px}
.hml-demo .ad--responsive{min-height:90px;width:100%}
.hml-demo .hgrid{display:grid;grid-template-columns:var(--hg-cols,repeat(3,1fr));gap:var(--hg-gap,var(--space-6))}
@media(max-width:720px){.hml-demo .hgrid{grid-template-columns:1fr}
}
.hml-demo .hgrid__cell{min-width:0}
.hml-demo .with-sidebar{display:grid;grid-template-columns:var(--ws-cols,1fr 320px);gap:var(--space-8);align-items:start}
@media(max-width:860px){.hml-demo .with-sidebar{grid-template-columns:1fr!important}
}
.hml-demo .ws__main{min-width:0}
.hml-demo .sidebar{display:flex;flex-direction:column;gap:var(--space-5)}
.hml-demo .sidebar--sticky{position:sticky;top:var(--space-5)}
.hml-demo .widget{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}
.hml-demo .widget__t{font-family:var(--font-heading);font-weight:var(--weight-semibold);font-size:var(--text-base);margin:0 0 var(--space-3)}
.hml-demo .widget__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}
.hml-demo .widget__list a{text-decoration:none;color:var(--text)}
.hml-demo .widget__list a:hover{color:var(--primary)}
.hml-demo .widget__list .c{color:var(--text-subtle);font-size:var(--text-sm);margin-left:4px}
.hml-demo .widget{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}
.hml-demo .widget__t{font-family:var(--font-heading);font-weight:var(--weight-semibold);font-size:var(--text-base);margin:0 0 var(--space-3)}
.hml-demo .widget__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}
.hml-demo .widget__list a{text-decoration:none;color:var(--text)}
.hml-demo .widget__list a:hover{color:var(--primary)}
.hml-demo .widget__list .c{color:var(--text-subtle);font-size:var(--text-sm);margin-left:4px}
.hml-demo .widget{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}
.hml-demo .widget__t{font-family:var(--font-heading);font-weight:var(--weight-semibold);font-size:var(--text-base);margin:0 0 var(--space-3)}
.hml-demo .widget__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}
.hml-demo .widget__list a{text-decoration:none;color:var(--text)}
.hml-demo .widget__list a:hover{color:var(--primary)}
.hml-demo .widget__list .c{color:var(--text-subtle);font-size:var(--text-sm);margin-left:4px}
.hml-demo .post-list--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}
.hml-demo .post-card__img img{width:100%;height:180px;object-fit:cover;border-radius:var(--radius-md);display:block;margin-bottom:var(--space-3)}
.hml-demo .post-more{display:block;margin:var(--space-8) auto 0;font:inherit;cursor:pointer;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:11px 26px;color:var(--text)}
.hml-demo .post-more:hover{border-color:var(--primary);color:var(--primary)}
.hml-demo .post-more[hidden]{display:none}
.hml-demo .post-sentinel{height:1px}
.hml-demo .featured{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:stretch}
.hml-demo .featured__side{display:grid;grid-template-rows:1fr 1fr;gap:var(--space-6);min-width:0}
@media(max-width:720px){.hml-demo .featured{grid-template-columns:1fr}
.hml-demo .featured__side{grid-template-rows:auto auto}
}
.hml-demo .feat{display:flex;flex-direction:column;min-width:0}
.hml-demo .feat__img img{width:100%;object-fit:cover;border-radius:var(--radius-md);display:block}
.hml-demo .feat--lead .feat__img img{height:300px}
.hml-demo .feat--small{flex-direction:row;gap:var(--space-4);align-items:center}
.hml-demo .feat--small .feat__img{flex:0 0 42%}
.hml-demo .feat--small .feat__img img{height:118px}
.hml-demo .feat__title{line-height:var(--leading-snug)}
.hml-demo .feat--lead .feat__title{font-size:var(--text-2xl);margin:var(--space-3) 0 var(--space-1)}
.hml-demo .feat--small .feat__title{font-size:var(--text-lg);margin:0 0 4px}
.hml-demo .feat__title a{text-decoration:none;color:var(--text)}
.hml-demo .feat__title a:hover{color:var(--primary)}
.hml-demo .feat .excerpt{margin:var(--space-2) 0 0}
.hml-demo .hml-embed{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden;background:#000;margin:var(--space-4) 0}
.hml-demo .hml-embed::before{content:"";display:block;padding-top:56.25%}
.hml-demo .hml-embed--4x3::before{padding-top:75%}
.hml-demo .hml-embed--1x1::before{padding-top:100%}
.hml-demo .hml-embed--9x16::before{padding-top:177.78%}
.hml-demo .hml-embed--9x16{max-width:360px;margin-inline:auto}
.hml-demo .hml-embed iframe, .hml-demo .hml-embed video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.hml-demo .hml-consent__box{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:22px;background:var(--surface-2);background-size:cover;background-position:center}
.hml-demo .hml-consent--poster .hml-consent__box{color:#fff}
.hml-demo .hml-consent--poster .hml-consent__box::after{content:"";position:absolute;inset:0;background:rgba(15,12,10,.6)}
.hml-demo .hml-consent__box>*{position:relative;z-index:1}
.hml-demo .hml-consent__t{font-family:var(--font-heading);font-weight:var(--weight-semibold);font-size:var(--text-lg);margin:0}
.hml-demo .hml-consent__d{font-size:var(--text-sm);max-width:44ch;margin:0;opacity:.92}
.hml-demo .hml-consent__d a{color:inherit;text-decoration:underline}
.hml-demo .hml-consent__btn{font:inherit;cursor:pointer;background:var(--primary);color:var(--primary-fg);border:0;border-radius:var(--radius-md);padding:10px 22px;font-weight:var(--weight-medium)}
.hml-demo .hml-consent__rem{font-size:var(--text-xs);display:inline-flex;align-items:center;gap:6px;opacity:.85;cursor:pointer}
.hml-demo .hml-embed{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden;background:#000;margin:var(--space-4) 0}
.hml-demo .hml-embed::before{content:"";display:block;padding-top:56.25%}
.hml-demo .hml-embed--4x3::before{padding-top:75%}
.hml-demo .hml-embed--1x1::before{padding-top:100%}
.hml-demo .hml-embed--9x16::before{padding-top:177.78%}
.hml-demo .hml-embed--9x16{max-width:360px;margin-inline:auto}
.hml-demo .hml-embed iframe, .hml-demo .hml-embed video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.hml-demo .hml-consent__box{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:22px;background:var(--surface-2);background-size:cover;background-position:center}
.hml-demo .hml-consent--poster .hml-consent__box{color:#fff}
.hml-demo .hml-consent--poster .hml-consent__box::after{content:"";position:absolute;inset:0;background:rgba(15,12,10,.6)}
.hml-demo .hml-consent__box>*{position:relative;z-index:1}
.hml-demo .hml-consent__t{font-family:var(--font-heading);font-weight:var(--weight-semibold);font-size:var(--text-lg);margin:0}
.hml-demo .hml-consent__d{font-size:var(--text-sm);max-width:44ch;margin:0;opacity:.92}
.hml-demo .hml-consent__d a{color:inherit;text-decoration:underline}
.hml-demo .hml-consent__btn{font:inherit;cursor:pointer;background:var(--primary);color:var(--primary-fg);border:0;border-radius:var(--radius-md);padding:10px 22px;font-weight:var(--weight-medium)}
.hml-demo .hml-consent__rem{font-size:var(--text-xs);display:inline-flex;align-items:center;gap:6px;opacity:.85;cursor:pointer}
.hml-demo .hml-embed{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden;background:#000;margin:var(--space-4) 0}
.hml-demo .hml-embed::before{content:"";display:block;padding-top:56.25%}
.hml-demo .hml-embed--4x3::before{padding-top:75%}
.hml-demo .hml-embed--1x1::before{padding-top:100%}
.hml-demo .hml-embed--9x16::before{padding-top:177.78%}
.hml-demo .hml-embed--9x16{max-width:360px;margin-inline:auto}
.hml-demo .hml-embed iframe, .hml-demo .hml-embed video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.hml-demo .hml-consent__box{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:22px;background:var(--surface-2);background-size:cover;background-position:center}
.hml-demo .hml-consent--poster .hml-consent__box{color:#fff}
.hml-demo .hml-consent--poster .hml-consent__box::after{content:"";position:absolute;inset:0;background:rgba(15,12,10,.6)}
.hml-demo .hml-consent__box>*{position:relative;z-index:1}
.hml-demo .hml-consent__t{font-family:var(--font-heading);font-weight:var(--weight-semibold);font-size:var(--text-lg);margin:0}
.hml-demo .hml-consent__d{font-size:var(--text-sm);max-width:44ch;margin:0;opacity:.92}
.hml-demo .hml-consent__d a{color:inherit;text-decoration:underline}
.hml-demo .hml-consent__btn{font:inherit;cursor:pointer;background:var(--primary);color:var(--primary-fg);border:0;border-radius:var(--radius-md);padding:10px 22px;font-weight:var(--weight-medium)}
.hml-demo .hml-consent__rem{font-size:var(--text-xs);display:inline-flex;align-items:center;gap:6px;opacity:.85;cursor:pointer}
.hml-demo .hml-embed{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden;background:#000;margin:var(--space-4) 0}
.hml-demo .hml-embed::before{content:"";display:block;padding-top:56.25%}
.hml-demo .hml-embed--4x3::before{padding-top:75%}
.hml-demo .hml-embed--1x1::before{padding-top:100%}
.hml-demo .hml-embed--9x16::before{padding-top:177.78%}
.hml-demo .hml-embed--9x16{max-width:360px;margin-inline:auto}
.hml-demo .hml-embed iframe, .hml-demo .hml-embed video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.hml-demo .hml-consent__box{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:22px;background:var(--surface-2);background-size:cover;background-position:center}
.hml-demo .hml-consent--poster .hml-consent__box{color:#fff}
.hml-demo .hml-consent--poster .hml-consent__box::after{content:"";position:absolute;inset:0;background:rgba(15,12,10,.6)}
.hml-demo .hml-consent__box>*{position:relative;z-index:1}
.hml-demo .hml-consent__t{font-family:var(--font-heading);font-weight:var(--weight-semibold);font-size:var(--text-lg);margin:0}
.hml-demo .hml-consent__d{font-size:var(--text-sm);max-width:44ch;margin:0;opacity:.92}
.hml-demo .hml-consent__d a{color:inherit;text-decoration:underline}
.hml-demo .hml-consent__btn{font:inherit;cursor:pointer;background:var(--primary);color:var(--primary-fg);border:0;border-radius:var(--radius-md);padding:10px 22px;font-weight:var(--weight-medium)}
.hml-demo .hml-consent__rem{font-size:var(--text-xs);display:inline-flex;align-items:center;gap:6px;opacity:.85;cursor:pointer}
.hml-demo .hml-embed{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden;background:#000;margin:var(--space-4) 0}
.hml-demo .hml-embed::before{content:"";display:block;padding-top:56.25%}
.hml-demo .hml-embed--4x3::before{padding-top:75%}
.hml-demo .hml-embed--1x1::before{padding-top:100%}
.hml-demo .hml-embed--9x16::before{padding-top:177.78%}
.hml-demo .hml-embed--9x16{max-width:360px;margin-inline:auto}
.hml-demo .hml-embed iframe, .hml-demo .hml-embed video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.hml-demo .hml-consent__box{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:22px;background:var(--surface-2);background-size:cover;background-position:center}
.hml-demo .hml-consent--poster .hml-consent__box{color:#fff}
.hml-demo .hml-consent--poster .hml-consent__box::after{content:"";position:absolute;inset:0;background:rgba(15,12,10,.6)}
.hml-demo .hml-consent__box>*{position:relative;z-index:1}
.hml-demo .hml-consent__t{font-family:var(--font-heading);font-weight:var(--weight-semibold);font-size:var(--text-lg);margin:0}
.hml-demo .hml-consent__d{font-size:var(--text-sm);max-width:44ch;margin:0;opacity:.92}
.hml-demo .hml-consent__d a{color:inherit;text-decoration:underline}
.hml-demo .hml-consent__btn{font:inherit;cursor:pointer;background:var(--primary);color:var(--primary-fg);border:0;border-radius:var(--radius-md);padding:10px 22px;font-weight:var(--weight-medium)}
.hml-demo .hml-consent__rem{font-size:var(--text-xs);display:inline-flex;align-items:center;gap:6px;opacity:.85;cursor:pointer}
.hml-demo .hml-embed{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden;background:#000;margin:var(--space-4) 0}
.hml-demo .hml-embed::before{content:"";display:block;padding-top:56.25%}
.hml-demo .hml-embed--4x3::before{padding-top:75%}
.hml-demo .hml-embed--1x1::before{padding-top:100%}
.hml-demo .hml-embed--9x16::before{padding-top:177.78%}
.hml-demo .hml-embed--9x16{max-width:360px;margin-inline:auto}
.hml-demo .hml-embed iframe, .hml-demo .hml-embed video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.hml-demo .hml-consent__box{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:22px;background:var(--surface-2);background-size:cover;background-position:center}
.hml-demo .hml-consent--poster .hml-consent__box{color:#fff}
.hml-demo .hml-consent--poster .hml-consent__box::after{content:"";position:absolute;inset:0;background:rgba(15,12,10,.6)}
.hml-demo .hml-consent__box>*{position:relative;z-index:1}
.hml-demo .hml-consent__t{font-family:var(--font-heading);font-weight:var(--weight-semibold);font-size:var(--text-lg);margin:0}
.hml-demo .hml-consent__d{font-size:var(--text-sm);max-width:44ch;margin:0;opacity:.92}
.hml-demo .hml-consent__d a{color:inherit;text-decoration:underline}
.hml-demo .hml-consent__btn{font:inherit;cursor:pointer;background:var(--primary);color:var(--primary-fg);border:0;border-radius:var(--radius-md);padding:10px 22px;font-weight:var(--weight-medium)}
.hml-demo .hml-consent__rem{font-size:var(--text-xs);display:inline-flex;align-items:center;gap:6px;opacity:.85;cursor:pointer}
.hml-demo .hml-audio{width:100%;margin:var(--space-4) 0}
.hml-demo .hml-gallery{display:grid;grid-template-columns:repeat(var(--gcols,3),1fr);gap:var(--space-3);margin:var(--space-4) 0}
@media(max-width:640px){.hml-demo .hml-gallery{grid-template-columns:repeat(2,1fr)}
}
.hml-demo .hml-gallery__item{display:block;aspect-ratio:1/1;overflow:hidden;border-radius:var(--radius-md);background:var(--surface-2)}
.hml-demo .hml-gallery__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.hml-demo .hml-gallery__item:hover img{transform:scale(1.05)}
.hml-demo .hml-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;padding:24px;z-index:9999;cursor:zoom-out}
.hml-demo .hml-lightbox img{max-width:100%;max-height:100%;border-radius:var(--radius-md)}
.hml-demo .hml-feed{margin:var(--space-4) 0}
.hml-demo .hml-feed__list{list-style:none;margin:var(--space-3) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}
.hml-demo .hml-feed__item a{text-decoration:none;color:var(--text);font-family:var(--font-heading);font-weight:var(--weight-medium)}
.hml-demo .hml-feed__item a:hover{color:var(--primary)}
.hml-demo .hml-feed__date{display:block;color:var(--text-subtle);font-size:var(--text-sm);font-family:var(--font-mono);margin-top:2px}
.hml-demo .hml-feed__loading{color:var(--text-subtle);font-size:var(--text-sm)}