/* Co-oppetition Consulting — responsive layer.
   Pages are authored with inline styles, so mobile adaptation happens here via
   targeted !important overrides. Load LAST (just before </body>).
   Note: hand-authored markup writes styles with no space after ":" ; React
   (the two tools) writes them WITH a space — both forms are matched below. */

html{-webkit-text-size-adjust:100%}
html,body{overflow-x:hidden;max-width:100%}
img,svg,video,canvas{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%}
[style*="display:flex"]>*,[style*="display:grid"]>*,[style*="display: flex"]>*,[style*="display: grid"]>*{min-width:0}
[data-coop-burger]{display:none}

/* ============ Tablet / narrow desktop ============ */
@media (max-width:1024px){
  [style*="max-width:1140px"]{padding-left:26px!important;padding-right:26px!important}
  /* asymmetric two-column splits collapse first */
  [style*="grid-template-columns:1.12fr"],[style*="grid-template-columns:1.3fr"],[style*="grid-template-columns:0.9fr"],[style*="grid-template-columns:1.1fr"],[style*="grid-template-columns:1.15fr"],[style*="grid-template-columns:1.2fr"],[style*="grid-template-columns:1fr 0.8"],[style*="grid-template-columns:1fr 0.9"],[style*="grid-template-columns:1fr 1.1"]{grid-template-columns:1fr!important}
  /* 3- and 4-up card rows become 2-up */
  [style*="grid-template-columns:repeat(4,1fr)"],[style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:repeat(2,1fr)!important}
  [style*="gap:56px"]{gap:36px!important}
  #tool-root [style*="repeat(4,"],#tool-root [style*="repeat(3,"],.coop-pkggrid3,.coop-scale{grid-template-columns:repeat(2,1fr)!important}
  #tool-root section{padding-left:26px!important;padding-right:26px!important}
  h1,[style*="font-size:52px"],[style*="font-size:56px"]{font-size:clamp(34px,5.4vw,52px)!important}
  h2,[style*="font-size:38px"]{font-size:clamp(27px,4vw,38px)!important}
}

