/* Fifteen coordinated site colors, from lightest to darkest and accent. */
:root, body, .bn-app {
  --iit-ivory:#fffaf2; --iit-paper:#fdf9f0; --iit-cream:#fbf6ed;
  --iit-parchment:#f4e9d5; --iit-oat:#f0e9de; --iit-linen:#eadfcb;
  --iit-sand:#d9cba9; --iit-champagne:#e2c98f; --iit-gold:#bd9546;
  --iit-brass:#a9823d; --iit-amber:#8f682f; --iit-caramel:#956b46;
  --iit-terracotta:#a56347; --iit-walnut:#715635; --iit-brown:#4c3b19;
  --bn-bg:var(--iit-cream)!important; --bn-canvas:var(--iit-cream)!important;
  --bn-bg-subtle:var(--iit-paper)!important; --bn-sunken:var(--iit-oat)!important;
  --bn-surface:var(--iit-paper)!important; --bn-line:var(--iit-linen)!important;
  --bn-line-strong:var(--iit-sand)!important; --bn-border-soft:var(--iit-linen)!important;
  --bn-accent-100:var(--iit-parchment)!important; --bn-accent-200:var(--iit-linen)!important;
  --bn-accent-300:var(--iit-champagne)!important; --bn-accent-500:var(--iit-gold)!important;
  --bn-accent-700:var(--iit-amber)!important; --bn-accent-text:var(--iit-walnut)!important;
  --bn-hue-events:80!important; --bn-hue-jetonomy:70!important;
  --bn-hue-media:60!important;
  --bn-success:var(--iit-brass)!important; --bn-success-bg:var(--iit-parchment)!important;
  --bn-danger:var(--iit-terracotta)!important; --bn-info-bg:var(--iit-parchment)!important;
  --bn-amber:var(--iit-amber)!important; --bn-media:var(--iit-caramel)!important;
  --bn-paid:var(--iit-brass)!important; --bn-paid-bg:var(--iit-parchment)!important;
  --bx-color-accent:var(--iit-gold)!important; --bx-color-accent-bg:var(--iit-parchment)!important;
  --bx-color-accent-bg-strong:var(--iit-linen)!important; --bx-color-accent-border:var(--iit-sand)!important;
  --bx-color-bp-friend:var(--iit-brass)!important;
  --bx-color-presence-online:var(--iit-brass)!important;
  --bx-color-info-bg:var(--iit-parchment)!important;
  --bx-color-success:var(--iit-brass)!important; --bx-color-success-bg:var(--iit-parchment)!important;
  --bx-color-error-bg:var(--iit-parchment)!important; --bx-color-warning-bg:var(--iit-parchment)!important;
  --bx-color-bg-page:var(--iit-cream)!important; --bx-color-subheader-bg:var(--iit-oat)!important;
  --bx-color-header-bg:var(--iit-paper)!important; --bx-color-input-bg:var(--iit-ivory)!important;
  --bx-color-border:var(--iit-linen)!important; --bx-color-footer-bg:var(--iit-cream)!important;
  --bx-color-button-bg-focus:var(--iit-brass)!important;
  --color-theme-primary:var(--iit-gold)!important; --color-theme-blue:var(--iit-brass)!important;
  --color-theme-red:var(--iit-terracotta)!important; --color-theme-body:var(--iit-cream)!important;
  --color-theme-grey:var(--iit-oat)!important; --color-theme-yellow:var(--iit-champagne)!important;
  --button-background-color:var(--iit-amber)!important; --button-border-color:var(--iit-amber)!important;
  --button-border-hover-color:var(--iit-brown)!important;
  --evnm-accent:var(--iit-brass)!important; --evnm-accent-hover:var(--iit-amber)!important;
  --evnm-accent-soft:var(--iit-parchment)!important; --evnm-success-surface:var(--iit-parchment)!important;
  --listora-success:var(--iit-brass)!important; --listora-success-fg:var(--iit-brown)!important;
  --tutor-color-primary:var(--iit-gold)!important;
  --tutor-color-danger-rgb:165,99,71!important;
  --wp--preset--color--primary:var(--iit-gold)!important;
  --wp--preset--color--secondary:var(--iit-brass)!important;
  --wp--preset--color--accent:var(--iit-terracotta)!important;
  --wp--preset--color--blue:var(--iit-brass)!important;
  --wp--preset--color--surface-2:var(--iit-parchment)!important;
}
/* Keep the forum navigation in the Institute's compact uppercase hierarchy. */
#site-navigation #primary-menu > li > a,
#site-navigation #primary-menu .sub-menu a,
#iit-mobile-nav .iit-mobile-nav__panel :is(a,summary){font-family:"Cormorant Garamond",Georgia,serif!important;font-size:16px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:0!important}
#site-navigation #primary-menu .iit-nav-group{position:relative}
#site-navigation #primary-menu .iit-nav-group__toggle{border:0;background:transparent;color:var(--iit-brown);font:700 17px/1 Georgia,serif;cursor:pointer;margin-left:4px}
#site-navigation #primary-menu .iit-nav-group:not(:hover):not(:focus-within):not(.iit-nav-group--open) > .sub-menu{display:none}
#site-navigation #primary-menu .iit-nav-group--open > .sub-menu{display:block!important}
#site-navigation #primary-menu .iit-nav-group > .sub-menu{min-width:225px;background:var(--iit-paper);box-shadow:0 12px 25px rgba(76,59,25,.13);border:0}
#site-navigation #primary-menu .iit-nav-group .sub-menu li{border:0}
#site-navigation #primary-menu .iit-nav-group .sub-menu a{display:block;padding:12px 15px}
#site-navigation #primary-menu .iit-nav-group .sub-menu a:hover{background:var(--iit-parchment)}
#site-navigation #primary-menu[data-iit-grouped="1"] > li.iit-recommendations{display:none!important}
@layer iit-reading-accessibility{body:not(.wp-admin) #page #site-navigation #primary-menu :is(a,button.iit-nav-group__toggle,button.iit-submenu-toggle){font-family:"Cormorant Garamond",Georgia,serif!important;font-size:16px!important;font-weight:700!important;text-transform:uppercase!important}}
@media(min-width:1025px){#site-navigation #primary-menu .iit-nav-group__toggle{display:none}}
@media(max-width:1024px){#site-navigation #primary-menu .dropdown-toggle{display:none!important}#iit-mobile-nav .iit-mobile-nav__panel :is(a,summary){border:0!important}#iit-mobile-nav .iit-mobile-nav__panel details{border:0!important}#iit-mobile-nav .iit-mobile-nav__panel summary:after{content:'+'!important}#iit-mobile-nav .iit-mobile-nav__panel details[open] summary:after{content:'−'!important}}
.bn-mobile-nav .bn-mobile-nav__item--create[data-iit-plus-toggle]{border:0!important;box-shadow:none!important;outline:0;background:var(--iit-gold)!important;color:var(--iit-ivory)!important;cursor:pointer}
.bn-mobile-nav .bn-mobile-nav__item--create[data-iit-plus-toggle]:focus-visible{outline:3px solid var(--iit-brown)!important;outline-offset:3px}
.iit-mobile-create-menu{position:fixed;left:16px;right:16px;bottom:calc(78px + env(safe-area-inset-bottom,0px));z-index:99998;padding:10px;background:var(--iit-paper);border:0!important;border-radius:12px;box-shadow:0 15px 40px rgba(76,59,25,.2)}
.iit-mobile-create-menu[hidden]{display:none!important}
.iit-mobile-create-menu__item{display:block;padding:12px 16px;margin:4px 0;border:0!important;border-radius:12px;background:var(--iit-parchment);color:var(--iit-brown)!important;text-align:center;text-decoration:none!important;font:700 16px/1.3 "Cormorant Garamond",Georgia,serif;text-transform:uppercase}
.iit-mobile-create-menu__item:focus-visible{outline:3px solid var(--iit-brown);outline-offset:2px}
@media(min-width:1025px){.iit-mobile-create-menu{display:none!important}}
/* Form controls sit on warm surfaces without outlines made from borders. */
body:not(.wp-admin) #page form :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select,fieldset,button){border:0!important;box-shadow:none!important}
body:not(.wp-admin) #page form :is(input,textarea,select,button):focus-visible{outline:3px solid var(--iit-gold)!important;outline-offset:2px}
/* Category pills are directory shortcuts, not the spaces themselves. */
.bn-sd-chips [data-bn-scope-chip="cat"]{display:none!important}
.bn-sd-card__cat,.bn-sd-chip__icon{background:var(--iit-brass)!important;color:var(--iit-ivory)!important}
.bn-badge{background:var(--iit-parchment)!important;color:var(--iit-brown)!important}
body:not(.wp-admin) #page .bn-app .bn-sd-card__cover.iit-experience-empty-cover:not(:has(img)){
  background-color:var(--iit-parchment)!important;
  background-image:linear-gradient(135deg,var(--iit-parchment),var(--iit-champagne))!important;
  color:var(--iit-brown)!important;
}
.bn-sd-card__cover.iit-experience-empty-cover .bn-sd-card__emblem{
  background:var(--iit-paper)!important;color:var(--iit-walnut)!important;
}
.bn-app .bn-btn[data-variant="primary"],.iit-experience-intro__button{
  background:var(--iit-amber)!important;border-color:var(--iit-amber)!important;color:var(--iit-ivory)!important;
}
.bn-app .bn-btn[data-variant="primary"]:hover,.iit-experience-intro__button:hover{
  background:var(--iit-brown)!important;border-color:var(--iit-brown)!important;color:var(--iit-ivory)!important;
}
/* Hide small all-caps labels placed above headings, including the suggestion card. */
[class*="eyebrow" i],[class*="__overline" i],[class*="-overline" i],
.iit-discover__eyebrow{display:none!important}
.iit-experience-intro{background:transparent;border:0;color:var(--iit-brown);padding:clamp(16px,2.5vw,32px) clamp(4px,2vw,18px);margin:24px 0 32px;box-shadow:none;font-family:"Cormorant Garamond",Georgia,serif}
.iit-experience-intro h1{font-size:clamp(38px,5vw,58px);font-weight:500;line-height:1.05;margin:0 0 18px;color:var(--iit-brown)}
.iit-experience-intro h2{font-size:clamp(24px,2.4vw,30px);font-weight:600;line-height:1.1;margin:0 0 8px;color:var(--iit-brown)}
.iit-experience-intro p{font-size:clamp(19px,2vw,23px);line-height:1.38;margin:0 0 14px;color:var(--iit-brown)}
.iit-experience-intro__lead{font-size:clamp(21px,2.3vw,27px)!important;max-width:850px}
.iit-experience-intro__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,42px);margin:28px 0 22px}
.iit-experience-intro__type{border:0;padding:clamp(20px,2.8vw,32px) clamp(16px,2.2vw,25px);text-align:center}
.iit-experience-intro__type:nth-child(1){background:var(--iit-parchment)}
.iit-experience-intro__type:nth-child(2){background:var(--iit-oat)}
.iit-experience-intro__type:nth-child(3){background:var(--iit-linen)}
.iit-experience-intro__type h2{text-align:center;margin-bottom:10px}
.iit-experience-intro__type p{font-size:19px;margin:0;text-align:center}
.iit-experience-intro__note{border:0;padding:0;margin:0 auto!important;text-align:center;max-width:770px}
.iit-experience-spaces .iit-experience-intro__lead{text-align:center;margin:0 auto!important}
.iit-experience-intro__button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;margin-top:7px;text-decoration:none!important;font-size:21px;font-weight:700;border:1px solid var(--iit-amber)}
.iit-experience-intro__button:focus-visible{outline:3px solid var(--iit-brown);outline-offset:3px}
.iit-experience-courses{max-width:1050px;margin:0 0 32px}
/* Main Institute typography: 35px uppercase page titles; 16px uppercase section and space names. */
body:not(.wp-admin) #page h1{
  font-family:"Cormorant Garamond",Georgia,serif!important;font-size:35px!important;
  font-weight:900!important;line-height:1!important;text-transform:uppercase!important;
  letter-spacing:0!important;
}
body:not(.wp-admin) #page :is(h2,h3,h4,h5,h6){
  font-family:"Cormorant Garamond",Georgia,serif!important;font-size:16px!important;
  font-weight:700!important;line-height:1.32!important;text-transform:uppercase!important;
  letter-spacing:0!important;
}
/* A person's name is an identity, rather than a section heading. */
body:not(.wp-admin) #page .iit-discover__name{
  font-size:clamp(30px,5vw,39px)!important;font-weight:500!important;text-transform:none!important;
}
body:not(.wp-admin) #page .iit-experience-text-button,
body:not(.wp-admin) #page input[type="submit"]{
  font-family:"Cormorant Garamond",Georgia,serif!important;font-size:16px!important;
  font-weight:700!important;line-height:1.32!important;text-transform:uppercase!important;
  letter-spacing:0!important;
}
/* Match the site's important reading-accessibility layer so its general text
   sizes do not enlarge forum headings and button labels. */
