/* ===== Board feedback round 1 (Oct 2026): loaded after mhn.css ===== */

/* Atlas dropdown in the top menu */
.mainnav .has-sub{position:relative}
.mainnav .has-sub > a{display:flex;align-items:center;gap:4px}
.mainnav .caret{width:14px;height:14px}
.mainnav .subnav{display:none;position:absolute;top:100%;left:0;min-width:240px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-md);padding:8px;z-index:150}
.mainnav .has-sub:hover .subnav,.mainnav .has-sub:focus-within .subnav{display:block}
.mainnav .subnav a{font-size:.9rem;padding:9px 12px;white-space:nowrap}
.mainnav .subnav a::after{display:none!important}
@media(max-width:1100px){.mainnav a{padding:10px 9px;font-size:.9rem}}

/* Hero carousel: picture, latest news, latest notice board */
.hero-carousel{position:relative}
.hero-carousel .slide[hidden]{display:none!important}
.hero-carousel .slide.is-active{animation:slidein .45s ease}
@keyframes slidein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.hero-carousel .slide.is-active{animation:none}}
.slide-card{display:flex;flex-direction:column;justify-content:center;gap:12px;min-height:clamp(300px,34vw,420px);background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:clamp(24px,4vw,42px);text-decoration:none;color:var(--mid-grey);border-top:6px solid var(--orange)}
.slide-card:hover{text-decoration:none;box-shadow:var(--shadow-lg)}
.slide-board{border-top-color:var(--warm-grey)}
.slide-kicker{font-family:var(--font-head);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--orange)}
.slide-board .slide-kicker{color:var(--warm-grey)}
.slide-title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.18;color:var(--charcoal)}
.slide-text{font-size:1rem;color:var(--warm-grey)}
.slide-list{display:grid;gap:8px;font-size:.95rem}
.slide-list li{padding-left:18px;position:relative}
.slide-list li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--orange)}
.slide-card .more{font-family:var(--font-head);font-weight:700;color:var(--orange);display:inline-flex;align-items:center;gap:6px;margin-top:6px}
.slide-card .more svg{width:16px;height:16px}
.car-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px}
.car-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-2);background:#fff;color:var(--charcoal);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}
.car-btn:hover{border-color:var(--orange);color:var(--orange)}
.car-btn svg{width:18px;height:18px}
.car-dots{display:flex;gap:8px;align-items:center}
.car-dots button{width:11px;height:11px;border-radius:50%;border:0;padding:0;background:var(--border-2)}
.car-dots button[aria-selected="true"]{background:var(--orange);width:28px;border-radius:6px}

/* Placeholder buttons for content MHN still has to upload */
.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}

/* Members page: pointer to the Atlas */
.atlas-callout{display:flex;gap:12px;align-items:flex-start;background:var(--orange-tint);border:1px solid var(--orange-tint-2);border-radius:var(--r-sm);padding:14px 18px;margin:0 0 24px;color:var(--charcoal);font-size:.96rem}
.atlas-callout svg{width:22px;height:22px;color:var(--orange);flex-shrink:0;margin-top:1px}
.atlas-callout a{font-weight:700;text-decoration:underline}

