/* ---- Auburn Students / WDR Jobs pages ---- */
.btn--ghost-light { background: transparent; color: #f7f2e9; border: 1px solid rgba(247, 242, 233, .55); }
.btn--ghost-light:hover { background: rgba(247, 242, 233, .12); border-color: #f7f2e9; }
.jobs-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-3); }
.jobs-mail { color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--color-brass); overflow-wrap: anywhere; }
.jobs-body { margin-top: var(--space-5); color: var(--color-text-muted); max-width: 62ch; }
.jobs-pull { margin-top: var(--space-6); font-family: var(--font-display); font-style: italic; font-size: clamp(1.15rem, .95rem + .7vw, 1.5rem); line-height: 1.3; color: var(--color-primary); max-width: 40ch; text-wrap: balance; }
.jobs-intro { display: grid; gap: clamp(var(--space-6), 4vw, var(--space-16)); }
@media (min-width: 900px) { .jobs-intro { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); align-items: start; } }

/* role list */
.jobs-list { display: grid; gap: 0; border-top: 1px solid var(--color-divider); }
.jobs-row a { display: grid; grid-template-columns: 2.75rem minmax(0, 1fr); gap: var(--space-2) var(--space-4); align-items: center; padding: var(--space-5) var(--space-2); border-bottom: 1px solid var(--color-divider); color: inherit; text-decoration: none; transition: background 160ms var(--ease-out); }
.jobs-row a:hover { background: var(--color-surface); }
.jobs-row__n { font-family: var(--font-display); font-size: var(--text-lg); color: var(--color-primary); }
.jobs-row__main { display: grid; gap: .2rem; min-width: 0; }
.jobs-row__title { font-weight: 600; font-size: var(--text-base); line-height: 1.3; }
.jobs-row__cat { font-size: var(--text-xs); letter-spacing: .14em; text-transform: uppercase; color: var(--color-text-muted); }
.jobs-row__chips { grid-column: 2; display: flex; flex-wrap: wrap; gap: var(--space-2); }
@media (min-width: 900px) {
  .jobs-row a { grid-template-columns: 3rem minmax(0, 1fr) auto; }
  .jobs-row__chips { grid-column: 3; justify-content: flex-end; }
}
.job-chip { display: inline-flex; align-items: center; padding: .3rem .7rem; border-radius: 999px; font-size: var(--text-xs); line-height: 1.3; border: 1px solid var(--color-border); color: var(--color-text-muted); background: var(--color-surface-2); white-space: nowrap; }
.job-chip--type { border-color: var(--color-primary); color: var(--color-primary); font-weight: 600; }
.jobs-hats { margin-top: var(--space-10, 2.5rem); padding: var(--space-6); border-radius: 14px; background: var(--color-surface); border: 1px solid var(--color-divider); max-width: 62ch; }
.jobs-hats p { margin-top: var(--space-3); color: var(--color-text-muted); }
.jobs-link { text-decoration: none; color: inherit; transition: transform 200ms var(--ease-out), box-shadow 200ms var(--ease-out); }
.jobs-link:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }

