/* Beauty Folio Publication Header — MAAG companion v1.0.0 */
.tbfph,.tbfph *{box-sizing:border-box}
.tbfph{--bh-ink:#172630;--bh-blue:#1819a8;--bh-line:#d9dad7;--bh-paper:#fbfaf7;background:var(--bh-paper);color:var(--bh-ink);font-family:inherit;position:sticky;top:0;width:100%;z-index:850;border-bottom:1px solid var(--bh-line);box-shadow:none;transition:box-shadow .2s ease}
.tbfph.is-condensed{box-shadow:0 7px 18px rgba(12,21,28,.05)}
.tbfph a{color:inherit;text-decoration:none!important}
.tbfph a:hover{color:var(--bh-blue)}
.tbfph a:focus-visible,.tbfph button:focus-visible,.tbfph summary:focus-visible,.tbfph input:focus-visible{outline:2px solid var(--bh-blue);outline-offset:4px}
.tbfph button,.tbfph input{font:inherit}
.tbfph button{cursor:pointer}
.tbfph__wrap{width:min(100% - 88px,1440px);margin:0 auto}
.tbfph__topline{border-bottom:1px solid var(--bh-line);height:35px;overflow:hidden;transition:height .24s ease,opacity .24s ease}
.tbfph__topline-content{height:35px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.tbfph__topline-content>span,.tbfph__utility{font-size:10px;letter-spacing:.16em;font-weight:600;color:#66717a;line-height:1;text-transform:uppercase}
.tbfph__utility{display:flex;gap:26px}
.tbfph__masthead{height:107px;overflow:visible;transition:height .24s ease,opacity .24s ease}
.tbfph__masthead-row{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.tbfph__brand{display:inline-flex;align-items:center;max-width:100%;white-space:nowrap}
.tbfph__brand span{font-family:Georgia,'Times New Roman',serif;font-size:clamp(31px,3vw,51px);letter-spacing:-.066em;line-height:1.03;font-weight:400}
.tbfph__brand img{max-width:min(520px,45vw);max-height:64px;width:auto;height:auto;object-fit:contain}
.tbfph__masthead-actions{display:flex;align-items:center;justify-content:flex-end;gap:26px;flex:0 0 auto}
.tbfph__briefing{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;display:inline-flex;align-items:center;gap:13px;color:var(--bh-blue)!important;border-bottom:1px solid var(--bh-blue);padding:11px 0}
.tbfph__briefing span{font-size:16px;font-weight:400}
.tbfph__navline{height:55px;border-top:1px solid var(--bh-line);position:relative}
.tbfph__navline-row{height:100%;display:flex;align-items:center;justify-content:center;gap:0;position:relative}
.tbfph__primary{flex:0 1 auto;min-width:0}
.tbfph__list{list-style:none!important;display:flex;gap:clamp(22px,3.4vw,58px);margin:0!important;padding:0!important;align-items:center}
.tbfph__list>li{margin:0!important;padding:0!important;list-style:none!important;position:relative}
.tbfph__list>li>a,.tbfph__sectors>summary{display:inline-flex;gap:6px;align-items:center;padding:17px 0;font-size:11px;font-weight:650;letter-spacing:.11em;text-transform:uppercase;line-height:1.3;white-space:nowrap;transition:color .18s ease}
.tbfph__list>li.current-menu-item>a,.tbfph__list>li.current-menu-ancestor>a{color:var(--bh-blue)}
.tbfph__list>li>a:after{content:'';display:block;height:1px;position:absolute;left:0;right:100%;bottom:10px;background:currentColor;transition:right .2s ease}
.tbfph__list>li>a:hover:after,.tbfph__list>li>a:focus-visible:after{right:0}
.tbfph__sectors{position:relative;margin-left:clamp(22px,3.4vw,58px)}
.tbfph__sectors>summary,.tbfph__search>summary,.tbfph__mobile-sectors>summary{cursor:pointer;list-style:none}
.tbfph__sectors>summary::-webkit-details-marker,.tbfph__search>summary::-webkit-details-marker,.tbfph__mobile-sectors>summary::-webkit-details-marker{display:none}
.tbfph__sectors[open]>summary{color:var(--bh-blue)}
.tbfph__sectors-dropdown{position:absolute;z-index:30;top:calc(100% + 1px);right:-50px;width:330px;max-width:calc(100vw - 32px);padding:30px;background:var(--bh-paper);border:1px solid var(--bh-line);box-shadow:0 18px 35px rgba(15,23,31,.08)}
.tbfph__sectors-title{font-size:10px;letter-spacing:.18em;color:#6e787d;font-weight:600;margin-bottom:18px}
.tbfph__sectors-dropdown .tbfph__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 20px}
.tbfph__sectors-dropdown .tbfph__list li a{font-size:14px;letter-spacing:0;font-weight:450;text-transform:none;padding:8px 0;white-space:normal}
.tbfph__sectors-dropdown .tbfph__list li a:after{display:none}
.tbfph__brand-compact{display:none;flex:0 0 auto;margin-right:auto}
.tbfph__brand-compact span{font-size:24px}
.tbfph__brand-compact img{max-height:36px;max-width:210px}
.tbfph__navline-actions{display:none;gap:20px;margin-left:auto;align-items:center}
.tbfph__search{position:relative}
.tbfph__search>summary{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:550}
.tbfph__search>summary:hover{color:var(--bh-blue)}
.tbfph__search-form{position:absolute;top:calc(100% + 27px);right:0;background:var(--bh-paper);border:1px solid var(--bh-line);box-shadow:0 20px 42px rgba(15,23,31,.12);width:min(460px,calc(100vw - 40px));z-index:50;padding:29px}
.tbfph__search-form label{display:block;font-size:10px;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:#626e77;margin-bottom:13px}
.tbfph__search-line{display:flex;align-items:center;gap:12px;border-bottom:1px solid #16252d}
.tbfph__search-line input{padding:13px 0!important;min-height:44px;border:0!important;box-shadow:none!important;outline:none!important;background:transparent!important;color:var(--bh-ink)!important;flex:1;width:100%;min-width:0;font-size:15px;letter-spacing:0}
.tbfph__search-line button{border:0;background:transparent;padding:10px;color:var(--bh-ink);font-size:26px}
.tbfph__search-line input::placeholder{color:#69757b;opacity:1}
.tbfph__mobile-toggle,.tbfph__mobile-panel{display:none}
.tbfph.is-condensed .tbfph__topline{height:0;opacity:0}
.tbfph.is-condensed .tbfph__masthead{height:0;opacity:0;overflow:hidden}
.tbfph.is-condensed .tbfph__navline{height:63px;border-top:0}
.tbfph.is-condensed .tbfph__navline-row{justify-content:space-between}
.tbfph.is-condensed .tbfph__brand-compact,.tbfph.is-condensed .tbfph__navline-actions{display:inline-flex}
.tbfph.is-condensed .tbfph__primary{margin:auto}
.tbfph.is-condensed .tbfph__sectors{margin-left:clamp(18px,2.6vw,35px)}
.tbfph.is-condensed .tbfph__list{gap:clamp(16px,2.4vw,36px)}
.tbfph.is-condensed .tbfph__briefing-compact{font-size:10px;padding:5px 0}
@media(max-width:1100px){
 .tbfph__wrap{width:calc(100% - 60px)}
 .tbfph__masthead{height:95px}
 .tbfph__brand span{font-size:clamp(28px,3.4vw,43px)}
 .tbfph__list{gap:26px}
 .tbfph__sectors{margin-left:26px}
 .tbfph.is-condensed .tbfph__navline-actions .tbfph__briefing{display:none}
}
@media(max-width:980px){
 .tbfph{position:sticky;top:0}
 .tbfph__wrap{width:calc(100% - 38px)}
 .tbfph__topline,.tbfph__masthead,.tbfph__primary,.tbfph__sectors,.tbfph__navline-actions{display:none!important}
 .tbfph__navline{height:68px!important;border-top:0}
 .tbfph__navline-row{justify-content:space-between!important}
 .tbfph__brand-compact,.tbfph.is-condensed .tbfph__brand-compact{display:inline-flex!important}
 .tbfph__brand-compact span{font-size:clamp(21px,5.4vw,30px);letter-spacing:-.058em}
 .tbfph__brand-compact img{max-width:calc(100vw - 125px);max-height:45px}
 .tbfph__mobile-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;height:44px;background:transparent;border:0;color:var(--bh-ink);padding:8px;margin-left:8px}
 .tbfph__toggle-close{display:none}
 .tbfph.is-mobile-open .tbfph__toggle-menu{display:none}
 .tbfph.is-mobile-open .tbfph__toggle-close{display:flex}
 .tbfph__mobile-panel:not([hidden]){display:block;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:100vw;z-index:100;background:var(--bh-paper);border-top:1px solid var(--bh-line);box-shadow:0 14px 26px rgba(12,20,26,.12);max-height:calc(100dvh - 68px);overflow-y:auto;overscroll-behavior:contain}
 .tbfph__mobile-panel-inner{padding:23px 23px 45px}
 .tbfph__mobile-search{margin:0 0 22px;max-width:100%;border-bottom:1px solid var(--bh-ink);padding:0 0 9px}
 .tbfph__mobile-search label{display:block;font-size:10px;letter-spacing:.15em;font-weight:650;text-transform:uppercase;color:#65727a;margin-bottom:3px}
 .tbfph__mobile-search>div{display:flex;align-items:center;gap:14px}
 .tbfph__mobile-search input[type=search]{background:transparent!important;border:0!important;box-shadow:none!important;flex:1;min-width:0;font-size:17px;color:var(--bh-ink)!important;padding:10px 0!important}
 .tbfph__mobile-search button{background:transparent;border:0;font-size:24px;color:var(--bh-ink);padding:8px}
 .tbfph__mobile-panel .tbfph__list{display:block}
 .tbfph__mobile-panel .tbfph__list li{border-bottom:1px solid var(--bh-line)}
 .tbfph__mobile-panel .tbfph__list a{font-family:Georgia,'Times New Roman',serif;font-size:clamp(26px,6.4vw,40px);letter-spacing:-.035em;font-weight:400;text-transform:none;padding:16px 0;display:block}
 .tbfph__mobile-panel .tbfph__list a:after{display:none}
 .tbfph__mobile-sectors{border-bottom:1px solid var(--bh-line)}
 .tbfph__mobile-sectors>summary{font-family:Georgia,'Times New Roman',serif;font-size:clamp(26px,6.4vw,40px);letter-spacing:-.035em;padding:18px 0;display:flex;justify-content:space-between;align-items:center}
 .tbfph__mobile-sectors>summary span{font-family:Arial,sans-serif;font-size:24px}
 .tbfph__mobile-sectors[open]>summary span{transform:rotate(45deg)}
 .tbfph__mobile-sectors .tbfph__list{padding-bottom:18px!important}
 .tbfph__mobile-sectors .tbfph__list a{font-family:inherit;font-size:15px;letter-spacing:.02em;padding:9px 8px;font-weight:450}
 .tbfph__mobile-sectors .tbfph__list li{border:0}
 .tbfph__mobile-briefing{display:flex;justify-content:space-between;border-bottom:1px solid var(--bh-line);font-weight:650;font-size:12px;letter-spacing:.13em;padding:22px 0;text-transform:uppercase;color:var(--bh-blue)!important}
 .tbfph__mobile-utility{padding-top:32px;color:#78828a;font-weight:650;font-size:10px;letter-spacing:.12em}
 body.tbfph-mobile-open{overflow:hidden}
}
@media(max-width:400px){.tbfph__brand-compact span{font-size:21px}.tbfph__mobile-panel-inner{padding:18px 19px 36px}}
@media(prefers-reduced-motion:reduce){.tbfph,.tbfph *{transition:none!important;scroll-behavior:auto!important}}

/* v0.2.1 — MAAG site identity, native color-scheme, editorial mega navigation */
.tbfph { --bh-blue:#1700c8; --bh-paper:#fff; --bh-ink:#13151b; --bh-line:#dedee3; }
.tbfph__brand .tbf-site-logo--dark, .tbfpub .tbf-site-logo--dark { display:none; }
.tbfph__brand img.tbf-site-logo { max-height:54px; max-width:min(350px,36vw);object-fit:contain; }
.tbfph__brand-compact img.tbf-site-logo { max-height:34px;max-width:185px; }
.tbfph__scheme-switch { background:transparent!important; color:var(--bh-ink)!important; border:1px solid var(--bh-line)!important; border-radius:0; display:inline-flex; gap:7px;align-items:center;min-height:32px; padding:6px 10px!important; font-size:11px!important;letter-spacing:.08em;text-transform:uppercase; }
.tbfph__scheme-switch:hover { border-color:var(--bh-blue)!important;color:var(--bh-blue)!important; }
.tbfph__scheme-switch .tbfph__scheme-sun {display:none;font-size:20px;line-height:1}
.tbfph__scheme-switch .tbfph__scheme-moon {font-size:20px;line-height:1}
.tbfph__navline-row { position:relative; }
.tbfph__primary-item.has-mega { display:flex;align-items:center;gap:5px; }
.tbfph__mega-toggle { padding:5px!important;border:0!important;background:transparent!important;font-size:15px!important;color:var(--bh-ink)!important;transition:transform .2s ease; }
.tbfph__primary-item:hover .tbfph__mega-toggle,.tbfph__primary-item:focus-within .tbfph__mega-toggle {transform:rotate(180deg);color:var(--bh-blue)!important}
.tbfph__mega {position:absolute;z-index:95;top:100%;left:0;width:100%;background:var(--bh-paper);color:var(--bh-ink);border:1px solid var(--bh-line);border-top:2px solid var(--bh-blue);box-shadow:0 25px 42px rgba(10,10,30,.13);padding:30px 36px 36px;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .18s ease, transform .18s ease,visibility .18s ease;}
.tbfph__primary-item:hover>.tbfph__mega,.tbfph__primary-item:focus-within>.tbfph__mega,.tbfph__primary-item.is-open>.tbfph__mega,.tbfph__sectors[open]>.tbfph__mega {visibility:visible;opacity:1;pointer-events:auto;transform:none;}
.tbfph__primary-item>.tbfph__mega { left:0; } /* parent replaced by positioning ancestor below */
.tbfph__primary-item.has-mega { position:static; }
.tbfph__mega-kicker {font-size:10px;font-weight:700;letter-spacing:.17em;color:var(--bh-blue);margin:0 0 20px;text-transform:uppercase;}
.tbfph__mega-grid {display:grid;grid-template-columns:minmax(220px,1fr) minmax(270px,1.05fr);gap:clamp(20px,5vw,70px);align-items:start;}
.tbfph__mega-list {list-style:none!important;padding:0!important;margin:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;}
.tbfph__mega-list>li {margin:0!important;border-bottom:1px solid var(--bh-line);min-width:0;}
.tbfph__mega-link {display:flex!important;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:13px 0!important;font-size:clamp(14px,1.28vw,18px)!important;text-transform:none!important;letter-spacing:-.015em!important;font-weight:450!important;white-space:normal!important;line-height:1.25!important;}
.tbfph__mega-link span {color:var(--bh-blue);font-size:15px;transition:transform .16s ease;}
.tbfph__mega-link:hover span,.tbfph__mega-link:focus-visible span{transform:translate(3px,-2px)}
.tbfph__mega-link:after {display:none!important;}
.tbfph__mega-preview {position:relative;overflow:hidden;aspect-ratio:1.6;background:#ededf1;min-width:0;}
.tbfph__mega-preview img {width:100%;height:100%;display:block;object-fit:cover;transition:opacity .24s ease,transform .32s ease;}
.tbfph__mega-preview.is-switching img {opacity:.22;transform:scale(1.018);}
.tbfph__mega-preview>span {position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(5,5,18,.8),transparent);color:#fff;padding:45px 19px 17px;font-size:14px;line-height:1.2;}
.tbfph__mega-placeholder {height:100%;display:grid;place-items:center;font-size:11px;letter-spacing:.22em;color:#515160;}
/* Sectors uses the same full-width editorial dropdown as primary nav. */
.tbfph__sectors {position:static;}
.tbfph__sectors-dropdown.tbfph__mega {left:0;right:auto;width:100%;max-width:none;top:100%;}
.tbfph__sectors-dropdown .tbfph__mega-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;}
.tbfph__sectors-dropdown .tbfph__mega-list a{font-size:clamp(14px,1.28vw,18px)!important;padding:13px 0!important;}
.tbfph__sectors-dropdown .tbfph__mega-link:after{display:none;}
.tbfph__mobile-theme{padding-top:22px;}
.tbfph__mobile-theme .tbfph__scheme-switch{width:auto;}
.tbfph__mobile-sub {padding:0 0 12px 18px;}
.tbfph__mobile-sub>summary {font:inherit;display:flex;justify-content:space-between;align-items:center;color:var(--bh-blue);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:7px 0;cursor:pointer;list-style:none;}
.tbfph__mobile-sub>summary::-webkit-details-marker{display:none;}
.tbfph__mobile-sub>ul{padding:0!important;margin:0!important;list-style:none!important;}
.tbfph__mobile-panel .tbfph__mobile-sub li {border:0!important;}
.tbfph__mobile-panel .tbfph__mobile-sub li a{font-family:inherit;font-size:14px!important;letter-spacing:0!important;padding:8px 0!important;}
@media(max-width:1100px) and (min-width:981px){.tbfph__mega{padding:23px 28px 27px}.tbfph__mega-grid{gap:22px}.tbfph__mega-preview{aspect-ratio:1.35}.tbfph__scheme-label{display:none}.tbfph__navline-actions{gap:9px}}
body[data-scheme="dark"] .tbfph {--bh-paper:#12131b;--bh-ink:#f2f2f7;--bh-line:#444550;--bh-blue:#8b86ff;}
body[data-scheme="dark"] .tbfph .tbf-site-logo--light {display:none;}
body[data-scheme="dark"] .tbfph .tbf-site-logo--dark {display:block;}
body[data-scheme="dark"] .tbfph__scheme-sun {display:inline;}
body[data-scheme="dark"] .tbfph__scheme-moon {display:none;}
body[data-scheme="dark"] .tbfph__topline-content>span,body[data-scheme="dark"] .tbfph__utility,body[data-scheme="dark"] .tbfph__mega-placeholder {color:#b3b3c5;}
@media(prefers-color-scheme:dark){body[data-scheme="auto"] .tbfph {--bh-paper:#12131b;--bh-ink:#f2f2f7;--bh-line:#444550;--bh-blue:#8b86ff}body[data-scheme="auto"] .tbfph .tbf-site-logo--light{display:none}body[data-scheme="auto"] .tbfph .tbf-site-logo--dark{display:block}body[data-scheme="auto"] .tbfph__scheme-sun{display:inline}body[data-scheme="auto"] .tbfph__scheme-moon{display:none}}
