/* Pai's artwork stays in normal document flow and never covers code controls. */
.pai-brand{width:39px;height:39px;object-fit:contain;background:#fff;border-radius:9px;flex:none}
.pai-label{display:block;color:#177465;font-size:11px;font-weight:750;letter-spacing:.03em;margin-bottom:8px}
.pai-hero{position:relative;isolation:isolate;min-width:0;border:1px solid #e6ddbd;border-radius:22px;background:#fff;padding:27px 24px 20px;box-shadow:0 20px 48px #1e27610c;text-align:center}
.pai-hero::before{content:"";position:absolute;inset:14px;border:1px dashed #ede4cc;border-radius:15px;z-index:-1;pointer-events:none}
.pai-hero-copy h2{font-size:28px;margin-bottom:9px}.pai-hero-copy h2 em{font-style:normal;color:var(--teal)}
.pai-hero-copy p{font-size:14px;color:var(--muted);line-height:1.65;margin-bottom:4px}
.pai-hero-image{display:block;width:280px;height:280px;max-width:100%;object-fit:contain;margin:6px auto 8px}
.pai-speech{position:relative;max-width:390px;margin:0 auto;background:#fff8df;border:1px solid #eddda3;border-radius:12px;padding:12px 16px;text-align:left;min-height:105px}
.pai-speech::before{content:"";position:absolute;top:-7px;left:calc(50% - 7px);width:12px;height:12px;background:#fff8df;border-top:1px solid #eddda3;border-left:1px solid #eddda3;transform:rotate(45deg)}
.pai-speech b{display:block;font-size:13px;color:var(--navy);margin-bottom:4px}.pai-speech p{font-size:13px;margin:0;line-height:1.7;color:#495474}
.pai-mood-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:15px 0 8px}.pai-mood-buttons button{font-size:11px;padding:6px 9px;border-radius:20px;min-height:33px}
.pai-mood-buttons button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.pai-about{font-size:11px;color:var(--muted)}
.pai-note{display:grid;grid-template-columns:96px minmax(0,1fr);gap:19px;align-items:center;padding:16px 19px;margin:23px 0;border:1px solid #e5dec9;border-left:4px solid var(--gold);border-radius:11px;background:#fff}
.pai-image{display:block;width:100%;height:auto;object-fit:contain}.pai-note .pai-image{width:96px;height:96px}
.pai-note strong{display:block;font-size:15px;line-height:1.65;color:var(--navy)}.pai-note p{margin:7px 0 0;font-size:13px;line-height:1.8;color:#52617a}
.pai-note .pai-label{font-size:10px;margin-bottom:5px}.pai-note[data-pai-mood=debug]{border-left-color:#dc9950}.pai-note[data-pai-mood=celebrate]{border-left-color:var(--teal)}
.pai-note--runtime{margin:16px 0;grid-template-columns:78px minmax(0,1fr);padding:12px 16px}.pai-note--runtime .pai-image{width:78px;height:78px}.pai-note--runtime strong{font-size:14px}
.pai-unit-hero{position:relative;padding-right:max(250px,calc((100vw - 1200px)/2 + 230px))}.pai-unit-image{position:absolute;width:164px;height:164px;object-fit:contain;right:max(5%,calc((100vw - 1200px)/2));top:45px;border-radius:50%;background:white;border:5px solid #ffffff35;box-shadow:0 8px 24px #11183122}
.pai-feedback{display:flex;align-items:flex-start;gap:12px}.pai-feedback-image{width:62px;height:62px;object-fit:contain;flex:none;border-radius:8px;background:#fff}.pai-feedback-copy{min-width:0}.pai-feedback-copy b{display:block;font-size:12px;margin-bottom:4px}.pai-feedback-copy p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.feedback.pai-feedback{max-height:300px}
.pai-intro{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:center;margin:35px 0 50px}.pai-intro h2{margin-top:0}.pai-intro p{font-size:14px}.pai-sheet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 42px}.pai-sheet article{border:1px solid var(--line);border-radius:12px;padding:18px;background:#fff}.pai-sheet img{width:100%;max-height:210px;object-fit:contain}.pai-sheet h3{font-size:18px;margin:16px 0 9px}.pai-sheet p{font-size:13px;line-height:1.8}.pai-sheet a{font-size:12px}.mascot-page .lead{font-size:16px}
@media(max-width:960px){.pai-hero{max-width:620px;width:100%;margin:auto}.pai-hero-image{width:260px;height:260px}.pai-unit-hero{padding-right:220px}.pai-unit-image{right:4%;width:145px;height:145px}.pai-intro{grid-template-columns:190px minmax(0,1fr);gap:24px}}
@media(max-width:640px){.pai-brand{width:32px;height:32px}.pai-hero{padding:22px 15px 18px}.pai-hero-copy h2{font-size:25px}.pai-hero-copy p{font-size:13px}.pai-hero-image{width:240px;height:240px}.pai-speech{min-height:113px}.pai-mood-buttons button{font-size:10px;padding:6px 8px}.pai-note{grid-template-columns:70px minmax(0,1fr);gap:12px;padding:14px 12px}.pai-note .pai-image{width:70px;height:70px}.pai-note strong{font-size:13px}.pai-note p{font-size:12px}.pai-note .pai-label{font-size:9px}.pai-unit-hero{padding-right:5%}.pai-unit-image{position:static;float:right;width:86px;height:86px;margin:0 0 10px 14px;border-width:3px}.pai-unit-hero .eyebrow{max-width:calc(100% - 104px);font-size:10px;line-height:1.6}.pai-unit-hero h1{font-size:29px}.pai-unit-hero .tags{clear:both}.pai-feedback{gap:9px}.pai-feedback-image{width:48px;height:48px}.pai-intro{grid-template-columns:1fr;gap:20px}.pai-intro>.pai-image{width:210px;margin:auto}.pai-intro h2{font-size:25px}.pai-sheet{grid-template-columns:1fr 1fr;gap:12px}.pai-sheet article{padding:12px}.pai-sheet img{max-height:155px}.pai-sheet h3{font-size:16px}.pai-sheet p{font-size:12px}}
@media print{.pai-hero,.pai-brand,.pai-unit-image,.pai-mood-buttons{display:none}.pai-note{break-inside:avoid;box-shadow:none}.pai-note .pai-image{width:70px;height:70px}.pai-feedback-image{display:none}}
.pai-auto{font-size:12px;padding:6px 12px;margin:6px auto}.pai-auto-hint{font-size:11px;color:var(--muted);margin:4px 0 12px}