/* Identité commune des en-têtes. Le footer garde sa composition indépendante. */
:root{--ta-brand-header-width:142px;--ta-brand-header-height:38px;--ta-brand-header-inset:clamp(24px,4.4vw,72px);--ta-brand-header-top:20px}
#app :is(.ta-public-navigation-header,.onboarding-header,.rg-auth>header,.sidebar-head) .brand{display:inline-flex;align-items:center;justify-self:start;align-self:start;min-height:44px;padding:0;flex-shrink:0}
#app :is(.ta-public-navigation-header,.onboarding-header,.rg-auth>header,.sidebar-head) .brand-logo{width:var(--ta-brand-header-width);height:var(--ta-brand-header-height)}
#app :is(.ta-reference-header,.ta-reference-chapter-bar) .ta-reference-brand{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0}
#app :is(.ta-reference-header,.ta-reference-chapter-bar) .ta-reference-brand img,#app .ta-artist-login__brand img,#app .auth-brand img{position:static;width:var(--ta-brand-header-width);height:var(--ta-brand-header-height);object-fit:contain;object-position:left center;transform:none;filter:none}
#app .ta-public-navigation-header{padding:var(--ta-brand-header-top) var(--ta-brand-header-inset);min-height:84px;align-items:start}
#app .ta-reference-header{top:var(--ta-brand-header-top);left:var(--ta-brand-header-inset);right:var(--ta-brand-header-inset);align-items:center}
#app :is(.ta-artist-login__brand,.auth-brand){top:var(--ta-brand-header-top);left:var(--ta-brand-header-inset);min-height:44px;align-items:center}
#app .onboarding-header{padding:var(--ta-brand-header-top) var(--ta-brand-header-inset);align-items:center}
#app .rg-auth{padding-top:0;padding-inline:var(--ta-brand-header-inset)}
#app .rg-auth>header{padding-block:var(--ta-brand-header-top);align-items:center}
#app .sidebar{padding-top:var(--ta-brand-header-top)}
#app .ta-reference-chapter-bar{padding-inline:var(--ta-brand-header-inset)}
@media(max-width:760px){:root{--ta-brand-header-width:112px;--ta-brand-header-height:30px;--ta-brand-header-inset:16px;--ta-brand-header-top:12px}#app .ta-public-navigation-header{min-height:68px}#app .rg-auth>header{gap:16px}#app .rg-auth>header>a:last-child{font-size:13px}}
/* Le parcours autonome charge les mêmes tokens que le prototype principal. */
/* Public navigation: shared search, discovery links and personal tools. */
#app .ta-public-navigation-header{grid-template-columns:auto minmax(180px,440px) minmax(max-content,1fr) auto;align-items:center;gap:32px;min-height:80px;padding-block:16px;position:sticky;top:0;z-index:30;background:#fff;color:#171714}
#app .ta-public-navigation-header>.brand{align-self:center}
#app .ta-public-navigation-header>.brand .brand-logo{width:124px;height:33px}
#app .ta-public-navigation-header>.ta-explorer__search{min-width:0;max-width:440px}
#app .ta-public-navigation-header .ta-explorer__search-field{height:44px;min-height:44px}
#app .ta-public-navigation-header>nav{display:flex;grid-column:auto;gap:12px;align-items:center;justify-content:flex-end}
#app .ta-public-navigation-header>nav button{display:inline-flex;align-items:center;min-height:44px;padding:8px;color:#171714;font:400 14px/1.4 Inter,sans-serif;white-space:nowrap}
#app .ta-public-navigation-header>nav button:hover{color:#80612e;background:transparent}
#app .ta-public-navigation-header>nav button[aria-current=page]{text-decoration:underline;text-decoration-color:#b18a32;text-underline-offset:8px}
.ta-public-navigation-header__tools{display:flex;align-items:center;gap:8px}
#app .ta-public-navigation-header__tools>button{min-height:44px;padding:8px 12px;background:transparent;border:0;color:#171714;font:400 13px/1.4 Inter,sans-serif;white-space:nowrap}
#app .ta-public-navigation-header__tools>.ta-public-login{border:1px solid #171714;border-radius:999px}
#app .ta-public-navigation-header__tools :is(.ta-public-navigation-header__icon,.icon-btn){display:inline-flex;position:relative;justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;padding:10px;border:0;border-radius:50%;background:transparent;color:#171714;text-decoration:none;cursor:pointer;flex-shrink:0}
.ta-public-navigation-header__tools svg{width:22px;height:22px;display:block;flex-shrink:0}
#app .ta-public-navigation-header__tools .ta-public-navigation-header__search-toggle{display:none}
.ta-public-navigation-header__dropdown{position:relative}
.ta-public-navigation-header__dropdown>summary{list-style:none}
.ta-public-navigation-header__dropdown>summary::-webkit-details-marker{display:none}
.ta-public-navigation-header__avatar{display:grid;place-items:center;width:44px;height:44px;overflow:hidden;border:1px solid #d6d2c8;border-radius:50%;background:#eecd6e;color:#171714;font:500 13px/1 Inter,sans-serif;cursor:pointer}
.ta-public-navigation-header__avatar img{display:block;width:100%;height:100%;object-fit:cover}
.ta-public-navigation-header__badge{position:absolute;right:0;top:0;min-width:18px;padding:2px 4px;border-radius:999px;background:#eecd6e;color:#171714;font:600 10px/1.4 Inter,sans-serif;text-align:center}
.ta-public-navigation-header__popover{position:absolute;right:0;top:calc(100% + 12px);width:280px;max-width:calc(100vw - 32px);padding:16px;background:#fff;color:#171714;border:1px solid #dedede;border-radius:16px;box-shadow:0 12px 32px #0002;z-index:60}
.ta-public-navigation-header__popover h2{margin:0 0 12px;font:500 20px/1.2 Archivo,Inter,sans-serif}
.ta-public-navigation-header__popover p{margin:0 0 8px;color:#625f58;font:400 13px/1.6 Inter,sans-serif;overflow-wrap:anywhere}
.ta-public-navigation-header__popover .ta-public-navigation-header__name{color:#171714;font-weight:500;padding-bottom:12px;border-bottom:1px solid #dedede}
#app .ta-public-navigation-header__popover :is(a,button){display:flex;align-items:center;width:100%;min-height:44px;padding:8px;border:0;border-radius:6px;background:transparent;text-decoration:none;color:#171714;font:400 14px/1.4 Inter,sans-serif;text-align:left}
#app .ta-public-navigation-header__popover :is(a,button):hover,#app .ta-public-navigation-header__tools :is(a,summary,button):hover{color:#80612e}
#app .ta-public-navigation-header :is(a,summary,button):focus-visible{outline:2px solid #80612e;outline-offset:3px}
@media(max-width:1100px){#app .ta-public-navigation-header{gap:24px;padding-inline:24px}#app .ta-public-navigation-header>.brand .brand-logo{width:112px;height:30px}#app .ta-public-navigation-header>nav{gap:4px}#app .ta-public-navigation-header__tools>.ta-public-navigation-header__register{display:none}}
@media(max-width:760px){
 #app .ta-public-navigation-header{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:10px 16px}
 #app .ta-public-navigation-header>.brand .brand-logo{width:96px;height:26px}
 #app .ta-public-navigation-header__tools{grid-column:2;grid-row:1;gap:2px}
 #app .ta-public-navigation-header__tools>.ta-public-login{padding-inline:8px;font-size:12px}
 #app .ta-public-navigation-header__tools .ta-public-navigation-header__search-toggle{display:inline-flex}
 #app .ta-public-navigation-header__tools :is(.ta-public-navigation-header__icon,.icon-btn){width:40px;padding:9px}
 #app .ta-public-navigation-header>nav{grid-column:1/-1;grid-row:3;justify-content:center}
 #app .ta-public-navigation-header>.ta-explorer__search{display:none;grid-column:1/-1;grid-row:2;margin:8px 0;max-width:none}
 #app .ta-public-navigation-header.is-search-open>.ta-explorer__search{display:block}
 .ta-public-navigation-header__popover{position:fixed;right:16px;top:66px;max-height:calc(100dvh - 90px);overflow-y:auto}
}

.ta-entry-journey{grid-template-rows:84px minmax(0,1fr)}
.ta-entry-journey .ta-entry-journey__header{height:84px;min-height:84px;padding:var(--ta-brand-header-top) var(--ta-brand-header-inset)}
.ta-entry-journey__header .ta-brand{min-height:44px;flex-shrink:0}
.ta-entry-journey__header .ta-brand img{width:var(--ta-brand-header-width);height:var(--ta-brand-header-height);object-fit:contain;object-position:left center}
@media(max-width:760px){.ta-entry-journey{grid-template-rows:68px minmax(0,1fr)}.ta-entry-journey .ta-entry-journey__header{height:68px;min-height:68px}.ta-entry-journey__header-actions{gap:12px}}