:root{--u5-ink:#071b22;--u5-muted:#536567;--u5-line:#cbd7d6;--u5-paper:#f5f8f7;--u5-accent:#ffcb45}.u5-hero{padding:clamp(2rem,5vw,4rem) 0;background:var(--u5-ink);color:#fff}.u5-hero p,.u5-compare>div:first-child>p,.u5-sequence p{margin:0 0 .45rem;color:#b9cdcb;font-size:.78rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.u5-hero h1{max-width:780px;margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.03}.u5-hero>div>span{display:block;max-width:720px;margin-top:.8rem;color:#d7e1e0;line-height:1.55}.u5-shortcuts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}.u5-shortcuts a{border:1px solid #ffffff50;border-radius:999px;padding:.48rem .75rem;color:#fff;font-size:.85rem;font-weight:750;text-decoration:none}.u5-shortcuts a:hover,.u5-shortcuts a:focus-visible{border-color:var(--u5-accent);color:var(--u5-accent)}.u5-hero aside{max-width:720px;margin-top:1rem;border-left:4px solid var(--u5-accent);padding:.55rem .8rem;background:#ffffff0c;color:#d7e1e0;font-size:.85rem}.u5-audiences{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem;padding-block:2rem}.u5-audiences section{border:1px solid var(--u5-line);border-radius:.6rem;padding:.8rem}.u5-audiences h3{margin:0 0 .5rem;color:var(--u5-ink);font-size:.95rem}.u5-audiences section>div{display:grid;gap:.25rem}.u5-audiences a{display:flex;justify-content:space-between;gap:.5rem;color:var(--u5-muted);font-size:.78rem;line-height:1.35;text-decoration:none}.u5-audiences a:hover,.u5-audiences a:focus-visible{color:var(--u5-ink);text-decoration:underline}.u5-catalog{padding-block:1rem 4rem}.u5-group{scroll-margin-top:1rem;margin-top:2.5rem}.u5-group-title{display:flex;align-items:end;justify-content:space-between;gap:1rem;border-bottom:3px solid var(--u5-ink);padding-bottom:.6rem}.u5-group-title h2{margin:0;color:var(--u5-ink);font-size:clamp(1.5rem,3vw,2.2rem)}.u5-group-title p{margin:0;color:var(--u5-muted);font-weight:700}.u5-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.u5-card{display:flex;flex-direction:column;border:1px solid var(--u5-line);border-radius:.7rem;padding:1.1rem;background:#fff}.u5-card-tags{display:flex;flex-wrap:wrap;gap:.35rem}.u5-card-tags span{border-radius:999px;padding:.22rem .5rem;background:#fff3cc;color:#594300;font-size:.7rem;font-weight:800}.u5-card h3{margin:.8rem 0;font-size:1.22rem;line-height:1.3}.u5-card h3 a{color:var(--u5-ink);text-decoration:none}.u5-card h3 a::after{content:"";position:absolute}.u5-card dl{margin:0}.u5-card dl>div{display:grid;grid-template-columns:7.5rem 1fr;gap:.7rem;border-top:1px solid var(--u5-line);padding:.55rem 0}.u5-card dt{color:var(--u5-muted);font-size:.78rem;font-weight:800}.u5-card dd{margin:0;color:var(--u5-ink);font-size:.88rem;line-height:1.4}.u5-meta{display:flex;flex-wrap:wrap;gap:.45rem 1rem;margin-top:auto;border-top:1px solid var(--u5-line);padding-top:.7rem;color:var(--u5-muted);font-size:.78rem}.u5-open{display:flex;justify-content:space-between;margin-top:.8rem;border-radius:.45rem;padding:.65rem .75rem;background:var(--u5-ink);color:#fff;font-weight:800;text-decoration:none}.u5-compare{display:grid;grid-template-columns:.65fr 1.35fr;gap:2rem;padding-block:3.5rem;border-top:1px solid var(--u5-line)}.u5-compare h2,.u5-sequence h2{margin:0;color:var(--u5-ink);font-size:clamp(1.6rem,3vw,2.4rem)}.u5-compare>div:first-child>p,.u5-sequence p{color:var(--u5-muted)}.u5-compare-grid{display:grid;gap:.7rem}.u5-compare-grid div{border-left:4px solid var(--u5-accent);padding:.7rem 1rem;background:var(--u5-paper)}.u5-compare-grid strong{color:var(--u5-ink)}.u5-compare-grid p{margin:.25rem 0 0;color:var(--u5-muted);line-height:1.5}.u5-sequence{padding:2.5rem 0;background:var(--u5-paper)}.u5-sequence>.kp-container{display:grid;grid-template-columns:.6fr 1.4fr;gap:2rem}.u5-sequence ol{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem;margin:0;padding:0;list-style:none}.u5-sequence li{border:1px solid var(--u5-line);border-radius:.55rem;padding:.7rem;background:#fff}.u5-sequence li span{display:block;color:#946b00;font-size:.75rem;font-weight:900}.u5-sequence li a{display:block;margin-top:.3rem;color:var(--u5-ink);font-size:.84rem;font-weight:750;text-decoration:none}
@media(max-width:64rem){.u5-audiences{grid-template-columns:repeat(2,1fr)}.u5-audiences section:last-child{grid-column:1/-1}.u5-sequence>.kp-container,.u5-compare{grid-template-columns:1fr}.u5-sequence ol{grid-template-columns:repeat(3,1fr)}}
@media(max-width:40rem){.u5-hero{padding:1.5rem 0}.u5-hero h1{font-size:1.85rem}.u5-audiences,.u5-grid{grid-template-columns:1fr}.u5-audiences section:last-child{grid-column:auto}.u5-card{padding:.85rem}.u5-card dl>div{grid-template-columns:1fr;gap:.2rem}.u5-sequence ol{grid-template-columns:1fr}.u5-group-title{align-items:start}.u5-shortcuts{display:grid;grid-template-columns:1fr 1fr}.u5-shortcuts a:last-child{grid-column:1/-1;text-align:center}}
@media(max-width:20rem){.u5-shortcuts{grid-template-columns:1fr}.u5-shortcuts a:last-child{grid-column:auto;text-align:left}.u5-hero h1{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
/* Action rows use color and surface changes instead of text underlines. */
.u5-audiences a:hover,.u5-audiences a:focus-visible{color:var(--u5-ink);text-decoration:none}