/* Isolated concept components. All color and type roles follow Styleguide E. */
.version-toolbar{display:flex;justify-content:center;align-items:center;padding:8px 6%;background:#f3e9da;color:#123e40;border-bottom:1px solid #123e40}
.version-toolbar .phase-switch{max-width:100%;gap:2px}
.version-toolbar .phase-switch button{min-width:72px;min-height:44px;padding:8px 16px;font-weight:700}
.page-preview .hero-copy{padding-top:0!important}
.page-preview .nav-panel .nav-pending{display:flex;align-items:center;min-height:44px;padding:13px 10px;font-size:13px;color:inherit;white-space:normal;line-height:1.5}
.page-preview .pending-link{cursor:default}
.page-preview .nav-group summary{min-height:44px}
.page-preview{--paper:#f3e9da;--ink:#123e40;--muted:#246367;color:#123e40}
.page-preview [hidden]{display:none!important}
.preview-bar{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:12px 4.5%;background:#f3e9da;color:#123e40;border-bottom:1px solid #123e40;font-size:11px;line-height:1.5}
.preview-bar>div:first-child{display:flex;flex-direction:column}.preview-bar b{font-size:12px}.preview-bar>a{font-weight:bold;min-height:44px;display:flex;align-items:center;gap:12px}
.phase-switch{display:flex;border:1px solid #123e40;padding:3px;gap:2px;flex-shrink:0}.phase-switch button{background:transparent;color:#123e40;border:0;min-height:44px;padding:8px 12px;font-size:12px;cursor:pointer}.phase-switch [aria-pressed=true]{background:#123e40;color:#f3e9da}
.page-preview .site-header{gap:24px}.page-preview .main-nav{gap:24px}.page-preview .nav-group{font-size:12px}.page-preview .nav-panel{max-width:min(340px,90vw)}.page-preview .nav-group:last-child .nav-panel{left:auto;right:0}.page-preview .nav-panel small{margin-left:16px;font-size:10px}.page-preview .nav-panel a{min-height:44px;font-size:13px}
.page-preview a:focus-visible,.page-preview button:focus-visible,.page-preview summary:focus-visible{outline:3px solid #b93e29;outline-offset:4px}.page-preview :is(.site-header,.hero,.onpage-strip,.month-module) :focus-visible{outline-color:#f3e9da}.page-preview .skip-link:focus-visible{outline-color:#123e40}
.page-preview .hero{position:relative}.concept-label{display:flex;align-items:center;gap:6px;margin-bottom:24px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:bold}.concept-label span{padding:5px 8px;border:1px solid currentColor}.page-preview .hero>.concept-label{position:absolute;top:22px;left:4.5%;color:#f3e9da;margin:0;z-index:3}.page-preview .hero-copy{padding-top:24px}.page-preview .hero-description{max-width:390px;font-size:16px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.page-preview .hero-actions .join-button{cursor:not-allowed;background:#edb94c;color:#123e40;opacity:1;min-width:180px;min-height:54px}.secondary-link{font-size:14px;font-weight:700;min-height:44px;display:inline-flex;align-items:center;gap:12px;text-underline-offset:5px}.join-note{display:block;color:#f3e9da;font-size:11px;margin-top:16px;line-height:1.5;max-width:350px}
.month-sticker{position:absolute;right:6%;bottom:38px;z-index:3;display:flex;flex-direction:column;gap:12px;background:#edb94c;color:#123e40;padding:22px 26px;box-shadow:6px 6px 0 #f3e9da;text-decoration:none;transform:rotate(-3deg)}.month-sticker>span{font-size:11px;font-weight:bold}.month-sticker b{font:400 31px/1.05 Impact,'Arial Narrow',sans-serif;text-transform:uppercase}.month-sticker i{font-size:22px;font-style:normal;margin-left:14px}.month-sticker:hover{transform:rotate(0)}
.page-preview .onpage-links{gap:24px}.page-preview .onpage-links a{font-size:12px}.page-preview .onpage-join{min-height:48px}
.home-section{padding:72px 5% 80px}.section-inner{max-width:1440px;margin:auto}.section-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:end;margin-bottom:36px}.home-section .eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:18px}.home-section h2{font:400 clamp(42px,4.3vw,66px)/1.05 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.005em;margin-bottom:0}.home-section h2 em{font-style:normal;color:inherit}.section-intro{font-size:16px;line-height:1.7;max-width:570px}.section-intro p:last-child{margin-bottom:0}.home-section h3{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.005em}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;font-size:14px;font-weight:bold;line-height:1.4;text-decoration:underline;text-underline-offset:5px}.text-link:hover{text-decoration-thickness:2px}.text-link>span{font-size:22px;font-weight:400}.outline-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;border:2px solid currentColor;background:transparent;color:inherit;padding:12px 18px;text-decoration:none;font-size:14px;font-weight:bold;line-height:1.4;cursor:pointer}.outline-link:hover{background:#123e40;color:#f3e9da;border-color:#123e40}.sample-note,.source-note{font-size:12px;line-height:1.6}.sample-note{margin-bottom:16px}.source-note{margin:24px 0 0}.page-preview .berlin-section{background:#f3e9da}.page-preview .berlin-values{margin-top:0}.page-preview .berlin-values article{display:flex;flex-direction:column;align-items:flex-start}.page-preview .berlin-values h3{font-size:30px}.page-preview .berlin-values p{font-size:15px;line-height:1.6;max-width:340px;flex:1}.page-preview .berlin-values .text-link{margin-top:20px;color:inherit}.page-preview .value-number{font-size:10px}.page-preview .value-symbol{align-self:flex-end;margin-bottom:-30px}.feed-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:64px 0 24px;padding-top:32px;border-top:1px solid #123e40}.feed-heading h3{font-size:36px;margin:0 0 8px}.feed-heading .sample-note{margin:0}.feed-heading>.outline-link{flex-shrink:0}
.event-grid,.private-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.event-card{border:1px solid #123e40;background:#f3e9da;padding:28px;box-shadow:4px 4px 0 #86aaa5;display:flex;flex-direction:column;align-items:flex-start}.event-meta{display:flex;gap:16px;align-items:center;font-size:12px;line-height:1.6;margin-bottom:24px}.day-tile{background:#123e40;color:#f3e9da;min-width:64px;padding:10px;text-align:center;font:bold 20px/1.4 Arial,sans-serif}.day-tile small{display:block;font-size:12px;font-weight:normal}.event-card h3,.private-card h3{font-size:28px;line-height:1.15;margin-bottom:16px}.event-card p,.private-card p{font-size:15px;line-height:1.6}.event-card p:not(.card-foot){flex:1}.card-tag{display:inline-block;font-size:11px;line-height:1.5;padding:5px 9px;background:#d6e5e1;color:#123e40}.event-card .card-foot,.private-card .card-foot{font-size:11px;margin:16px 0 8px}.event-card .text-link{width:100%}
.private-section{background:#d6e5e1;border-top:1px solid #86aaa5}.private-card{background:#f3e9da;color:#123e40;padding:28px;border:1px solid #123e40;box-shadow:4px 4px 0 #123e40}.private-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.game-token{display:grid;place-items:center;background:#123e40;color:#edb94c;width:56px;height:56px;font-size:36px}.private-card .card-tag{background:#edb94c}.private-card .text-link{width:100%}.section-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:36px}
.discovery-section{background:#edb94c}.discovery-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:40px;align-items:start}.module-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.module-heading h3{font-size:30px;margin:0}.phase-tag{display:inline-block;border:1px solid currentColor;padding:5px 8px;font-size:10px;flex-shrink:0}.mag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mag-card{background:#f3e9da;border:1px solid #123e40;box-shadow:4px 4px 0 #123e40;display:flex;flex-direction:column}.mag-art{height:130px;position:relative;overflow:hidden;background:#86aaa5;display:grid;place-items:center;color:#123e40;border-bottom:1px solid #123e40}.mag-art>span{font-size:78px;line-height:1;z-index:1}.mag-art i{position:absolute;inset:20px;border:2px solid currentColor;transform:rotate(-12deg)}.art-1{background:#123e40;color:#edb94c}.art-2{background:#d6e5e1}.art-2 i{transform:rotate(12deg)}.mag-copy{padding:20px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.card-kicker{font-size:10px;line-height:1.6;font-weight:bold;text-transform:uppercase;letter-spacing:.06em}.mag-copy h3{font-size:25px;line-height:1.1;margin:16px 0}.mag-copy p{font-size:14px;line-height:1.6;flex:1}.mag-copy .text-link{font-size:12px;gap:12px}.magazine-all{margin-top:24px}.month-module{background:#123e40;color:#f3e9da;padding:30px;box-shadow:5px 5px 0 #f3e9da}.month-module h3{font-size:40px;line-height:1.05;margin-bottom:16px;color:#edb94c}.month-module .sample-note{color:#f3e9da}.ranking{list-style:none;padding:0;margin:26px 0}.ranking li{display:flex;gap:18px;align-items:center;padding:18px 0;border-top:1px solid #f3e9da}.ranking li:last-child{border-bottom:1px solid #f3e9da}.ranking li>span{font:400 38px/1 Impact,'Arial Narrow',sans-serif;color:#edb94c}.ranking b{font-size:18px}.ranking small{display:block;font-size:11px;line-height:1.5;margin-top:6px}.month-module .outline-link{font-size:12px;width:100%}.month-module .outline-link:hover{background:#f3e9da;color:#123e40;border-color:#f3e9da}.vote-link{font-size:12px;margin-top:14px}.page-preview[data-preview-phase="2"] .discovery-grid{grid-template-columns:1fr}.page-preview[data-preview-phase="2"] .month-module{max-width:800px}.page-preview[data-preview-phase="2"] .ranking{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.page-preview[data-preview-phase="2"] .ranking li:last-child{border-bottom:0}
.page-preview .final-community{background:#f3e9da;padding:72px 5% 80px}.community-facts{display:flex;gap:12px;flex-wrap:wrap;margin:36px 0 48px}.community-facts span{padding:12px 16px;background:#d6e5e1;border:1px solid #123e40;font-size:12px}.join-panel{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#123e40;color:#f3e9da;padding:48px;box-shadow:6px 6px 0 #86aaa5}.join-panel h3{font-size:48px;line-height:1.05;margin-bottom:24px}.join-panel>div>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:440px}.join-panel .eyebrow{color:#edb94c}.join-steps ol{padding:0;list-style:none;counter-reset:join;margin:0 0 28px}.join-steps li{counter-increment:join;padding:0 0 24px 44px;position:relative}.join-steps li:before{content:counter(join,decimal-leading-zero);position:absolute;left:0;top:0;font:400 27px/1 Impact,'Arial Narrow',sans-serif;color:#edb94c}.join-steps b{display:block;font-size:16px;margin-bottom:8px}.join-steps li span{display:block;font-size:14px;line-height:1.6}.page-preview .join-steps .join-button{background:#edb94c;color:#123e40;opacity:1;min-height:48px}.join-steps .sample-note{margin:20px 0 0;max-width:390px}.community-more{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-top:36px;font-size:14px}.page-preview .site-footer{background:#d6e5e1;color:#123e40}.page-preview .site-footer .text-link{font-size:12px}.page-preview .site-footer>p{color:#123e40}.page-preview .footer-links{flex-wrap:wrap;gap:20px}
.page-preview dialog{border:2px solid #123e40;background:#f3e9da;color:#123e40;padding:40px;max-width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:8px 8px 0 #86aaa5}.page-preview dialog::backdrop{background:#123e40b3}.page-preview dialog h2{font:400 36px/1.1 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;margin-bottom:24px}.page-preview dialog p{font-size:16px;line-height:1.7}.page-preview dialog .eyebrow,.page-preview dialog .sample-note{font-size:12px}.dialog-close{position:absolute;right:10px;top:10px;border:0;background:transparent;color:#123e40;font-size:28px;width:44px;height:44px;cursor:pointer}.page-preview dialog .outline-link{margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript-note{padding:24px}
@media(max-width:1200px){.page-preview .site-header{gap:18px}.page-preview .main-nav{gap:18px}.page-preview .nav-group{font-size:11px}.discovery-grid{grid-template-columns:1fr}.month-module{max-width:none}.ranking{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ranking li:last-child{border-bottom:0}.month-module h3 br{display:none}.month-module .outline-link{width:auto}.vote-link{margin-left:24px}.event-card,.private-card{padding:24px}.preview-bar{gap:12px}.preview-bar>div:first-child span{max-width:300px}}
@media(max-width:1050px) and (min-width:901px){.page-preview .brand{font-size:10px;gap:8px}.page-preview .main-nav{gap:13px}.page-preview .nav-group{font-size:10px}.page-preview .site-header{gap:12px}.page-preview .onpage-links{gap:16px}.page-preview .onpage-links a{font-size:11px}}
@media(max-width:900px){.preview-bar{flex-wrap:wrap;padding:12px 5%}.preview-bar>div:first-child{flex:1;min-width:240px}.preview-bar>a{font-size:11px;min-height:32px}.phase-switch button{min-height:44px}.page-preview .main-nav{width:100%;gap:0}.page-preview .nav-group{font-size:14px}.page-preview .main-nav .nav-panel{max-width:none}.page-preview .main-nav .nav-group:last-child .nav-panel{position:static}.page-preview .hero{height:790px;min-height:790px;padding:60px 7% 340px}.page-preview .hero>.concept-label{top:18px;left:7%}.page-preview .hero-copy{padding-top:0;max-width:570px}.page-preview .hero-description{max-width:460px}.page-preview .hero-art{inset:480px 0 0}.month-sticker{right:7%;bottom:28px;padding:18px 22px}.month-sticker b{font-size:28px}.home-section,.page-preview .final-community{padding:56px 7% 64px}.section-heading{grid-template-columns:1fr;gap:24px}.section-intro{max-width:650px}.section-heading h2{font-size:52px}.page-preview .berlin-values{grid-template-columns:repeat(3,minmax(0,1fr))}.page-preview .berlin-values article{padding:24px 20px}.page-preview .berlin-values h3{font-size:25px}.page-preview .berlin-values p{font-size:14px}.page-preview .berlin-values .text-link{font-size:12px;gap:8px}.event-grid,.private-grid{grid-template-columns:1fr;gap:20px}.event-card{display:grid;grid-template-columns:180px 1fr;column-gap:24px;align-items:start}.event-meta{grid-row:1/4}.event-card h3{margin-bottom:12px}.event-card p{margin-bottom:12px}.event-card .card-tag,.event-card .card-foot,.event-card .text-link{grid-column:2;justify-self:start}.event-card .card-foot{margin-top:10px}.private-card{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.private-card-top{grid-column:1/-1}.private-card h3{grid-column:1}.private-card p:not(.card-foot){grid-column:2;grid-row:2/4}.private-card .text-link{grid-column:2;grid-row:4}.join-panel{gap:32px;padding:36px}.join-panel h3{font-size:40px}.community-more{align-items:flex-start;flex-direction:column;gap:8px}.month-module .vote-link{margin-left:24px}.section-bottom{flex-wrap:wrap}.feed-heading{align-items:flex-start;flex-direction:column;gap:20px}}
@media(max-width:600px){.preview-bar{padding:10px 6%;gap:10px}.preview-bar>div:first-child{min-width:100%;font-size:10px}.preview-bar>div:first-child span{max-width:none}.preview-bar>a{font-size:10px;margin-left:auto}.phase-switch button{font-size:11px;padding:6px 10px}.page-preview .site-header{padding:0 6%}.page-preview .hero{height:820px;min-height:820px;padding:58px 6% 330px}.page-preview .hero>.concept-label{left:6%}.page-preview .hero h1{font-size:clamp(52px,15vw,70px);margin-bottom:20px}.page-preview .hero .eyebrow{font-size:9px;margin-bottom:18px}.page-preview .hero-description{font-size:16px;line-height:1.6;max-width:360px;margin-bottom:20px}.hero-actions{gap:14px;align-items:flex-start;flex-direction:column}.secondary-link{font-size:14px}.page-preview .hero .join-button{font-size:13px;min-height:48px;padding:12px 18px}.join-note{font-size:11px;max-width:290px;margin-top:10px}.page-preview .hero-art{inset:505px 0 0}.month-sticker{right:7%;bottom:24px;padding:16px 20px;gap:8px}.month-sticker b{font-size:27px}.month-sticker>span{font-size:10px}.home-section,.page-preview .final-community{padding:48px 6% 56px}.home-section h2{font-size:40px}.home-section .eyebrow{font-size:10px}.section-intro{font-size:16px}.concept-label{margin-bottom:24px}.page-preview .berlin-values{grid-template-columns:1fr;gap:20px}.page-preview .berlin-values article,.page-preview .berlin-values article:first-child{padding:28px}.page-preview .berlin-values h3{font-size:30px}.page-preview .berlin-values p{font-size:16px}.page-preview .berlin-values .text-link{font-size:14px}.feed-heading{margin-top:48px}.feed-heading h3{font-size:32px}.event-card{display:flex;padding:24px}.event-meta{margin-bottom:24px}.event-card h3{font-size:28px}.event-card p,.private-card p{font-size:16px}.event-card .text-link{width:100%}.private-card{display:block;padding:24px}.private-card h3{font-size:30px}.section-bottom{align-items:stretch;gap:16px}.section-bottom .text-link{font-size:13px}.mag-grid{grid-template-columns:1fr;gap:24px}.mag-art{height:160px}.mag-copy{padding:24px}.mag-copy h3{font-size:30px}.mag-copy p{font-size:16px}.mag-copy .text-link{font-size:14px}.module-heading h3{font-size:28px}.month-module{padding:26px}.month-module h3{font-size:36px}.ranking,.page-preview[data-preview-phase="2"] .ranking{display:block}.ranking li:last-child,.page-preview[data-preview-phase="2"] .ranking li:last-child{border-bottom:1px solid #f3e9da}.month-module .vote-link{margin-left:0;display:flex}.community-facts{margin:28px 0 36px;gap:8px}.community-facts span{font-size:12px;padding:10px 12px}.join-panel{grid-template-columns:1fr;padding:28px 24px;gap:28px}.join-panel h3{font-size:38px}.join-panel>div>p:not(.eyebrow){font-size:16px}.community-more .text-link{font-size:14px}.page-preview dialog{padding:54px 24px 28px}.page-preview dialog h2{font-size:30px}.page-preview .footer-links{gap:8px 24px}.page-preview .site-footer .text-link{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-preview *{transition:none!important}.month-sticker{transform:none}}