/* job descriptions */
.jd-wrap { display: grid; gap: var(--space-10, 2.5rem); }
.jd-toc { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.jd-toc a { font-size: var(--text-xs); padding: .35rem .7rem; border-radius: 999px; border: 1px solid var(--color-divider); color: var(--color-text-muted); text-decoration: none; }
.jd-toc a:hover { color: var(--color-text); border-color: var(--color-primary); }
@media (min-width: 1040px) {
  .jd-wrap { grid-template-columns: 15rem minmax(0, 1fr); align-items: start; }
  .jd-toc { position: sticky; top: 96px; flex-direction: column; flex-wrap: nowrap; gap: 0; }
  .jd-toc a { border: 0; border-radius: 6px; padding: .45rem .6rem; }
  .jd-toc a:hover { background: var(--color-surface); }
}
.jd-stack { display: grid; gap: var(--space-8); min-width: 0; }
.jd { scroll-margin-top: 96px; padding: clamp(var(--space-6), 3vw, var(--space-10, 2.5rem)); border-radius: 16px; background: var(--color-surface); border: 1px solid var(--color-divider); }
.jd__head { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-4); align-items: start; }
.jd__n { font-family: var(--font-display); font-size: clamp(2rem, 1.4rem + 2vw, 3rem); line-height: 1; color: var(--color-primary); }
.jd__title { font-family: var(--font-display); font-weight: 500; font-size: clamp(1.35rem, 1.05rem + 1vw, 1.9rem); line-height: 1.15; margin-top: .3rem; text-wrap: balance; }
.jd__chips { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-3); }
.jd__summary { margin-top: var(--space-5); font-size: var(--text-lg); line-height: 1.45; }
.jd__intro { margin-top: var(--space-3); color: var(--color-text-muted); }
.jd__cols { display: grid; gap: var(--space-6); margin-top: var(--space-6); }
@media (min-width: 820px) { .jd__cols { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); } }
.jd__label { font-family: var(--font-body); font-size: var(--text-xs); letter-spacing: .16em; text-transform: uppercase; color: var(--color-primary); font-weight: 600; margin-bottom: var(--space-3); }
.jd__list { display: grid; gap: var(--space-2); padding-left: 1.1rem; list-style: disc; }
.jd__list li::marker { color: var(--color-brass); }
.jd__fit { padding: var(--space-5); border-radius: 12px; background: var(--color-surface-offset); align-self: start; }
.jd-tag { text-align: center; font-family: var(--font-display); font-style: italic; font-size: clamp(1.4rem, 1rem + 1.4vw, 2.2rem); color: var(--color-primary); margin-top: var(--space-4); }