@layer iit-reading-accessibility {
  body:not(.wp-admin) #page h1{
    font-family:"Cormorant Garamond",Georgia,serif!important;font-size:35px!important;
    font-weight:900!important;line-height:1!important;text-transform:uppercase!important;
    letter-spacing:0!important;
  }
  body:not(.wp-admin) #page :is(h2,h3,h4,h5,h6){
    font-family:"Cormorant Garamond",Georgia,serif!important;font-size:16px!important;
    font-weight:700!important;line-height:1.32!important;text-transform:uppercase!important;
    letter-spacing:0!important;
  }
  body:not(.wp-admin) #page .iit-discover__name{
    font-size:clamp(30px,5vw,39px)!important;font-weight:500!important;text-transform:none!important;
  }
  body:not(.wp-admin) #page .iit-experience-text-button,
  body:not(.wp-admin) #page input[type="submit"]{
    font-family:"Cormorant Garamond",Georgia,serif!important;font-size:16px!important;
    font-weight:700!important;line-height:1.32!important;text-transform:uppercase!important;
    letter-spacing:0!important;
  }
}
@media(max-width:760px){
  .iit-experience-intro{margin:20px 0 28px;padding:12px 8px}
  .iit-experience-intro__grid{grid-template-columns:1fr;gap:17px;margin:25px 0}
.iit-experience-spaces .iit-experience-intro__type{display:block;padding:22px 20px}
  .iit-experience-spaces .iit-experience-intro__type h2{margin:0 0 5px}
  .iit-experience-spaces .iit-experience-intro__type p{font-size:19px;line-height:1.3}
  .iit-experience-intro__button{width:100%;text-align:center}
}

