/* Public pages only. Task pages retain their compact application layout. */
.slogan{font-family:Georgia,serif;font-size:28px;margin:12px 0 24px;line-height:1.2}.release-badge{font-size:11px;color:#526363;white-space:nowrap}.hero h1{margin-bottom:0}
*{letter-spacing:0!important}h1{font-size:64px}h2{font-size:38px}.brand{font-size:24px}.brand svg{width:36px;height:36px;flex:none}.header{min-height:104px;flex-wrap:wrap;padding-block:20px}.header nav{flex-wrap:wrap}.account-actions{display:flex;gap:16px;align-items:center;font-size:14px;flex-wrap:wrap}.public-account-label{display:flex;gap:5px;align-items:baseline;white-space:nowrap}.public-account-label span{color:var(--muted);font-size:12px}.language{display:flex;gap:4px}.language button{font:inherit;border:0;border-bottom:2px solid transparent;background:transparent;padding:8px;color:var(--ink)}.language [aria-current]{border-bottom-color:var(--brand)}
[data-design=horizon] .hero{min-height:560px;max-height:none;padding:48px max(40px,calc((100% - 1280px)/2));margin-bottom:28px}
[data-design=horizon] .hero-text{background:transparent;box-shadow:none;width:min(560px,55%);padding:0;color:white;position:relative}
[data-design=horizon] .hero-photo:after{background:linear-gradient(90deg,rgba(15,29,28,.92),rgba(15,29,28,.58) 43%,transparent 78%)}
[data-design=horizon] .hero h1{font-size:58px}.hero .eyebrow,.hero .status,.hero .status a{color:white}.hero .button{background:white;color:#202D32}.intro{font-size:19px;line-height:1.6}.hero .status{max-width:46ch}.hero-photo img{object-position:65% center!important}.testimonial{margin:40px 0;padding:24px 0 24px 26px;border-left:4px solid var(--brand)}.testimonial figcaption{font-size:18px;font-weight:700;color:var(--link)}.testimonial blockquote{margin:0}.article-head h1,.docs-head h1{font-size:52px}.article-body{overflow-wrap:anywhere}.article-body h2{font-size:30px}.article-list{min-height:40vh}.roles .role{border-radius:0}.status{font-size:14px}.section{padding-block:64px}.article-toc{min-width:0}a,button{touch-action:manipulation}.prose-block p{overflow-wrap:anywhere}
@media(max-width:1050px){h1{font-size:48px}h2{font-size:32px}.header nav{margin-left:0}.header{gap:16px 24px}.account-actions{margin-left:auto}[data-design=horizon] .hero{padding:36px 32px;min-height:520px}[data-design=horizon] .hero h1{font-size:46px}[data-design=horizon] .hero-text{width:65%}.article-head h1,.docs-head h1{font-size:42px}}
@media(max-width:700px){.header{padding-block:16px}.header nav{order:3}.account-actions{margin-left:0;font-size:14px;gap:12px}.header .brand{font-size:24px}[data-design=horizon] .hero{display:flex;flex-direction:column;min-height:560px;padding:32px 20px;margin:0;max-height:none}[data-design=horizon] .hero-photo{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;z-index:-2}[data-design=horizon] .hero-photo:after{background:rgba(15,29,28,.75)}[data-design=horizon] .hero-text{margin:0;padding:0;width:100%;background:transparent}[data-design=horizon] .hero h1{font-size:40px;max-width:none}.hero .intro{font-size:18px}.article-head h1,.docs-head h1{font-size:36px}.section{padding-block:40px}.wrap{width:calc(100% - 40px)}.testimonial{padding-left:18px}.hero .status{margin-top:20px}.hero-photo img{object-position:62% center!important}}
@media print{.account-actions,.skip{display:none!important}.hero-text,.hero .eyebrow,.hero .status{color:#202D32!important}.hero{background:white!important}.hero h1{font-size:32pt!important}.article-body{font-size:11pt}}
.language-menu{border:0!important;margin:0;padding:0!important;position:relative;flex:none}
.language-menu summary{align-items:center;background:transparent;border:0;display:flex;font-size:18px;height:30px;justify-content:center;list-style:none;padding:0;width:30px}
.language-menu summary::-webkit-details-marker,.language-menu summary:after{display:none!important}
.language-menu:not([open]) .language-menu-options{display:none}
.language-menu-options{background:var(--paper);border:1px solid var(--border);border-radius:6px;box-shadow:0 10px 24px #162b2524;display:grid;min-width:170px;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:30}
.language-menu-options button{align-items:center;background:transparent;border:0;border-radius:4px;color:var(--ink);display:grid;font-size:14px;gap:8px;grid-template-columns:24px 1fr;margin:0;padding:8px 10px;text-align:left;width:100%}
.language-menu-options button:hover,.language-menu-options button[aria-current=true]{background:var(--soft)}
[data-service=fedipass] .header{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:24px;row-gap:4px;min-height:0;padding-block:0 10px}
[data-service=fedipass] .header>.brand{grid-column:1;grid-row:2}
[data-service=fedipass] .header>nav{grid-column:2;grid-row:2;justify-self:end;margin-left:0}
[data-service=fedipass] .account-actions{border-bottom:1px solid var(--border);font-size:12px;grid-column:1/-1;grid-row:1;justify-content:flex-end;margin:0;min-height:34px;padding:2px 0;width:100%}
[data-service=fedipass] .public-account-label{font-size:12px}
@media(max-width:700px){[data-service=fedipass] .header{column-gap:10px;padding-block:0 8px}[data-service=fedipass] .header>nav{grid-column:1/-1;grid-row:3;justify-self:start;margin:0;width:100%}[data-service=fedipass] .account-actions{justify-content:flex-start;gap:10px;min-height:32px}.public-account-label{white-space:normal}}
