/* NIB 4.1: hierarquia, margens e retorno no cabeçalho mobile. */
body>header>.mobile-backbar{display:none}
@media(max-width:820px){
 body>header{min-height:72px;padding:12px 18px;gap:14px;align-items:center}
 body>header>.mobile-backbar{display:flex;flex:0 0 auto;margin:0;padding:0}
 body>header>.mobile-backbar>a{min-height:44px;padding:10px 16px;background:#fff;border:1px solid #a5b5c7;border-radius:999px;font-size:.8125rem;font-weight:600;line-height:1.25;letter-spacing:.025em;white-space:nowrap;text-align:center;color:#041e42;text-decoration:none}
 body>header>.mobile-backbar>a:hover{background:#ebebdf;color:#041e42}
 body>header>.mobile-backbar~.brand{margin-left:auto}
 body>header>.mobile-backbar~.brand .brand-logo{width:50px;height:34px}
 body>header>.mobile-backbar~.brand{gap:10px;font-size:.9375rem}
 body>header>.mobile-backbar~.brand>span{padding-left:10px}
 body>header>.mobile-backbar~.brand small{font-size:.625rem}
 body>.layout>main,body>main.catalog-main{padding:24px 18px 32px;min-width:0}
 body>.layout>main h1,body>main.catalog-main h1{font-size:clamp(1.75rem,7vw,2rem);line-height:1.16;letter-spacing:-.025em;text-align:left;text-wrap:balance;overflow-wrap:break-word;margin:8px 0 12px}
 body>.layout>main .lead,body>main.catalog-main .lead{font-size:1rem;line-height:1.6;text-align:left;text-wrap:pretty;margin:0 0 24px;max-width:54ch;color:#536176}
 main .eyebrow{font-size:.6875rem;line-height:1.5;letter-spacing:.14em;display:block;text-align:left}
 main h2,main h3,main label,main .note,main .registration,main .event-content p{text-align:left;overflow-wrap:break-word}
 main .button,main button{text-align:center;line-height:1.35}
 body>.layout>main>.catalog-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 20px;align-items:stretch}
 body>.layout>main>.catalog-toolbar>.button{min-height:48px;padding:10px 12px;font-size:.9375rem;line-height:1.3;width:100%;min-width:0;white-space:normal}
 main .overview-strip{margin:22px 0 24px;padding:18px 0}
 main .overview-strip>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;padding:0 10px;text-align:center;min-width:0}
 main .overview-strip strong{font-size:1.8rem;line-height:1.1;margin:0;font-variant-numeric:tabular-nums}
 main .overview-strip span{font-size:.8125rem;line-height:1.35;max-width:105px;margin:0;text-align:center;text-wrap:balance}
 main .section-heading{margin:0;align-items:center}
 main .section-heading h2{font-size:1.25rem;line-height:1.3;margin:0;text-align:left}
 main .title-row{gap:14px;align-items:flex-start}
 main .title-row>div{min-width:0;flex:1 1 100%}
 main .title-row>.button{min-height:44px;margin:0;font-size:.875rem}
 main .stats strong,main .stats span{text-align:center}
 main .stats span{display:block;line-height:1.4}
 main .event-summary-metrics,main .event-summary-metrics dt,main .event-summary-metrics dd{text-align:center}
 .catalog-main .catalog-toolbar{margin:20px 0;align-items:stretch}
 .catalog-main .catalog-toolbar>.button{min-height:48px}
 .catalog-main .catalog-row{padding:20px;gap:16px}
 .catalog-main .catalog-row h2{text-wrap:balance;line-height:1.3}
 .catalog-main .catalog-row p{text-wrap:pretty;overflow-wrap:break-word}
 .catalog-main .editor-grid{gap:0 18px}
 .catalog-main .event-editor .panel{padding:20px}
 main input,main select,main textarea{max-width:100%;min-width:0;text-align:left}
 main .tabs{gap:6px;row-gap:8px;margin:22px 0 20px}
 main .tabs a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
 body>footer{text-align:center;padding:16px 18px;line-height:1.5}
}
@media(max-width:360px){
 body>header{padding-left:14px;padding-right:14px;gap:10px}
 body>header>.mobile-backbar>a{padding-left:13px;padding-right:13px}
 body>header>.mobile-backbar~.brand .brand-logo{width:42px}
 body>header>.mobile-backbar~.brand{gap:8px;font-size:.875rem}
 body>header>.mobile-backbar~.brand>span{padding-left:8px}
 body>.layout>main,body>main.catalog-main{padding-left:16px;padding-right:16px}
 body>.layout>main>.catalog-toolbar>.button{font-size:.875rem;padding-left:10px;padding-right:10px}
 main .overview-strip>div{padding-left:7px;padding-right:7px}
 main .overview-strip span{font-size:.75rem}
}