/* Lucett prototype v61: About Lucett, with a What's next view. Builds on the Network page styles. */
.a-tabs{display:flex;gap:8px;padding:22px var(--gut) 0;flex-wrap:wrap}
.a-tabs button{font:500 15px var(--sans);color:var(--ink);background:#fff;border:1px solid #c9cfe0;border-radius:32px;min-height:44px;padding:10px 20px}
.a-tabs button:hover{border-color:var(--blue)}
.a-tabs button[aria-selected="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
main{padding:0}
.a-view .n-hero{padding-top:clamp(32px,5vw,64px)}
.a-view .n-hero h1{font-size:clamp(36px,4.8vw,68px)}
.a-view:focus{outline:none}
.a-rows{padding:0 var(--gut) clamp(60px,8vw,100px)}
.a-rows .n-row:first-child{border-top:1px solid #d9dce8}
.n-row h3{font:500 17px/1.3 var(--sans);color:var(--ink);margin:1.6em 0 .5em}
.n-row h3:first-child{margin-top:0}
.a-more{max-width:1180px;margin:0 auto;padding-top:clamp(28px,4vw,44px)}
.a-more .n-link{padding-top:0;font-size:17px}
@media(max-width:820px){.n-links a{font-size:13px}.a-tabs button{flex:1}}