/* ============ Mobile navigation ============ */
@media (max-width:920px){
  nav[aria-label="Main"]{padding-left:18px!important;padding-right:18px!important;gap:12px!important;row-gap:0!important;min-height:60px!important}
  nav[aria-label="Main"] img{height:32px!important}
  [data-coop-burger]{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;font-family:'Public Sans',sans-serif;font-size:14px;font-weight:700;letter-spacing:0.02em;color:#D0E8AE;background:rgba(50,107,61,0.3);border:1px solid rgba(50,107,61,0.55);border-radius:10px;padding:0 14px;min-height:44px;min-width:44px;cursor:pointer;flex:0 0 auto}
  [data-coop-burger]:focus-visible{outline:3px solid #88B86A;outline-offset:2px}
  [data-coop-burger] [data-bars]{display:grid;gap:4px;width:16px}
  [data-coop-burger] [data-bars] i{display:block;height:2px;border-radius:2px;background:currentColor}
  [data-coop-burger][aria-expanded="true"]{color:#FFF;background:rgba(50,107,61,0.5)}

  [data-coop-navlinks]{display:none!important}
  [data-coop-navlinks][data-open="true"]{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:4px!important;padding:8px 0 16px!important;border-top:1px solid rgba(50,107,61,0.28);margin-top:8px;max-height:calc(100vh - 76px);overflow-y:auto;-webkit-overflow-scrolling:touch}
  [data-coop-navlinks][data-open="true"]>a,[data-coop-navlinks][data-open="true"] [data-menu-button]{width:100%!important;justify-content:space-between!important;text-align:left!important;padding:13px 14px!important;min-height:48px;box-sizing:border-box;font-size:16px!important}
  [data-coop-navlinks][data-open="true"] [data-menu]{width:100%!important;position:static!important}
  [data-coop-navlinks][data-open="true"] [data-menu]>div[id^="coop-menu"]{position:static!important;width:100%!important;min-width:0!important;box-shadow:none!important;margin:2px 0 8px!important;background:rgba(23,28,20,0.92)!important;border-radius:12px!important}
  [data-coop-navlinks][data-open="true"] [data-menu]>div[id^="coop-menu"] a{padding:13px 16px!important;min-height:48px;display:flex!important;align-items:center;white-space:normal!important;font-size:15.5px!important}
  [data-coop-navlinks][data-open="true"]>a:last-child{margin-left:0!important;margin-top:8px;text-align:center!important;justify-content:center!important}
}

/* ============ Mobile / small tablet layout ============ */
@media (max-width:760px){
  [style*="max-width:1140px"]{padding-left:18px!important;padding-right:18px!important;padding-top:48px!important;padding-bottom:48px!important}
  header [style*="max-width:1140px"]{padding-top:10px!important;padding-bottom:10px!important}
  footer [style*="max-width:1140px"]{padding-top:36px!important;padding-bottom:30px!important}

  /* every multi-column grid stacks, except number+text pairs */
  [style*="grid-template-columns"]:not([style*="auto 1fr"]):not([style*="auto auto"]){grid-template-columns:1fr!important}
  #tool-root [style*="repeat("],.coop-orggrid,.coop-typegrid,.coop-pkggrid,.coop-pkggrid3,.coop-catgrid{grid-template-columns:1fr!important}
  .coop-orggrid>*,.coop-typegrid>*{width:auto!important;grid-column:auto!important;justify-self:stretch!important}
  .coop-scale{grid-template-columns:repeat(2,1fr)!important}
  [style*="gap:56px"],[style*="gap:44px"],[style*="gap:40px"],[style*="gap:36px"]{gap:26px!important}
  [style*="white-space:nowrap"]{white-space:normal!important}

  h1,[style*="font-size:52px"],[style*="font-size:56px"]{font-size:clamp(31px,8.4vw,42px)!important;line-height:1.12!important;letter-spacing:-0.01em!important}
  h2,[style*="font-size:38px"]{font-size:clamp(24px,6.4vw,31px)!important;line-height:1.18!important}
  h3{font-size:clamp(19px,5vw,23px)!important;line-height:1.28!important}
  [style*="font-size:34px"],[style*="font-size:40px"],[style*="font-size:44px"],[style*="font-size:48px"]{font-size:30px!important}
  p[style*="font-size:19px"],p[style*="font-size:18px"]{font-size:17px!important}
  #tool-root h1{font-size:clamp(28px,7.6vw,38px)!important;line-height:1.14!important}
  #tool-root h2{font-size:clamp(21px,5.8vw,26px)!important;line-height:1.25!important}
  #tool-root section{padding-left:18px!important;padding-right:18px!important;padding-top:40px!important;padding-bottom:56px!important}

  /* card & panel padding */
  [style*="padding:26px"],[style*="padding:28px"],[style*="padding:30px"],[style*="padding:32px"],[style*="padding:34px"],[style*="padding:36px"],[style*="padding:40px"],[style*="padding: 28px"],[style*="padding: 24px"]{padding:20px!important}
  [style*="border-radius:20px"]{border-radius:16px!important}

  /* CTA rows stack and buttons go full width */
  [style*="justify-content:space-between"][style*="display:flex"]{align-items:flex-start!important;flex-wrap:wrap!important}
  a[style*="padding:14px 24px"],a[style*="padding:15px 28px"],a[style*="padding:13px 26px"],a[style*="padding:16px 30px"]{width:100%;text-align:center;justify-content:center!important;box-sizing:border-box}
  [role="tablist"]>li,[role="tablist"]>button,[role="tab"]{width:100%!important}
  #tool-root button{min-height:46px}

  /* wide content in the tools */
  table{display:block;width:100%;overflow-x:auto}
  [style*="overflow-x"]{max-width:100%}
}

@media (max-width:420px){
  [style*="max-width:1140px"]{padding-left:14px!important;padding-right:14px!important}
  #tool-root section{padding-left:14px!important;padding-right:14px!important}
  [style*="padding:20px"],[style*="padding: 20px"]{padding:17px!important}
  .coop-scale{grid-template-columns:1fr!important}
  nav[aria-label="Main"] [style*="font-size:9px"]{display:none}
}

@media print{[data-coop-burger],header{position:static!important}}