/* Project pages with headed sections (Atlas) */
.onpage{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.onpage a{font-family:var(--font-head);font-weight:700;font-size:.86rem;border:1px solid var(--border-2);border-radius:100px;padding:7px 14px;color:var(--charcoal)}
.onpage a:hover{border-color:var(--orange);color:var(--orange);text-decoration:none}
.anchor-sec{scroll-margin-top:110px;padding-bottom:10px}
.anchor-sec h2{font-size:1.45rem;margin-top:1.2em}

/* Notice board */
.board-latest{display:grid;grid-template-columns:240px 1fr;gap:clamp(22px,4vw,44px);align-items:start;background:#fff;border:1px solid var(--border);border-radius:var(--r-md);padding:clamp(20px,3vw,32px);box-shadow:var(--shadow-sm)}
.board-sheet{aspect-ratio:1/1.414;background:linear-gradient(180deg,var(--orange) 0 22%,#fff 22%);border:1px solid var(--border);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:9px;box-shadow:var(--shadow-md)}
.bs-top{color:#fff;font-family:var(--font-head);font-weight:800;font-size:.9rem;letter-spacing:.04em}
.bs-date{color:#fff;font-size:.72rem;margin-bottom:22px}
.bs-line{height:8px;border-radius:4px;background:var(--grey-tint)}
.bs-line.s{width:65%}
.board-body h2{font-size:clamp(1.4rem,2.6vw,1.8rem)}
.board-body h3{font-size:1.02rem;margin-top:18px}
.board-quote{font-style:italic;color:var(--warm-grey);border-left:4px solid var(--orange-light);padding-left:14px}
.ticks{display:grid;gap:9px;margin-bottom:20px}
.ticks li{position:relative;padding-left:26px}
.ticks li::before{content:"";position:absolute;left:0;top:.35em;width:14px;height:8px;border-left:3px solid var(--orange);border-bottom:3px solid var(--orange);transform:rotate(-45deg)}
.board-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0}
.board-past-h{font-size:1.35rem;margin:44px 0 14px}
.board-list li{display:grid;grid-template-columns:170px 1fr auto;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--border);font-size:.93rem}
.bl-date{font-family:var(--font-head);font-weight:700;color:var(--charcoal)}
.bl-pending{color:var(--light-grey);font-size:.85rem}

/* Events calendar: Monday-first month grid like the current site, plus search */
.cal-filters{display:grid;grid-template-columns:180px 1fr 1fr auto;gap:16px;align-items:end;margin-bottom:26px}
.cal-filters .field{display:flex;flex-direction:column;gap:6px;min-width:0}
.cal-filters label,.cal-filters .lbl{font-family:var(--font-head);font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--warm-grey)}
.cal-filters input,.cal-filters select{border:1px solid var(--border-2);border-radius:12px;padding:11px 14px;font-family:inherit;font-size:.95rem;color:var(--charcoal);background:#fff;width:100%;min-width:0}
.seg{display:inline-flex;border:1px solid var(--border-2);border-radius:12px;overflow:hidden}
.seg button{border:0;background:#fff;padding:11px 16px;font-family:var(--font-head);font-weight:700;font-size:.9rem;color:var(--warm-grey)}
.seg button[aria-pressed="true"]{background:var(--orange);color:#fff}
.cal-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.cal-head h2{font-size:clamp(1.15rem,2.4vw,1.6rem);margin:0;flex:1;text-align:center}
.cal-grid{border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}
.cal-grid[hidden],.cal-list2[hidden],.cal-empty[hidden]{display:none}
.cal-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.cal-dow div{background:var(--orange);color:#fff;font-family:var(--font-head);font-weight:800;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;text-align:center;padding:8px 4px}
.cal-dow .short{display:none}
.cal-cell{min-height:118px;border-top:1px solid var(--border);border-left:1px solid var(--border);padding:6px 7px 8px;display:flex;flex-direction:column;gap:5px;background:#fff;min-width:0}
.cal-row .cal-cell:first-child{border-left:0}
.cal-cell.other{background:var(--paper)}
.cal-cell.other .cal-num,.cal-cell.other .cal-ev{opacity:.5}
.cal-num{font-family:var(--font-head);font-weight:800;font-size:.8rem;color:var(--warm-grey)}
.cal-cell.today .cal-num{background:var(--orange);color:#fff;border-radius:6px;padding:1px 7px;align-self:flex-start}
.cal-cell.picked{box-shadow:inset 0 0 0 2px var(--orange)}
.cal-ev{display:block;font-size:.76rem;line-height:1.3;color:var(--charcoal);background:var(--orange-tint);border-left:3px solid var(--orange);border-radius:4px;padding:4px 6px}
.cal-ev span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.cal-ev:hover{background:var(--orange-tint-2);text-decoration:none}
.cal-list2{display:grid;gap:14px}
.cal-list2 .ecard{max-width:none;margin:0}
.cal-list2 .einfo{min-width:0}
.cal-list2 .einfo h3{font-size:1.08rem;margin:8px 0 4px}
.eorg{font-family:var(--font-head);font-weight:700;color:var(--orange);font-size:.88rem;margin:0 0 4px}
.cal-empty{color:var(--warm-grey);margin-top:16px}
.cal-note{font-size:.86rem;color:var(--warm-grey);margin-top:20px}
@media(max-width:900px){.cal-filters{grid-template-columns:1fr 1fr}}

/* History timeline: 2026 down to 2007, each year expands */
.tl-years{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:30px}
.tl-years a{font-family:var(--font-head);font-weight:700;font-size:.82rem;border:1px solid var(--border-2);border-radius:100px;padding:5px 11px;color:var(--charcoal)}
.tl-years a:hover{border-color:var(--orange);color:var(--orange);text-decoration:none}
.tl-years a.empty{color:var(--light-grey);border-style:dashed}
.timeline{position:relative;max-width:820px;padding-left:34px}
.timeline::before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:3px;background:var(--orange-tint-2);border-radius:3px}
.tl-year{position:relative;margin-bottom:14px;scroll-margin-top:110px}
.tl-year::before{content:"";position:absolute;left:-32px;top:17px;width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid var(--orange)}
.tl-year details{background:#fff;border:1px solid var(--border);border-radius:var(--r-sm)}
.tl-year summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:12px 16px}
.tl-year summary::-webkit-details-marker{display:none}
.tl-year summary .y{font-family:var(--font-display);font-weight:800;font-size:1.35rem;color:var(--orange);min-width:62px}
.tl-year summary .t{flex:1;color:var(--charcoal);font-weight:600;font-size:.95rem}
.tl-year summary .n{font-size:.78rem;color:var(--light-grey);white-space:nowrap}
.tl-year summary::after{content:"+";font-weight:800;font-size:1.3rem;color:var(--warm-grey)}
.tl-year details[open] summary::after{content:"\2013"}
.tl-items{padding:0 16px 16px 92px;display:grid;gap:14px}
.tl-items h3{font-size:1rem;margin:0 0 2px}
.tl-items .d{font-size:.78rem;color:var(--light-grey);font-weight:700;font-family:var(--font-head)}
.tl-items p{margin:0;font-size:.93rem;color:var(--warm-grey)}
.tl-year.pending summary .t{color:var(--light-grey);font-style:italic;font-weight:400}

/* ===== Mobile tidy-up ===== */
/* float-chip was meant to hide on phones, but a more specific rule kept it visible over the hero */
.hero-art .float-chip{display:none}
@media(max-width:860px){
  #navtoggle:checked ~ .mainnav{max-height:calc(100vh - 120px);overflow-y:auto}
  .mainnav .has-sub:hover .subnav,.mainnav .has-sub:focus-within .subnav{display:none}
  #navtoggle:checked ~ .mainnav .subnav,#navtoggle:checked ~ .mainnav .has-sub:hover .subnav{display:block;position:static;box-shadow:none;border:0;padding:0 0 4px 14px;min-width:0}
  #navtoggle:checked ~ .mainnav .subnav a{font-size:.88rem;padding:9px 12px;color:var(--warm-grey);white-space:normal}
}
@media(max-width:700px){
  /* About / News tabs scroll sideways instead of stacking into a cluttered block */
  .tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter));padding:0 var(--gutter)}
  .tabs::-webkit-scrollbar{display:none}
  .tabs a{white-space:nowrap;flex-shrink:0;padding:12px}
  .board-latest{grid-template-columns:1fr}
  .board-sheet{max-width:160px}
  .board-list li{grid-template-columns:1fr;gap:4px}
  .cal-filters{grid-template-columns:1fr}
  .cal-dow .full{display:none}.cal-dow .short{display:inline}
  .cal-cell{min-height:58px;padding:4px}
  .cal-ev{font-size:0;padding:0;height:6px;border-left:0;background:var(--orange)}
}
@media(max-width:600px){
  .topbar .wrap{justify-content:center;min-height:34px}
  .headrow{min-height:66px;gap:10px}
  .head-tools{gap:6px}
  .lang button{padding:6px 9px}
  .hero{padding:28px 0 52px}
  .hero .wrap{gap:28px}
  .hero-art{order:0;max-width:none;width:100%}
  .hero-badge{font-size:.72rem}
  .hero h1 em{white-space:normal}
  .hero-cta .btn{flex:1 1 100%;justify-content:center}
  .hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .hero-stats .num{font-size:1.45rem}
  .hero-stats .lbl{font-size:.72rem;line-height:1.3}
  .slide-card{min-height:0;padding:22px}
  .section-head h2{font-size:1.5rem}
  .head-flex{flex-direction:column;gap:12px;align-items:flex-start;margin-bottom:26px}
  .join-card{padding:26px 22px}
  .nl-form{flex-direction:column}
  .nl-form .btn{width:100%;justify-content:center}
  .bubble{opacity:.45}
  .timeline{padding-left:26px}
  .timeline::before{left:6px}
  .tl-year::before{left:-26px}
  .tl-year summary{flex-wrap:wrap;gap:2px 10px}
  .tl-year summary .t{flex-basis:100%;order:3}
  .tl-items{padding:0 16px 16px}
}