/* A single masthead: brand, primary navigation and search share one baseline. */
:root{--atlas-top:104px}
body>header{display:grid;grid-template-columns:clamp(72px,calc(30vw - 228px),222px) minmax(0,1fr) clamp(190px,21vw,300px);align-items:center;gap:24px;height:104px;flex:0 0 104px;padding:24px 32px 16px;border:0;background:#fff}
body>header .brand{justify-self:start;margin:0}
body>header .views{display:flex;align-items:center;justify-content:flex-start;gap:clamp(4px,1vw,20px);min-width:0;height:48px;margin:0;padding:0;border:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
body>header .views::-webkit-scrollbar{display:none}
body>header .views button{position:relative;flex:none;height:44px;padding:8px 12px;border:0;background:transparent;color:#555;font-size:18px;font-weight:500;white-space:nowrap;line-height:28px}
body>header .views button:hover{background:#f4f4f4;color:#171717}
body>header .views button.active{background:transparent;color:#171717}
body>header .views button.active::after{content:'';position:absolute;height:2px;background:#303030;bottom:0;left:12px;right:12px}
body>header .views button:focus-visible{outline-offset:-2px}
body>header .search{width:100%;max-width:none;margin:0;min-height:44px;background:#f4f4f4}
body .content-scroll{height:calc(100dvh - 388px)}
/* Collapsing the brand still leaves the main destinations available. */
body.top-collapsed{--atlas-top:0px}
body.top-collapsed>header{display:none}
body .workspace>.views button{font-size:17px}
body .workspace>.views button.active{background:#303030;color:#fff}
body.top-collapsed>header .brand,body.top-collapsed>header .search{visibility:hidden}
@media(min-width:801px) and (max-width:1100px){body>header{gap:16px;padding-left:24px;padding-right:24px}body>header .views{gap:2px}body>header .views button{font-size:17px;padding-left:9px;padding-right:9px}}
body.mobile-layout{--atlas-top:124px}
body.mobile-layout>header,body.mobile-layout.top-collapsed>header{display:grid;height:124px;flex:0 0 124px;grid-template-columns:44px minmax(0,1fr);grid-template-rows:44px 44px;gap:12px 16px;padding:16px 14px 8px}
body.mobile-layout>header .brand{grid-column:1;grid-row:1;visibility:visible}
body.mobile-layout>header .search{grid-column:2;grid-row:1;visibility:visible}
body.mobile-layout>header .views{grid-column:1/-1;grid-row:2;width:100%;height:44px;gap:8px;touch-action:pan-x;overscroll-behavior-x:contain}
body.mobile-layout>header .views button{font-size:16px;padding:8px 10px}
body>header .search{position:relative}
.global-search-results{position:absolute;right:0;top:calc(100% + 14px);width:min(580px,calc(100vw - 28px));max-height:min(70dvh,680px);overflow:auto;overscroll-behavior:contain;background:white;border:1px solid #ddd;box-shadow:0 12px 40px #0002;border-radius:0;padding:20px;z-index:120}
.global-search-results .search-summary{color:#777;font-size:13px;padding-bottom:12px}
.global-search-results section+section{margin-top:22px}.global-search-results h3{font-size:16px;margin:0 0 8px}.global-search-results h3 small{font-weight:400;color:#888;margin-left:8px}
.global-search-results .search-result{display:block;text-align:left;width:100%;border:0;padding:12px;background:white;line-height:1.6}.global-search-results .search-result:hover,.global-search-results .search-result:focus-visible{background:#f2f2f2}.search-result strong,.search-result span,.search-result small{display:block}.search-result strong{font-size:16px;font-weight:500}.search-result span,.search-result small,.global-search-results p,.global-search-results summary{font-size:13px;color:#777}.global-search-results p{padding:0 12px}.global-search-results summary{cursor:pointer;padding:10px}
body>header{position:relative;z-index:20}
.learning-question{padding:18px 20px;background:#f5f5f5;margin:20px 0 28px}.learning-question h4{margin-top:0}.learning-question p{margin-bottom:0}.learning-label{margin-top:32px;color:#777;font-size:14px;font-weight:400;letter-spacing:.08em}.learning-example,.learning-debate,.learning-reading{margin-top:30px}.learning-example{padding:20px;background:#f7f7f7}.learning-example h4{margin-top:0}.learning-example p{margin-bottom:0}.learning-debate li{margin:12px 0;line-height:1.9}.learning-reading a{display:block;margin:10px 0}