/* Next of Us information panels, October 2026.
   Scoped hooks only: no homepage, program-card, hero, photo, mission or bio rules.
   White outer surfaces, quiet inset structure, live text and native controls. */
.nou-interior {
  --info-paper:#fff;
  --info-ice:#f0f8fc;
  --info-lavender:#f0f1ff;
  --info-shadow:0 8px 28px #0a244715;
}
.nou-interior :is(.nou-objectives-panel,.nou-guidance-grid,.nou-competency-grid>article,.nou-facts-panel,.nou-practice-panel,.nou-approach-panel) {
  color:var(--navy);
  background:var(--info-paper);
  border:0;
  box-shadow:var(--info-shadow);
  border-radius:28px;
  min-width:0;
}
.nou-interior :is(.nou-objectives-panel,.nou-guidance-grid,.nou-competency-grid,.nou-facts-panel,.nou-practice-panel) :is(h2,h3,p,dd,li,a) {
  overflow-wrap:break-word;
}
/* Goals: a quiet reading surface replaces large decorative numerals and rules. */
.nou-interior .nou-objectives-panel {display:grid;gap:10px;padding:12px;}
.nou-interior .nou-objectives-panel>article {
  display:grid;grid-template-columns:36px minmax(0,1fr);gap:22px;
  padding:26px;background:var(--info-ice);border:0;border-radius:18px;
}
.nou-interior .nou-objectives-panel .objective-number {
  display:flex;align-items:center;justify-content:center;align-self:start;width:36px;height:36px;min-height:36px;
  font:500 1rem/1.4 Poppins,sans-serif;color:var(--navy);background:#fff;border-radius:12px;
}
.nou-interior .nou-objectives-panel h3 {font:500 1.375rem/1.35 Poppins,sans-serif;letter-spacing:-.025em;margin:0 0 12px;max-width:48rem;}
.nou-interior .nou-objectives-panel p {font:400 1rem/1.7 'Open Sans',sans-serif;margin:0;max-width:53rem;}
/* Competencies: each label stays attached to its explanation at every width. */
.nou-interior .nou-competency-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch;}
.nou-interior .nou-competency-grid>article {display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:minmax(65px,auto) 1fr;gap:22px 14px;padding:28px;align-content:start;}
.nou-interior .nou-competency-grid .eyebrow {
  display:flex;align-items:center;justify-content:center;align-self:start;margin:0;
  width:32px;min-height:32px;background:var(--ice);border-radius:10px;color:var(--navy);
  font:500 .875rem/1.5 Poppins,sans-serif;letter-spacing:0;
}
.nou-interior .nou-competency-grid h3 {font:500 1.5rem/1.35 Poppins,sans-serif;letter-spacing:-.025em;margin:0;min-width:0;align-self:center;}
.nou-interior .nou-competency-grid dl {grid-column:1/-1;margin:0;display:flex;flex-direction:column;gap:2px;overflow:hidden;border-radius:16px;align-self:start;}
.nou-interior .nou-competency-grid dl>div {display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;margin:0;padding:18px;background:var(--info-ice);}
.nou-interior .nou-competency-grid dl>div:last-child {background:var(--info-lavender);}
.nou-interior .nou-competency-grid dt {font:500 .875rem/1.6 Poppins,sans-serif;margin:0;}
.nou-interior .nou-competency-grid dd {font:400 1rem/1.65 'Open Sans',sans-serif;margin:0;}
/* Audience guidance remains equal-weight. The four program cards are untouched. */
.nou-interior[data-design-family=programs] .nou-guidance-grid {padding:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));}
.nou-interior[data-design-family=programs] .nou-guidance-grid>article,
.nou-interior[data-design-family=programs] .nou-guidance-grid>article:nth-child(n) {
  background:var(--info-ice);border:0;border-radius:18px;padding:26px;min-width:0;transform:none;
}
.nou-interior .nou-guidance-grid .eyebrow {font:500 .875rem/1.5 Poppins,sans-serif;color:var(--navy);letter-spacing:0;margin:0 0 14px;}
.nou-interior .nou-guidance-grid :is(h2,h3) {font:500 1.375rem/1.4 Poppins,sans-serif;letter-spacing:-.025em;margin:0 0 14px;}
.nou-interior .nou-guidance-grid :is(h2,h3) a {font:inherit;letter-spacing:inherit;line-height:inherit;min-height:44px;}
.nou-interior .nou-guidance-grid p:not(.eyebrow) {font:400 1rem/1.7 'Open Sans',sans-serif;margin:0;}
.nou-interior .nou-guidance-grid .pdf-actions {display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin-top:auto;padding-top:8px;}
.nou-interior .nou-guidance-grid .pdf-actions>a {min-height:44px;}
.nou-interior .nou-guidance-grid .pdf-page-count {font-size:.875rem;}
.nou-interior .nou-stage-panel {border:0;gap:10px;padding:0;margin-bottom:34px;}
.nou-interior .nou-stage-panel a {border:0;background:var(--info-ice);border-radius:14px;padding:13px 18px;min-height:48px;font-size:1rem;}
.nou-interior .nou-stage-panel a:hover {background:var(--ice);color:var(--navy);}
.nou-interior .nou-stage-panel a[aria-current=page] {background:var(--lavender);color:var(--navy);font-weight:600;}
/* Existing resource facts use a real definition list, not a decorative table. */
.nou-interior .nou-facts-panel {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;margin:40px 0 0;}
.nou-interior .nou-facts-panel>div {display:block;background:var(--info-ice);border-radius:17px;padding:20px;min-width:0;}
.nou-interior .nou-facts-panel dt {font:500 .875rem/1.5 Poppins,sans-serif;margin:0 0 8px;color:var(--navy);}
.nou-interior .nou-facts-panel dd {font:400 1rem/1.55 'Open Sans',sans-serif;margin:0;}
/* Practice: compact heading, readable explanation, then a clearly grouped task. */
.nou-interior .nou-practice-panel {padding:30px;margin:26px 0;scroll-margin-top:120px;}
.nou-interior .nou-practice-panel>h2 {font:500 1.625rem/1.35 Poppins,sans-serif;letter-spacing:-.025em;margin:0 0 22px;}
.nou-interior .nou-practice-panel>h3 {font:500 1.375rem/1.4 Poppins,sans-serif;letter-spacing:-.02em;margin:24px 0 16px;}
.nou-interior .nou-practice-panel>.eyebrow {font:500 1.375rem/1.4 Poppins,sans-serif;letter-spacing:-.02em;margin:0 0 20px;}
.nou-interior .nou-practice-panel :is(p,li) {font:400 1rem/1.7 'Open Sans',sans-serif;}
.nou-interior .nou-practice-panel>:is(ul,ol) {background:var(--info-ice);border-radius:18px;padding:24px 24px 24px 48px;margin:18px 0 0;}
.nou-interior .nou-practice-panel>ol>li::marker {font-weight:600;color:var(--navy);}
.nou-interior .nou-practice-panel>ul>li::marker {color:var(--navy);}
.nou-interior .nou-practice-panel li {padding-left:4px;margin-bottom:14px;}
.nou-interior .nou-practice-panel li:last-child {margin-bottom:0;}
.nou-interior .nou-practice-panel>.support-note {background:var(--info-lavender);padding:22px 24px;border-radius:18px;margin-top:22px;}
.nou-interior .nou-practice-panel>.support-note strong {font:500 .875rem/1.6 Poppins,sans-serif;}
.nou-interior .nou-practice-panel>.support-note p {margin:0;}
.nou-interior .nou-practice-panel details.nou-question {border:0;border-radius:18px;margin:22px 0 0;background:var(--info-ice);}
.nou-interior .nou-practice-panel details.nou-question[open] {background:var(--info-ice);box-shadow:none;}
.nou-interior .nou-practice-panel details.nou-question>summary {font:500 1rem/1.5 Poppins,sans-serif;padding:22px 60px 22px 24px;min-height:68px;}
.nou-interior .nou-practice-panel details.nou-question>summary:after {top:19px;right:20px;}
/* The approach keeps its native ordered sequence, with less visual noise. */
.nou-interior .nou-approach-panel {padding:12px;gap:10px;}
.nou-interior .nou-approach-panel>li,.nou-interior .nou-approach-panel>li:nth-child(n) {grid-template-columns:36px minmax(0,1fr);gap:22px;background:var(--info-ice);border:0;border-radius:18px;padding:26px;}
.nou-interior .nou-approach-panel>li>span {font:500 1rem/1.5 Poppins,sans-serif;color:var(--navy);}
.nou-interior .nou-approach-panel h3 {font:500 1.375rem/1.4 Poppins,sans-serif;}
.nou-interior .nou-approach-panel p {font:400 1rem/1.7 'Open Sans',sans-serif;}
/* Controls remain visibly keyboard-focusable. No motion is introduced. */
.nou-interior :is(.nou-guidance-grid,.nou-stage-panel,.nou-practice-panel) :is(a,button,summary):focus-visible {outline:3px solid var(--navy);outline-offset:4px;}
@media(max-width:1100px) {
  .nou-interior .nou-competency-grid {grid-template-columns:minmax(0,1fr);}
  .nou-interior .nou-competency-grid>article {grid-template-rows:auto 1fr;}
}
@media(max-width:760px) {
  .nou-interior[data-design-family=programs] .nou-guidance-grid {grid-template-columns:minmax(0,1fr);}
  .nou-interior .nou-facts-panel {grid-template-columns:minmax(0,1fr);}
  .nou-interior .nou-facts-panel>div {display:grid;grid-template-columns:minmax(96px,.45fr) minmax(0,1fr);gap:16px;padding:18px;}
  .nou-interior .nou-facts-panel dt {margin:0;}
}
@media(max-width:540px) {
  .nou-interior :is(.nou-objectives-panel,.nou-guidance-grid,.nou-approach-panel) {padding:8px;border-radius:24px;}
  .nou-interior .nou-objectives-panel>article {grid-template-columns:28px minmax(0,1fr);gap:14px;padding:20px 18px;}
  .nou-interior .nou-objectives-panel .objective-number {width:28px;height:30px;border-radius:9px;font-size:.875rem;}
  .nou-interior .nou-objectives-panel h3 {font-size:1.25rem;}
  .nou-interior .nou-competency-grid>article {padding:22px;gap:18px 12px;border-radius:24px;}
  .nou-interior .nou-competency-grid h3 {font-size:1.25rem;}
  .nou-interior .nou-competency-grid dl>div {grid-template-columns:minmax(0,1fr);gap:7px;padding:18px;}
  .nou-interior[data-design-family=programs] .nou-guidance-grid>article:nth-child(n) {padding:22px;}
  .nou-interior .nou-practice-panel {padding:22px;border-radius:24px;}
  .nou-interior .nou-practice-panel>h2 {font-size:1.375rem;}
  .nou-interior .nou-practice-panel>:is(ul,ol) {padding:20px 18px 20px 40px;}
  .nou-interior .nou-practice-panel>.support-note {padding:20px;}
  .nou-interior .nou-approach-panel>li:nth-child(n) {grid-template-columns:28px minmax(0,1fr);gap:14px;padding:22px;}
}
@media(max-width:360px) {
  .nou-interior .nou-facts-panel>div {grid-template-columns:minmax(0,1fr);gap:6px;}
}
@media(forced-colors:active) {
  .nou-interior :is(.nou-objectives-panel,.nou-guidance-grid,.nou-competency-grid>article,.nou-facts-panel,.nou-practice-panel,.nou-approach-panel) {outline:1px solid CanvasText;}
}