/* Editorial reading pages follow the main Institute's uninterrupted cream canvas.
   The member guide alone keeps the agreed warm colour panels. */
body:not(.wp-admin) #page .iit-member-home,
body:not(.wp-admin) #page .iit-member-home :is(.iit-member-hero,.iit-reading-section,.iit-reading-section--sand,.iit-identity-banner,.iit-guide,.iit-resources,.iit-final){
  background:var(--iit-cream)!important;border:0!important;box-shadow:none!important;
}
body:not(.wp-admin) #page .iit-member-home :is(.iit-section-grid,.iit-hero-grid,.iit-guide-intro,.iit-resources)>*{min-width:0}
body:not(.wp-admin) #page .iit-member-home :is(.iit-section-copy,.iit-hero-copy,.iit-guide-intro,.iit-identity-banner,.iit-final) :is(p,li){
  color:var(--iit-brown)!important;font-weight:700!important;
}
body:not(.wp-admin) #page .iit-member-home :is(.iit-resource,.iit-aside-note,.iit-type){
  background:transparent!important;border:0!important;box-shadow:none!important;
}
body:not(.wp-admin) #page .iit-member-home .iit-task-card{
  border:0!important;box-shadow:none!important;background:var(--iit-parchment)!important;
}
body:not(.wp-admin) #page .iit-member-home .iit-task-card:nth-child(3n + 2){background:var(--iit-oat)!important}
body:not(.wp-admin) #page .iit-member-home .iit-task-card:nth-child(3n){background:var(--iit-linen)!important}
body:not(.wp-admin) #page .iit-member-home .iit-task-card .iit-action{
  display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;
  padding:10px 18px!important;background:var(--iit-gold)!important;border:0!important;
  color:var(--iit-ivory)!important;text-decoration:none!important;
}
body:not(.wp-admin) #page .iit-member-home .iit-task-card .iit-action:hover{background:var(--iit-amber)!important}
body:not(.wp-admin) #page .iit-member-home .iit-task-card :is(p,h3){font-weight:700!important}
body:not(.wp-admin) #page .iit-member-home .iit-task-card h3{text-align:center}
body:not(.wp-admin) #page .iit-member-home .iit-hero-photo img{width:100%;height:auto;object-fit:contain}
@layer iit-reading-accessibility {
  body:not(.wp-admin) #page .iit-member-home :is(.iit-hero-copy,.iit-section-copy,.iit-guide-intro,.iit-task-card,.iit-type,.iit-aside-note,.iit-resource,.iit-final) :is(p,li,a:not(.iit-action)){
    font-weight:700!important;
  }
  body:not(.wp-admin) #page .iit-member-home .iit-task-card .iit-action :is(span,strong,em,i){font-size:16px!important}
}
@media(max-width:760px){
  body:not(.wp-admin) #page .iit-member-home .iit-hero-photo{width:100%!important;max-width:none!important}
  body:not(.wp-admin) #page .iit-member-home .iit-hero-photo img{width:100%!important;max-width:none!important}
}

