
.grouped-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid #e5e7eb}
.grouped-nav{gap:10px;align-items:center}
.grouped-nav .top-link,.grouped-nav .nav-group-toggle{display:inline-flex;align-items:center;height:42px;padding:0 14px;border-radius:999px;font-size:.92rem;font-weight:800;color:#0f172a;text-decoration:none;background:transparent;border:0;cursor:pointer}
.grouped-nav .top-link:hover,.grouped-nav .nav-group-toggle:hover,.grouped-nav .nav-group.open .nav-group-toggle{background:#eff6ff;color:#1d4ed8}
.nav-group{position:relative}
.nav-dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:220px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 20px 40px rgba(15,23,42,.12);padding:10px;display:none}
.nav-group.open .nav-dropdown,.nav-group:hover .nav-dropdown{display:block}
.nav-dropdown a{display:block;padding:10px 12px;border-radius:12px;color:#334155;text-decoration:none;font-weight:700}
.nav-dropdown a:hover{background:#f8fafc;color:#1d4ed8}
.grouped-mobile-panel .grouped-panel-links{display:grid;gap:16px}
.grouped-mobile-panel .mobile-home-link{font-weight:900;background:#eff6ff;border-radius:12px;padding:12px 14px}
.grouped-mobile-panel .mobile-group{display:grid;gap:8px;padding:12px;border:1px solid #e5e7eb;border-radius:16px;background:#fff}
.grouped-mobile-panel .mobile-group strong{font-size:.82rem;letter-spacing:.04em;color:#1e3a8a}
.grouped-mobile-panel .mobile-group a{padding:8px 0;color:#334155;text-decoration:none;font-weight:700;border-bottom:1px solid #f1f5f9}
.grouped-mobile-panel .mobile-group a:last-child{border-bottom:0}
.section-page-shell{max-width:1200px;margin:0 auto;padding:24px 14px 48px}
.section-hero{padding:34px 0 20px}
.section-hero .eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-weight:800;font-size:.78rem;letter-spacing:.03em}
.section-hero h1{margin:14px 0 10px;font-size:2rem;line-height:1.2;color:#0f172a}
.section-hero p{margin:0;color:#475569;max-width:860px;line-height:1.7}
.local-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 22px}
.local-tabs a{display:inline-flex;padding:10px 14px;border-radius:999px;border:1px solid #dbeafe;background:#fff;color:#334155;text-decoration:none;font-weight:800}
.local-tabs a.active,.local-tabs a:hover{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.info-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.info-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:22px;box-shadow:0 10px 30px rgba(15,23,42,.05)}
.info-card h2,.info-card h3{margin:0 0 12px;color:#0f172a}
.info-card p{margin:0;color:#475569;line-height:1.75}
.kpi-list,.simple-list,.timeline-stack,.step-grid,.lab-grid,.esg-grid{display:grid;gap:14px}
.kpi-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.kpi-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:18px}
.kpi-box strong{display:block;color:#0f172a;font-size:.9rem;margin-bottom:8px}
.kpi-box span{display:block;color:#334155;line-height:1.6}
.simple-list .item,.timeline-item2,.step-card,.lab-card,.esg-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:18px}
.simple-list .item strong,.timeline-item2 strong,.step-card .step,.lab-card strong,.esg-card .label{display:block;color:#0f172a;margin-bottom:8px}
.timeline-item2 strong{font-size:.92rem;color:#1d4ed8}
.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.step-card .step{font-size:.78rem;letter-spacing:.06em;color:#1d4ed8}
.step-card h3{margin:0 0 8px;font-size:1.05rem}
.step-card p{margin:0;color:#475569;line-height:1.7}
.lab-grid,.esg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.esg-card .label{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-weight:900}
.bridge-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.bridge-links a{display:block;padding:18px;border-radius:18px;background:#0f172a;color:#fff;text-decoration:none;font-weight:800}
.bridge-links a span{display:block;margin-top:6px;font-size:.9rem;font-weight:500;color:#cbd5e1}
.empty-note{padding:18px;border:1px dashed #cbd5e1;border-radius:18px;background:#fff;color:#64748b}
@media (max-width: 900px){.info-card-grid,.kpi-list,.step-grid,.lab-grid,.esg-grid,.bridge-links{grid-template-columns:1fr}.section-hero h1{font-size:1.6rem}.grouped-nav{display:none!important}}


/* 20260315-B grouped nav usability + business/community remap */
.grouped-header,.grouped-header .renewal-nav,.grouped-header .grouped-nav,.grouped-header .nav-group{overflow:visible}
.grouped-nav{position:relative;z-index:120}
.nav-group{position:relative;padding-bottom:14px;margin-bottom:-14px}
.nav-group .nav-group-toggle{position:relative;z-index:3}
.nav-dropdown{display:block;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(6px);top:calc(100% - 2px);left:50%;min-width:236px;padding:12px;transition:opacity .16s ease, transform .16s ease, visibility .16s ease;z-index:160}
.nav-dropdown::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.nav-group.open .nav-dropdown,.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
.nav-dropdown a{white-space:nowrap}
.nav-dropdown-wide{min-width:250px}
.nav-dropdown-right{left:auto;right:0;transform:translateY(6px)}
.nav-group.open .nav-dropdown-right,.nav-group:hover .nav-dropdown-right,.nav-group:focus-within .nav-dropdown-right{transform:translateY(0)}
.business-fixed-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.business-partners-grid .uniform-title{display:block;overflow:visible;-webkit-line-clamp:unset;min-height:5.2em;line-height:1.42;word-break:keep-all}
.business-partners-grid .partner-summary{min-height:3em}
.business-intro-card{box-shadow:0 10px 30px rgba(15,23,42,.05)}
.business-more-link{margin-top:16px;display:flex;justify-content:flex-end}
.business-more-link a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;background:#0f172a;color:#fff;text-decoration:none;font-weight:800}
@media (max-width:1100px){.business-fixed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.business-fixed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-dropdown{left:0;transform:translateY(6px)}.nav-dropdown-right{right:0;left:auto}}
@media (max-width:560px){.business-fixed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}


/* 20260315 mobile/admin/cleanup patch */
.mobile-panel-tools-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.panel-tools-label{font-size:.82rem;font-weight:800;color:#1e3a8a;margin-right:4px}
.mobile-top-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px}
.mobile-top-link{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 12px;border-radius:14px;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;text-decoration:none;font-weight:800}
.mobile-top-link:hover{background:#dbeafe}
@media (max-width:760px){
  .grouped-mobile-panel .panel-tools{display:flex !important}
  .grouped-mobile-panel .panel-links{display:flex !important}
}
@media (max-width:420px){
  .mobile-top-links{grid-template-columns:1fr}
}
