/* Orange and warm-white system, matched to the user-selected reference. */
:root{--orange:#fe6701;--orange2:#ff8a3d;--navy:#15213a;--muted:#5f6f88;--line:#ffdcc0;--paper:#fff8f0}
body{color:#15213a;background:#fff}::selection{background:#ffd7b8;color:#15213a}
.header{background:#fffffff2;border-bottom:1px solid #ffdcc0}.header nav a,.nav-more summary{color:#5f6f88}.header nav a:hover,.header nav a.active{color:#fe6701}
.brand-icon{background:linear-gradient(135deg,#ff8a12,#fe6701)}.brand{color:#15213a}.orange{color:#fe6701}.demo-ribbon{background:#fff8f0;border-color:#ffdcc0;color:#b05a1c}
.demo-ribbon .wrap{gap:14px}.demo-ribbon button{border:0;background:none;font:inherit;font-size:11px;color:#ac5318;cursor:pointer;padding:5px 0;text-decoration:underline;text-underline-offset:3px}.demo-ribbon b{color:#bd5513;border-color:#ffccaa}
.button.primary{background:linear-gradient(115deg,#fe6701,#ff8520);border-color:#ff7510;box-shadow:0 8px 23px #fe67011c}.button.primary:hover{background:linear-gradient(115deg,#ee5800,#ff7e15);box-shadow:0 12px 26px #fe67012a;transform:translateY(-2px)}
.button.outline{border-color:#ffc7a0;color:#d85b0b;background:#fff}.button.outline:hover{background:#fff4ea}.button:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible{outline-color:#ff861c;outline-offset:4px}
.section{padding:72px 0}.section.tinted{background:#fffaf5}.section-heading h2{color:#15213a;font-size:30px;line-height:1.45}.section-heading p{color:#5f6f88;font-size:13px;line-height:1.9}.module{color:#f36a13;border-color:#ffdcc0;background:#fff5eb}.kicker{color:#c26424}
.hero h1{color:#15213a}.hero .gradient-text{background:linear-gradient(100deg,#fe6701,#ff9010);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-stats strong{color:#fe6701}.hero-stats{background:#ffffffb3;border-color:#ffe0c7;backdrop-filter:blur(5px)}.hero-stats p,.hero-description{color:#73829b}.hero-pill{color:#df610e;border-color:#ffdcc0;background:#fff8ed}
.ticker-shell{background:#fff8f0;border-color:#ffdcc0}.ticker-label{background:linear-gradient(110deg,#ff7a12,#fe6701)}.ticker-track{color:#677890}.booking-guide{background:#fff5e9;border-color:#ffdab9}.booking-guide strong{color:#9a5410}.booking-guide p{color:#7c8191}.booking-guide a{color:#d85b0b}
.library-shell{border-color:#ffe1c9;background:#fff;box-shadow:0 16px 44px #d38a3c07}.library-top{border-color:#ffe7d5}.grade-tabs button.active{color:#e75e00;border-color:#ffb57d;background:#fff5e9}.view-switch button.active{background:#fe6701;color:white}.library-footer{border-color:#ffe7d5}
/* Small consistent portraits support recognition alongside course information. */
.v4-teacher-grid .v4-teacher-card{border:1px solid #ffe0c7;border-radius:14px;background:#fff;box-shadow:0 8px 22px #ac651108;overflow:hidden;min-height:368px}
.v4-teacher-grid .v4-teacher-card:hover{border-color:#ffad70;box-shadow:0 12px 32px #da761316;transform:translateY(-3px)}
.v5-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px 0}.v5-card-direction{font-size:11px;letter-spacing:.06em;color:#c05b1b}.v5-card-top .grade-badge{position:static;font-size:10px;padding:4px 9px}
.v4-teacher-grid .v4-teacher-info{padding:18px 22px 20px}.v4-teacher-info .teacher-name h3{font-size:23px;color:#15213a}.v4-teacher-info .teacher-name>span{font-size:9px;color:#8c98a9}.v4-teacher-info .v4-teacher-company{font-size:12px;color:#687992;line-height:1.8}
.v4-card-subject{margin-top:22px;border-top:1px solid #fff0e3;padding-top:18px}.v4-card-subject>span{font-size:10px;color:#c05b1b}.v4-card-subject>h4{font-size:19px;line-height:1.6;color:#15213a;min-height:60px}.v4-card-audience{font-size:12px;color:#5f6f88;margin-top:15px}.v4-card-audience>span{font-size:10px;color:#8c98a9}.v4-card-meta{font-size:10px}.v4-card-meta>span{background:#fff8f0;border-color:#ffe8d5;color:#786f70}.v4-teacher-info .v4-teacher-actions{border-top-color:#ffe7d5}.v4-teacher-info .v4-teacher-actions>button:first-child{color:#e56008;font-size:12px}.v4-teacher-info .v4-teacher-actions>button:last-child{color:#7c879a;font-size:10px;border-color:#ffe1c7}
.v4-filter-controls>label{font-size:12px}.v4-filter-controls select{font-size:13px;color:#28324a;background:#fff}.v4-filter-status{font-size:12px}.v4-filter-intro>p{font-size:12px}
/* Benchmark stories keep their original portrait-led editorial layout. */
.ai-section{background:#fffaf5}.ai-banner{background:linear-gradient(115deg,#fff1dd,#fffaf1);border-color:#ffd5ad}.ai-symbol{color:#ff7c13}.closing{background:radial-gradient(ellipse at 50% 20%,#ffe1bd,#fff5e8 65%);color:#15213a}.closing h2{color:#15213a}.closing p{color:#77829a}.closing .kicker{color:#c15c1a}.closing .button.light{background:white;color:#cb5b10;border:1px solid #ffbf91}
@media(max-width:800px){.section{padding:54px 0}.section-heading h2{font-size:25px}.v4-filter-controls select{font-size:13px}.v5-card-top{padding:18px 20px 0}.v4-teacher-grid .v4-teacher-info{padding:17px 20px 20px}.v4-teacher-grid .v4-teacher-card{min-height:350px}.v4-card-subject>h4{font-size:18px}}
@media(prefers-reduced-motion:reduce){.v4-teacher-grid .v4-teacher-card,.v5-story-orbit{transition:none!important;transform:none!important}}.motion-paused .v4-teacher-grid .v4-teacher-card,.motion-paused .v5-story-orbit{transition:none!important}
/* Recognition portraits have the same size and treatment on every card. */
.v5-person-identity{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;min-height:82px}
.v5-recognition-avatar{display:block;width:72px;height:82px;object-fit:cover;object-position:50% 22%;border-radius:10px;border:1px solid #ffdec5;background:#fff1e6}
.v5-person-identity .teacher-name{display:block}.v5-person-identity .teacher-name h3{font-size:23px;margin:0 0 4px}.v5-person-identity .teacher-name>span{display:block;font-size:8px;letter-spacing:.5px}.v5-person-identity .v4-teacher-company{font-size:11px;margin-top:5px;line-height:1.65}
@media(max-width:760px){.v5-person-identity{grid-template-columns:68px minmax(0,1fr);gap:13px;min-height:78px}.v5-recognition-avatar{width:68px;height:78px}.v5-person-identity .teacher-name h3{font-size:24px}.v5-person-identity .v4-teacher-company{font-size:12px}}