/* Five ceremonial invitations; native details keeps keyboard and no-JS access. */
#teams.teams-unveiling {display:block;height:auto;min-height:100svh;}
#teams .school-invitations {position:relative;z-index:1;max-width:1080px;margin:64px auto 0;display:grid;gap:20px;text-align:left;}
.school-invitation {border:1px solid #725c38;background:linear-gradient(120deg,rgba(194,151,83,.09),rgba(9,9,8,.96) 65%);border-radius:4px;color:#eee5d6;overflow:hidden;}
.school-invitation summary {min-height:132px;padding:30px 38px;display:flex;align-items:center;gap:28px;cursor:pointer;list-style:none;}
.school-invitation summary::-webkit-details-marker {display:none;}
.school-invitation summary:hover {background:rgba(207,168,106,.07);}
.school-invitation summary:focus-visible,.school-social a:focus-visible {outline:2px solid #e2c08a;outline-offset:-5px;}
.school-invitation-number {display:grid;place-items:center;flex-shrink:0;width:64px;height:64px;border:1px solid #aa8750;border-radius:50%;font-family:var(--font-heading,serif);font-size:28px;color:#d7b579;box-shadow:0 0 0 7px rgba(169,133,74,.05);}
.school-invitation-prompt {font-size:16px;letter-spacing:.2em;color:#d4bf9d;}
.school-invitation-action {margin-left:auto;font-size:13px;letter-spacing:.15em;color:#d7b579;}
.school-invitation-action span {display:inline-block;margin-left:12px;transition:transform .6s;}
.school-invitation[open] .school-invitation-action span {transform:rotate(45deg);}
.school-invitation[open] summary {border-bottom:1px solid rgba(194,151,83,.25);}
.school-reveal-body {padding:44px 52px 48px;animation:school-unseal 1.1s cubic-bezier(.16,1,.3,1) both;}
.school-reveal-kicker {color:#c8a96f;font-size:12px;letter-spacing:.25em;margin:0 0 18px;}
#teams .school-reveal-body h3 {font-family:var(--font-heading,serif);font-size:clamp(27px,4.2vw,48px);line-height:1.4;color:#f0e3cc;margin:0 0 12px;}
.school-team-name {font-size:14px;color:#ccbda5;line-height:1.8;margin:0 0 26px;}
.school-introduction {max-width:850px;font-size:17px;line-height:2;color:#e1d8c9;margin:0 0 32px;}
.school-repertoire {border-top:1px solid rgba(194,151,83,.24);padding-top:24px;}
.school-repertoire h4 {font-size:12px;letter-spacing:.22em;color:#c8a96f;margin:0 0 16px;}
.school-repertoire ul {display:flex;flex-wrap:wrap;gap:10px 20px;list-style:none;padding:0;margin:0;font-size:18px;line-height:1.8;color:#eee5d6;}
.school-social {display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin-top:30px;}
.school-social a {padding:10px 0;border-bottom:1px solid #967744;color:#e0bf87;text-decoration:none;font-size:14px;}
.school-social a:hover {color:#fff0d4;border-color:#fff0d4;}
.school-social-missing {font-size:12px;color:#a99f8e;}
.school-invitation-pending {display:flex;flex-direction:column;align-items:center;gap:14px;padding:38px 20px;text-align:center;border-style:dashed;}
.school-invitation-pending p {margin:0;color:#aa9980;font-size:13px;letter-spacing:.14em;}
#teams .school-invitation-pending h3 {margin:0;color:#c8a96f;font-size:22px;letter-spacing:.2em;}
@keyframes school-unseal {from{opacity:0;transform:translateY(22px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(max-width:600px){#teams .school-invitations{margin-top:40px;gap:14px}.school-invitation summary{min-height:110px;padding:22px 18px;gap:15px}.school-invitation-number{width:45px;height:45px;font-size:23px}.school-invitation-prompt{font-size:13px;letter-spacing:.1em}.school-invitation-action{font-size:11px;letter-spacing:0}.school-invitation-action span{margin-left:5px}.school-reveal-body{padding:30px 22px}.school-introduction{font-size:15px;line-height:1.95}.school-team-name{font-size:12px}.school-repertoire ul{font-size:16px;gap:8px}}
@media(prefers-reduced-motion:reduce){.school-reveal-body{animation:none}.school-invitation-action span{transition:none}#teams .teams-ritual-seal{animation:none}}