/* no-resume */
.nr-part { margin-top: clamp(var(--space-10, 2.5rem), 6vw, var(--space-16)); margin-bottom: var(--space-4); }
.nr-step { padding: var(--space-6); border-left: 3px solid var(--color-brass); background: var(--color-surface); border-radius: 0 12px 12px 0; margin-top: var(--space-4); }
.nr-step__title { font-family: var(--font-display); font-weight: 500; font-size: var(--text-lg); margin-bottom: var(--space-2); }
.nr-step p { color: var(--color-text-muted); }
.nr-list { display: grid; gap: var(--space-3); padding-left: 1.3rem; color: var(--color-text-muted); }
.nr-list strong { color: var(--color-text); }
.nr-looking { margin-top: var(--space-12, 3rem); padding: var(--space-8); border-radius: 16px; background: var(--color-ink); color: var(--color-on-ink); }
.nr-looking .eyebrow { color: var(--color-brass); }
.nr-looking p { margin-top: var(--space-3); }
.nr-looking .jobs-pull { color: #f1d7a6; }

/* feel */
.feel-sec { margin-top: clamp(var(--space-10, 2.5rem), 6vw, var(--space-16)); }
.feel-sec__title { font-family: var(--font-display); font-weight: 500; font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.2rem); line-height: 1.15; margin-bottom: var(--space-4); text-wrap: balance; }
.feel-sec p + p { margin-top: var(--space-4); }
.feel-sec p { color: var(--color-text-muted); max-width: 66ch; }
.feel-sec p strong, .feel-sec p em { color: var(--color-text); }
.feel-nothing { margin: var(--space-6) 0 !important; font-family: var(--font-display); font-size: clamp(2.2rem, 1.4rem + 3vw, 3.6rem); line-height: 1; color: var(--color-primary) !important; }
.feel-nothing > span { display: block; margin-top: .6rem; font-size: .45em; font-style: italic; color: var(--color-text-muted); }
.feel-script { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .45rem var(--space-5); margin-top: var(--space-5); padding: var(--space-6); border-radius: 14px; background: var(--color-surface); border: 1px solid var(--color-divider); }
.feel-script dt { font-size: var(--text-xs); letter-spacing: .14em; text-transform: uppercase; color: var(--color-primary); padding-top: .2rem; }
.feel-script dd { margin: 0; font-family: var(--font-display); font-size: var(--text-lg); }
.feel-coda { margin-top: var(--space-6); max-width: 52ch; margin-inline: auto; font-family: var(--font-display); font-style: italic; color: #f1d7a6; font-size: var(--text-lg); text-align: center; }

/* flip cards */
.jc-tools { display: flex; justify-content: center; margin-bottom: var(--space-8); }
.jc-grid { display: grid; gap: var(--space-5); grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); }
.jc { perspective: 1400px; }
.jc__inner { position: relative; display: grid; width: 100%; min-height: 32rem; padding: 0; border: 0; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; transform-style: preserve-3d; transition: transform 600ms var(--ease-out); border-radius: 18px; }
.jc__inner[aria-pressed='true'] { transform: rotateY(180deg); }
.jc__inner:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 4px; }
.jc__face { grid-area: 1 / 1; position: relative; min-height: 32rem; display: flex; flex-direction: column; padding: var(--space-6); border-radius: 18px; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.jc__front { background: var(--color-ink); color: var(--color-on-ink); justify-content: space-between; align-items: center; text-align: center; border: 1px solid rgba(185, 139, 70, .5); box-shadow: inset 0 0 0 8px var(--color-ink), inset 0 0 0 9px rgba(185, 139, 70, .55); }
.jc__brand { font-size: var(--text-xs); letter-spacing: .24em; text-transform: uppercase; color: var(--color-brass); margin-top: var(--space-3); }
.jc__name { font-family: var(--font-display); font-size: clamp(1.7rem, 1.2rem + 1.1vw, 2.25rem); overflow-wrap: anywhere; padding-inline: var(--space-2); line-height: 1.05; text-wrap: balance; }
.jc__pick { font-family: var(--font-display); font-style: italic; color: #f1d7a6; font-size: var(--text-base); max-width: 18ch; }
.jc__hint { font-size: var(--text-xs); letter-spacing: .16em; text-transform: uppercase; color: rgba(242, 236, 225, .6); margin-bottom: var(--space-2); }
.jc__back { transform: rotateY(180deg); background: var(--color-surface); border: 1px solid var(--color-divider); gap: var(--space-2); }
.jc__label { font-size: var(--text-xs); letter-spacing: .16em; text-transform: uppercase; color: var(--color-primary); font-weight: 600; margin-top: var(--space-2); }
.jc__label:first-child { margin-top: 0; }
.jc__title { font-family: var(--font-display); font-size: var(--text-lg); line-height: 1.2; }
.jc__desc { font-size: var(--text-sm); line-height: 1.45; color: var(--color-text-muted); }
.jc__chips { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: auto; padding-top: var(--space-2); }
.jc__chips .job-chip { white-space: normal; }
.jc__foot { font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; color: var(--color-text-faint, var(--color-text-muted)); margin-top: var(--space-2); }
@media (prefers-reduced-motion: reduce) { .jc__inner { transition: none; } }

/* idea board */
.ib-board { display: grid; gap: var(--space-6); grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); }
.ib-col__title { font-family: var(--font-body); font-size: var(--text-xs); letter-spacing: .18em; text-transform: uppercase; color: var(--color-primary); font-weight: 600; padding-bottom: var(--space-3); border-bottom: 2px solid var(--color-brass); margin-bottom: var(--space-4); }
.ib-notes { display: grid; gap: var(--space-4); }
.ib-note { display: grid; gap: .35rem; padding: var(--space-5); border-radius: 4px 14px 14px 14px; background: #f4e7c8; color: #3a3122; box-shadow: 0 1px 0 rgba(0,0,0,.04), 0 6px 18px -10px rgba(60, 45, 20, .45); }
.ib-col:nth-child(even) .ib-note:nth-child(odd), .ib-col:nth-child(odd) .ib-note:nth-child(even) { background: #ede3d1; }
[data-theme='dark'] .ib-note { background: #2c271d; color: var(--color-text); }
[data-theme='dark'] .ib-col:nth-child(even) .ib-note:nth-child(odd), [data-theme='dark'] .ib-col:nth-child(odd) .ib-note:nth-child(even) { background: #262219; }
.ib-note__title { font-family: var(--font-display); font-size: var(--text-lg); line-height: 1.2; }
.ib-note__desc { font-size: var(--text-sm); line-height: 1.45; opacity: .85; }
.ib-form { display: grid; gap: var(--space-5); padding: clamp(var(--space-6), 3vw, var(--space-10, 2.5rem)); border-radius: 16px; background: var(--color-surface); border: 1px solid var(--color-divider); }
.ib-field { display: grid; gap: .4rem; font-size: var(--text-sm); font-weight: 600; }
.ib-field input, .ib-field textarea { font: inherit; font-weight: 400; font-size: var(--text-base); padding: .75rem .9rem; border-radius: 10px; border: 1px solid var(--color-border); background: var(--color-surface-2); color: var(--color-text); width: 100%; }
.ib-field input:focus, .ib-field textarea:focus { outline: 2px solid var(--color-primary); outline-offset: 1px; border-color: transparent; }
.ib-kind { border: 0; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: var(--space-2); }
.ib-kind legend { font-size: var(--text-sm); font-weight: 600; margin-bottom: var(--space-2); width: 100%; }
.ib-kind label { display: inline-flex; align-items: center; gap: .45rem; padding: .45rem .85rem; border-radius: 999px; border: 1px solid var(--color-border); font-size: var(--text-sm); cursor: pointer; }
.ib-kind label:has(input:checked) { border-color: var(--color-primary); color: var(--color-primary); background: var(--color-surface-2); }
.ib-kind input { accent-color: var(--color-primary); }
.ib-error { color: #a13544; font-size: var(--text-sm); }
.ib-note-small { font-size: var(--text-sm); color: var(--color-text-muted); }
.ib-form .btn { justify-self: start; }
.jobs-hours--top { margin-top: 0; }
.jd-crew__label { margin-top: var(--space-6); }
.jd-crew { display: grid; gap: var(--space-4); grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); }
.jd-crew__item { position: relative; padding: var(--space-5); padding-top: var(--space-6); border-radius: 12px; background: var(--color-surface-2); border: 1px solid var(--color-divider); }
.jd-crew__n { position: absolute; top: var(--space-4); right: var(--space-4); font-family: var(--font-display); font-size: var(--text-lg); color: var(--color-brass); line-height: 1; }
.jd-crew__title { font-family: var(--font-display); font-weight: 500; font-size: var(--text-lg); line-height: 1.2; margin-bottom: var(--space-2); padding-right: var(--space-6); }
.jd-crew__item p { font-size: var(--text-sm); color: var(--color-text-muted); line-height: 1.5; }
.job-chip { white-space: normal; max-width: 100%; }
@media (min-width: 640px) { .jd-crew { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 900px) {
  .jobs-row a { grid-template-columns: 3rem minmax(0, 1fr) minmax(0, 21rem); }
  .jobs-row__chips { justify-content: flex-end; align-content: center; }
}
.hero--feel .hero__media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(20,18,14,.82) 0%, rgba(20,18,14,.62) 42%, rgba(20,18,14,.12) 72%, rgba(20,18,14,0) 100%); }
.hero--feel .hero__eyebrow { color: #f1d7a6; }
@media (max-width: 720px) { .hero--feel .hero__media::after { background: rgba(20,18,14,.66); } }
.feel-ask { margin-top: var(--space-6) !important; font-family: var(--font-display); font-style: italic; font-size: clamp(1.25rem, 1rem + .9vw, 1.7rem) !important; line-height: 1.25; color: var(--color-text) !important; }
.feel-ask + .feel-nothing { margin-top: var(--space-3) !important; letter-spacing: .02em; }
.feel-nothing [lang] { white-space: nowrap; font-style: normal; }
.jobs-copy-note { margin-top: var(--space-4); font-size: var(--text-sm); color: rgba(242, 236, 225, .78); }
.jobs-copy-note strong { color: var(--color-on-ink); overflow-wrap: anywhere; }
.ib-fallback { display: grid; gap: var(--space-3); padding: var(--space-5); border-radius: 12px; border: 1px solid var(--color-primary); background: var(--color-surface-2); }
.ib-fallback__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.ib-fallback .btn--outline { background: transparent; color: var(--color-primary); border: 1px solid var(--color-primary); }
.jobs-copy-note, .jobs-copy-note + p { text-align: center; }
.section--ink .wrap--default > .eyebrow, .jobs-copy-note, .jobs-copy-note + p { margin-inline: auto; }