/* OBYNOA: large-screen layout only. Existing mobile rules remain authoritative. */
@media screen and (min-width:1024px){
  body[data-page] #app{max-width:none;width:100%;min-height:100dvh;box-shadow:none}
  body[data-page] .top{height:80px;min-height:80px;padding:16px max(36px,calc((100vw - 1200px)/2));gap:28px}
  body[data-page] .top .name{font-size:16px;letter-spacing:.28em}
  body[data-page] .top .logo-sm{width:35px;height:35px}
  body[data-page] .top-right{margin-left:auto;gap:24px}
  body[data-page] .top-right .subtle{max-width:none;font-size:12px;white-space:nowrap}
  body[data-page] #content.main{width:100%;max-width:1200px;margin:0 auto;padding:42px 36px 64px;flex:1;background:transparent}
  body[data-page] .bottombar{width:100%;padding:12px max(36px,calc((100vw - 1000px)/2));gap:12px;background:#fffefa!important}
  body[data-page] .bottombar .nav{min-height:52px;border-radius:12px;transition:background .15s}
  body[data-page] .bottombar .nav:hover,body[data-page] .bottombar .nav:focus-visible{background:#263e3210}
  body[data-page] .bottombar .nav svg{width:25px;height:25px}
  body[data-page] .bottombar .nav span{font-size:12px}
  body[data-page] .section-title{font-size:42px;line-height:1.15;max-width:1000px}
  body[data-page] .lead{max-width:850px;font-size:19px;line-height:1.6}
  body[data-page] .eyebrow{font-size:12px;letter-spacing:.18em}
  body[data-page] .card,body[data-page] .world-feature{padding:28px}
  body[data-page] .card p,body[data-page] .world-feature p{font-size:16px;line-height:1.65}
  body[data-page] .world-feature p{max-width:78ch}
  body[data-page] .filters,body[data-page] .knowledge-tabs{gap:12px;flex-wrap:wrap}
  body[data-page] #more-news{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
  body[data-page] #more-news>.more-news-title,body[data-page] #more-news>.filters,body[data-page] #more-news>.notice{grid-column:1/-1}
  body[data-page] #more-news>.card{margin:0!important;min-width:0}
  body[data-page] .world-map-viz{min-height:360px}
  body[data-page] .world-mission-details p{max-width:78ch}
  body[data-page="home"] #content.main{max-width:1280px;padding:24px 40px 40px}
  body[data-page="home"] .home-hero{padding:18px 0 28px!important}
  body[data-page="home"] .hero-brand{gap:10px}
  body[data-page="home"] .hero-brand .hero-logo{width:72px!important;height:72px!important}
  body[data-page="home"] .hero-brand .hero-word{font-size:32px!important;letter-spacing:.27em!important}
  body[data-page="home"] .hero-tag{font-size:10px!important;margin-top:8px!important;letter-spacing:.18em!important}
  body[data-page="home"] .tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:12px}
  body[data-page="home"] .tile{height:220px;min-height:220px;padding:24px 22px 28px;border-radius:24px}
  body[data-page="home"] .tile svg{width:32px;height:32px}
  body[data-page="home"] .tile .tag{font-size:11px;letter-spacing:.14em;margin-top:24px}
  body[data-page="home"] .tile .line{font-size:20px;line-height:1.35;margin-top:9px}
  body[data-page="home"] .tile .arrow{font-size:0;right:22px;bottom:24px;width:18px;height:18px}
  body[data-page="home"] .tile .arrow::before{content:"";position:absolute;right:1px;top:1px;width:13px;height:13px;border-top:2px solid currentColor;border-right:2px solid currentColor}
  body[data-page="home"] .tile .arrow::after{content:"";position:absolute;left:0;bottom:2px;width:20px;border-top:2px solid currentColor;transform:rotate(-45deg);transform-origin:left center}
  body[data-page="home"] .tile:hover{transform:translateY(-3px);box-shadow:0 8px 22px #283e3214}
  body[data-page="home"] .why-link{margin:24px 0 16px}
  body[data-page="home"] .why-link a{font-size:13px;padding:11px 26px}
  body[data-page="home"] .entry-actions{width:380px;max-width:100%;margin:0 auto 12px}
  body[data-page="home"] .entry-actions .pill{min-height:48px;font-size:15px}
  body[data-page="home"] .persist{font-size:12px;max-width:760px;margin:10px auto}
  body[data-page="home"] .note{font-size:11px;line-height:1.55;max-width:760px;margin:8px auto 0}
  body[data-page="atlas"] .card,body[data-page="atlas"] .notice{max-width:900px;margin-left:auto;margin-right:auto}
  body[data-page="talk"] #content.main,body[data-page="think"] #content.main,body[data-page="account"] #content.main,body[data-page="invitation"] #content.main{max-width:1000px}
}
@media screen and (min-width:1600px){
  body[data-page="home"] #content.main{padding-top:48px}
  body[data-page="home"] .home-hero{padding-bottom:40px!important}
  body[data-page="home"] .tile{height:245px;min-height:245px}
}
@media screen and (min-width:1024px) and (prefers-reduced-motion:reduce){
  body[data-page="home"] .tile:hover{transform:none}
}
/* Opening screen: fluid cartouches on wide windows, original mobile composition. */
@media screen and (min-width:1024px){
  #obynoa-intro .intro-content{width:min(90vw,1280px);min-height:100dvh;padding:clamp(24px,4vh,48px) 32px;justify-content:center;gap:clamp(24px,4vh,44px)}
  #obynoa-intro img{width:clamp(112px,16vh,170px);height:clamp(112px,16vh,170px)}
  #obynoa-intro .intro-word{font-size:clamp(40px,4vw,58px);margin-top:8px}
  #obynoa-intro .intro-motto{font-size:clamp(12px,1.2vw,17px);margin-top:10px}
  #obynoa-intro .intro-signs{width:100%;margin-top:0;padding-bottom:0}
  #obynoa-intro .intro-sign,#obynoa-intro .intro-sign--peace{font-size:clamp(21px,2.6vw,37px)!important;min-height:clamp(56px,8vh,82px);padding:12px 22px}
  #obynoa-intro .intro-sign--peace{width:93%}
  #obynoa-intro .intro-sign--actions{width:98%}
  #obynoa-intro .intro-sign--dialogue{width:90%;margin-top:10px}
  #obynoa-intro .intro-sign--disagreement{width:98%;margin-top:10px}
}
/* Intermediate windows retain two columns while using the available width. */
@media screen and (min-width:768px) and (max-width:1023px){
  body[data-page] #app{width:100%;max-width:none;box-shadow:none}
  body[data-page] #content.main{max-width:900px;margin:0 auto;padding:30px 32px 60px}
  body[data-page] .top{height:70px;padding-inline:32px}
  body[data-page="home"] #content.main{padding:24px 32px 40px}
  body[data-page="home"] .tiles{gap:16px}
  body[data-page="home"] .tile{height:176px;min-height:176px;padding:20px}
  body[data-page="home"] .tile .tag{font-size:11px}
  body[data-page="home"] .tile .line{font-size:17px;line-height:1.35}
  body[data-page="home"] .entry-actions{max-width:430px;margin:16px auto 12px}
  body[data-page="home"] .note,body[data-page="home"] .persist{max-width:650px;margin:12px auto}
  #obynoa-intro .intro-content{width:90vw;padding:4vh 24px;justify-content:center;gap:32px}
  #obynoa-intro .intro-signs{margin-top:0;padding-bottom:0}
  #obynoa-intro .intro-sign,#obynoa-intro .intro-sign--peace{font-size:clamp(18px,2.5vw,27px)!important;min-height:60px;padding:12px 18px}
}
/* Account page: the same wide shell before and after authentication. */
@media screen and (min-width:768px){
  body.obynoa-account #app{width:100%;max-width:none;min-height:100dvh;margin:0;border-radius:0;box-shadow:none;overflow:visible}
  body.obynoa-account .app-shell{min-height:100dvh}
  body.obynoa-account .header{width:100%;padding:20px max(32px,calc((100vw - 920px)/2));background:#fff!important}
  body.obynoa-account .content{width:100%;max-width:1000px;margin:0 auto;padding:42px 40px 90px}
  body.obynoa-account .cercle-intro,body.obynoa-account .cercle-form,body.obynoa-account .cercle-welcome,body.obynoa-account .cercle-actions,body.obynoa-account .content>.card{max-width:760px;margin-left:auto!important;margin-right:auto!important}
  body.obynoa-account .cercle-intro h1{font-size:clamp(36px,4vw,52px);line-height:1.14}
  body.obynoa-account .cercle-intro .lead{font-size:18px;line-height:1.6;max-width:720px}
  body.obynoa-account .cercle-form{padding:26px 30px}
  body.obynoa-account .cercle-form input[type=email],body.obynoa-account .cercle-form input[type=text]{min-height:48px;font-size:16px}
  body.obynoa-account .footer-nav{width:100%;max-width:none;padding:12px max(32px,calc((100vw - 1000px)/2));background:#fff!important}
}