/* A single desktop frame for ordinary pages, matching BuddyNext's native
   260px navigation and 320px community sidebar. Hub pages keep their shell. */
.iit-shared-shell{--iit-shell-rail:260px;--iit-shell-right:320px;box-sizing:border-box;display:grid;grid-template-columns:var(--iit-shell-rail) minmax(0,1fr) var(--iit-shell-right);align-items:start;gap:24px;width:calc(100% - 48px);max-width:1900px;margin:0 auto 80px;padding:24px 0;color:var(--iit-brown);background:var(--iit-cream)}
.iit-shared-shell>*{box-sizing:border-box;min-width:0}
.iit-shared-shell__main{min-width:0;width:100%}
.iit-shared-shell__main > *{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
.iit-shared-shell__main #primary.site-main{float:none!important;padding:0!important}
.iit-shared-shell__main .entry-content{max-width:none!important}
.iit-shared-shell .bn-app__rail,.iit-shared-shell .bn-app__right{position:sticky;top:125px;display:block;width:100%!important;max-width:none!important;min-width:0;max-height:calc(100vh - 145px);overflow:auto;background:var(--iit-cream)!important;border:0!important;box-shadow:none!important}
.iit-shared-shell .bn-app__rail{padding:0 8px 12px 0}
.iit-shared-shell .bn-rail__toggle{display:none!important}
.iit-shared-shell .bn-rail__head:empty{display:none}
.iit-shared-shell .bn-rail__group{display:block!important;margin:0 0 16px!important;padding:0!important}
.iit-shared-shell .bn-rail__item{display:flex!important;align-items:center;gap:12px;width:100%;padding:11px 14px!important;color:var(--iit-brown)!important;text-decoration:none!important;font:700 19px/1.25 "Cormorant Garamond",Georgia,serif!important;border:0!important;border-radius:12px}
.iit-shared-shell .bn-rail__item:hover,.iit-shared-shell .bn-rail__item[aria-current="page"]{background:var(--iit-parchment)!important}
.iit-shared-shell .bn-rail__icon{flex:none;width:20px;height:20px;color:var(--iit-brown)}
.iit-shared-shell .bn-rail__label{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.iit-shared-shell .bn-app__right{padding:0 0 12px}
.iit-shared-right__card{padding:20px;margin:0 0 20px;background:var(--iit-oat);border:0;border-radius:12px}
.iit-shared-right__card img{display:block;width:100%;height:auto;max-height:260px;object-fit:cover;border-radius:12px;margin:16px 0}
.iit-shared-right__card h2,.iit-shared-right__card h3{margin:0 0 12px!important;color:var(--iit-brown)}
.iit-shared-right__button{display:block;text-align:center;padding:12px 14px;background:var(--iit-gold);color:var(--iit-ivory)!important;text-decoration:none!important;border-radius:12px;font:700 16px/1.3 "Cormorant Garamond",Georgia,serif;text-transform:uppercase}
.iit-shared-right__card .iit-shared-right__button:hover{background:var(--iit-amber)}
.iit-shared-shell #secondary{display:block!important;float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important}
.iit-shared-shell #secondary .widget{border:0!important;border-radius:12px;background:var(--iit-oat)!important;padding:20px!important;margin-bottom:20px!important}
@media(max-width:1199px){.iit-shared-shell{--iit-shell-rail:220px;--iit-shell-right:280px;gap:18px}}
@media(max-width:1024px){.iit-shared-shell{display:block;width:calc(100vw - 32px);padding:16px 0}.iit-shared-shell>.bn-app__rail,.iit-shared-shell>.bn-app__right{display:none!important}.iit-shared-shell__main{width:100%}}

/* Header dropdowns use the same quiet cream surfaces and spacing as the
   Institute navigation. Mobile disclosure controls show only a plus. */
#site-navigation #primary-menu .iit-nav-group>.sub-menu{background:var(--iit-paper)!important;border:0!important;border-radius:12px!important;box-shadow:none!important;padding:8px!important;min-width:235px}
#site-navigation #primary-menu .iit-nav-group .sub-menu a{padding:14px 16px!important;border-radius:12px!important;color:var(--iit-brown)!important}
#site-navigation #primary-menu .iit-nav-group .sub-menu a:hover{background:var(--iit-parchment)!important;color:var(--iit-brown)!important}
#iit-mobile-nav .iit-mobile-nav__panel details{background:transparent!important;border:0!important;box-shadow:none!important}
#iit-mobile-nav .iit-mobile-nav__panel details>summary{list-style:none;padding:14px 18px!important;display:flex;align-items:center;justify-content:space-between;gap:15px;border:0!important;border-radius:12px!important}
#iit-mobile-nav .iit-mobile-nav__panel details>summary::-webkit-details-marker{display:none!important}
#iit-mobile-nav .iit-mobile-nav__panel details>summary::after{content:'+'!important;float:none!important;font:700 22px/1 Georgia,serif!important;color:var(--iit-brown)!important}
#iit-mobile-nav .iit-mobile-nav__panel details[open]>summary::after{content:'−'!important}
#iit-mobile-nav .iit-mobile-nav__panel details>a{display:block;padding:14px 24px!important;background:var(--iit-paper)!important;border:0!important;border-radius:12px!important;margin:4px 0 4px 12px}
