:root{--brand:#174a3a;--brand-2:#c89545;--ink:#18211e;--muted:#65736e;--surface:#f5f7f6;--line:#dfe6e2}*{box-sizing:border-box}body{font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff}.navbar-brand strong,.display-font,h1,h2,h3{font-family:'Playfair Display',serif}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--brand),#276d56);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(23,74,58,.22)}.brand-mark i{font-size:1.15rem}.navbar-brand small{font-size:.68rem}.nav-link{font-weight:600;color:#4d5b56}.nav-link:hover{color:var(--brand)}.btn-brand{background:var(--brand);border-color:var(--brand);color:#fff}.btn-brand:hover{background:#103d30;border-color:#103d30;color:#fff}.hero{background:radial-gradient(circle at 88% 8%,rgba(200,149,69,.2),transparent 28%),linear-gradient(145deg,#f7faf8,#eef5f1);border-bottom:1px solid var(--line);overflow:hidden}.hero-badge{display:inline-flex;gap:.5rem;align-items:center;padding:.5rem .8rem;border:1px solid rgba(23,74,58,.15);background:#fff;border-radius:999px;color:var(--brand);font-weight:700;font-size:.86rem}.hero h1{font-size:clamp(2.4rem,6vw,5rem);line-height:1.03;letter-spacing:-.04em}.hero h1 span{color:var(--brand)}.hero-visual{position:relative;min-height:420px}.floating-card{position:absolute;background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.25rem;box-shadow:0 25px 60px rgba(24,33,30,.12)}.floating-card.main{width:76%;right:0;top:35px;transform:rotate(2deg)}.floating-card.small-a{width:52%;left:0;bottom:38px;transform:rotate(-4deg)}.floating-card.small-b{width:42%;right:8%;bottom:4px}.cover-gradient{aspect-ratio:16/10;border-radius:15px;background:linear-gradient(135deg,#174a3a,#d4aa65);display:flex;align-items:center;justify-content:center;color:white;font-size:4rem}.section-label{font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:var(--brand);font-weight:800}.work-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;height:100%;transition:.22s ease}.work-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(24,33,30,.1)}.work-cover{height:210px;object-fit:cover;width:100%;background:#e7eeea}.work-cover.placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eaf2ee,#f7ead7);font-size:3rem;color:var(--brand)}.meta{font-size:.82rem;color:var(--muted)}.category-chip{display:inline-block;padding:.36rem .7rem;border-radius:999px;background:#edf4f1;color:var(--brand);font-size:.76rem;font-weight:700}.stats-strip{background:var(--brand);color:white;border-radius:24px}.stats-strip strong{font-size:2rem}.feature-icon{width:54px;height:54px;border-radius:16px;background:#edf4f1;color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:1.35rem}.site-footer{background:#f5f7f6;border-top:1px solid var(--line)}.site-footer a{display:block;color:#65736e;text-decoration:none;margin:.55rem 0}.auth-shell{min-height:calc(100vh - 90px);background:linear-gradient(135deg,#edf4f1,#fff 58%,#f7ecda)}.auth-card{border:1px solid var(--line);border-radius:24px;box-shadow:0 25px 70px rgba(24,33,30,.1)}.form-control,.form-select{border-radius:12px;padding:.72rem .9rem;border-color:#d7e0dc}.form-control:focus,.form-select:focus{border-color:#7ba592;box-shadow:0 0 0 .25rem rgba(23,74,58,.1)}.dashboard-shell{background:#f5f7f6;min-height:calc(100vh - 90px)}.dashboard-card{background:#fff;border:1px solid var(--line);border-radius:18px}.sidebar-link{display:flex;gap:.7rem;align-items:center;padding:.75rem .9rem;border-radius:11px;text-decoration:none;color:#4d5b56;font-weight:600}.sidebar-link:hover,.sidebar-link.active{background:#edf4f1;color:var(--brand)}.stat-card{border:1px solid var(--line);border-radius:18px;background:white}.article-cover{max-height:520px;width:100%;object-fit:cover;border-radius:24px}.article-body{font-family:Georgia,serif;font-size:1.12rem;line-height:1.9;color:#26332e}.table>:not(caption)>*>*{padding:.9rem .75rem}.avatar-circle{width:42px;height:42px;border-radius:50%;background:#e6eeea;display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:var(--brand)}@media(max-width:991px){.hero-visual{min-height:330px}.floating-card.main{width:82%}.floating-card.small-a{width:58%}}@media(max-width:575px){.hero-visual{display:none}.hero{padding-bottom:2rem}.work-cover{height:190px}}
.format-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.34rem .65rem;border-radius:999px;background:#f4efe6;color:#765825;font-size:.75rem;font-weight:700;white-space:nowrap}.work-cover-link{display:block;position:relative;overflow:hidden}.work-cover-link .work-cover{transition:transform .35s ease}.work-card:hover .work-cover-link .work-cover{transform:scale(1.025)}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(transparent,rgba(0,0,0,.18))}.play-overlay i{width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:2rem;padding-left:.18rem;box-shadow:0 10px 30px rgba(0,0,0,.18)}.upload-panel{background:linear-gradient(145deg,#f7faf8,#fff);border:1px dashed #a9bdb4;border-radius:18px}.upload-icon{width:48px;height:48px;border-radius:14px;background:#e8f1ed;color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex:0 0 auto}.upload-limit{font-size:.78rem;color:var(--brand);font-weight:700}.current-file{padding:1rem;background:#fff;border:1px solid var(--line);border-radius:12px}.poster-frame{padding:18px;background:#eef2f0;border:1px solid var(--line);border-radius:24px;text-align:center}.poster-frame img{max-width:100%;max-height:1100px;object-fit:contain;border-radius:14px;box-shadow:0 20px 45px rgba(24,33,30,.13)}.video-shell{background:#101412;border-radius:24px;overflow:hidden;box-shadow:0 22px 55px rgba(24,33,30,.2)}.video-shell video{display:block;width:100%;max-height:680px}.work-description{padding-top:1rem}.document-viewer-card{display:flex;align-items:center;gap:1.5rem;background:linear-gradient(135deg,#f4f8f6,#f8efe1);border:1px solid var(--line);border-radius:24px}.document-icon{width:86px;height:86px;border-radius:22px;background:#fff;color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:2.6rem;box-shadow:0 12px 35px rgba(24,33,30,.09);flex:0 0 auto}.moderation-poster{display:block;max-width:100%;max-height:520px;object-fit:contain;border-radius:16px;border:1px solid var(--line);background:#f2f4f3}.moderation-video{display:block;width:100%;max-height:420px;border-radius:16px;background:#111}@media(max-width:575px){.document-viewer-card{align-items:flex-start;flex-direction:column}.document-icon{width:64px;height:64px;font-size:2rem}}
.pdf-preview-modal .modal-content{border:0;border-radius:22px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.28)}.pdf-preview-modal .modal-header,.pdf-preview-modal .modal-footer{background:#fff;border-color:var(--line)}.pdf-preview-modal .min-width-0{min-width:0}.pdf-viewer-wrap{position:relative;min-height:72vh;background:#525659}.pdf-viewer-frame{display:block;width:100%;height:72vh;border:0;background:#525659}.pdf-loading{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:.75rem;background:#525659;color:#fff;font-weight:700}.pdf-loading[hidden]{display:none!important}@media(max-width:991px){.pdf-preview-modal .modal-content{border-radius:0}.pdf-viewer-wrap,.pdf-viewer-frame{height:calc(100vh - 132px);min-height:calc(100vh - 132px)}.pdf-preview-modal .modal-footer{display:none}}

/* V7 — Editorial Reader-First Homepage */
:root{--brand:#1453a6;--brand-dark:#0a2f63;--brand-bright:#2f73d9;--brand-soft:#eaf2ff;--brand-2:#f3be45;--ink:#15233a;--muted:#66758d;--surface:#f6f8fc;--line:#dce5f2}
body{font-family:'Plus Jakarta Sans',sans-serif;color:var(--ink);background:#fff}
.navbar-brand strong,.display-font,h1,h2,h3{font-family:'DM Serif Display',serif;font-weight:400}
.school-ribbon{background:#0a2f63;color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.02em}
.school-ribbon-motto{color:#ffd66f}
.site-navbar{background:rgba(255,255,255,.96);border-bottom:1px solid rgba(17,52,99,.1);backdrop-filter:blur(14px);box-shadow:0 6px 24px rgba(15,47,94,.05)}
.brand-logo{width:54px;height:54px;object-fit:contain;padding:4px;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(15,47,94,.12)}
.brand-logo-footer{width:62px;height:62px}
.navbar-brand strong{font-size:1.3rem;color:var(--ink)}
.navbar-brand small{font-family:'Plus Jakarta Sans',sans-serif;font-size:.69rem;letter-spacing:.02em}
.nav-link{font-weight:700;color:#40536d;position:relative}
.nav-link:after{content:"";position:absolute;left:.5rem;right:.5rem;bottom:.25rem;height:2px;background:var(--brand);transform:scaleX(0);transition:.2s ease}
.nav-link:hover{color:var(--brand)}
.nav-link:hover:after{transform:scaleX(1)}
.btn-brand{background:linear-gradient(135deg,var(--brand),var(--brand-bright));border-color:var(--brand);color:#fff;font-weight:800;box-shadow:0 12px 26px rgba(20,83,166,.2)}
.btn-brand:hover{background:linear-gradient(135deg,var(--brand-dark),var(--brand));border-color:var(--brand-dark);color:#fff;transform:translateY(-1px)}
.btn-ghost-light{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;font-weight:800}
.btn-ghost-light:hover{background:#fff;color:var(--brand-dark);border-color:#fff}
.section-label,.section-eyebrow{font-family:'Plus Jakarta Sans',sans-serif;font-size:.73rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brand);font-weight:800}
.site-footer{background:#f5f8fd;border-top:1px solid var(--line)}
.site-footer a{display:block;color:#64748b;text-decoration:none;margin:.55rem 0;font-weight:600}
.site-footer a:hover{color:var(--brand)}
.footer-motto{display:inline-block;margin-top:.45rem;padding:.5rem .85rem;border-radius:999px;background:#eaf2ff;color:var(--brand-dark);font-size:.78rem;font-weight:800}

.editorial-home{overflow:hidden}
.py-lg-6{padding-top:5.5rem!important;padding-bottom:5.5rem!important}
.editorial-hero{position:relative;background:linear-gradient(118deg,#081e42 0%,#0a3268 55%,#1453a6 100%);color:#fff}
.editorial-hero:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-230px;top:-310px;background:radial-gradient(circle,rgba(255,214,111,.22),transparent 68%)}
.editorial-hero:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;left:-260px;bottom:-350px;border:1px solid rgba(255,255,255,.1)}
.editorial-hero>.container{position:relative;z-index:2}
.hero-kicker{display:flex;align-items:center;gap:.7rem;font-size:.79rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#bfd4f5}
.hero-kicker span{width:42px;height:2px;background:#f3be45}
.editorial-title{font-size:clamp(2.65rem,5.2vw,5.15rem);line-height:.98;letter-spacing:-.035em;max-width:800px;margin:1.35rem 0 1.4rem;color:#fff}
.editorial-lead{font-size:1.08rem;line-height:1.8;color:#c8d8ef;max-width:720px}
.hero-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;background:#fff;border-radius:16px;padding:.55rem;margin:1.7rem 0 1.25rem;max-width:720px;box-shadow:0 22px 48px rgba(0,0,0,.2)}
.hero-search>i{font-size:1.25rem;color:#74849a;margin-left:.65rem}
.hero-search input{border:0;outline:0;min-width:0;padding:.75rem .3rem;font-size:.95rem;color:var(--ink)}
.hero-search button{border:0;border-radius:11px;padding:.78rem 1.25rem;background:var(--brand);color:#fff;font-weight:800}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}
.editorial-stats{display:flex;gap:2rem;flex-wrap:wrap;margin-top:2.2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.13)}
.editorial-stats div{display:flex;flex-direction:column}
.editorial-stats strong{font-size:1.55rem;color:#fff}
.editorial-stats span{font-size:.76rem;color:#a9bfdd;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.hero-feature-card{background:#fff;color:var(--ink);border-radius:26px;overflow:hidden;box-shadow:0 34px 80px rgba(0,0,0,.28);transform:rotate(1deg)}
.hero-feature-media{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#eaf1fb}
.hero-feature-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.hero-feature-card:hover .hero-feature-media img{transform:scale(1.035)}
.hero-feature-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dce9fc,#f5f8fd);font-size:5rem;color:var(--brand)}
.feature-label{position:absolute;left:1rem;top:1rem;background:#f3be45;color:#2f2a17;border-radius:999px;padding:.5rem .8rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.hero-play,.story-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.hero-play i,.story-play i{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--brand);font-size:2rem;box-shadow:0 15px 35px rgba(0,0,0,.2)}
.hero-feature-content{padding:1.45rem 1.6rem 1.5rem}
.hero-feature-content h2{font-size:2rem;line-height:1.08;margin:.25rem 0 .75rem}
.hero-feature-content h2 a{color:var(--ink);text-decoration:none}
.hero-feature-content p{color:var(--muted);line-height:1.7;margin-bottom:1.15rem}
.feature-byline{display:flex;justify-content:space-between;gap:1rem;color:#718097;font-size:.8rem;font-weight:700}
.hero-empty-feature{padding:2.2rem;border-radius:28px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 70px rgba(0,0,0,.2)}
.hero-empty-feature img{width:92px;height:92px;object-fit:contain;background:#fff;border-radius:22px;padding:8px;margin-bottom:1.2rem}
.hero-empty-feature>span{display:block;color:#ffd66f;font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800}
.hero-empty-feature h2{color:#fff;font-size:2.25rem;margin:.7rem 0}
.hero-empty-feature p{color:#c7d6ed;line-height:1.7}

.format-navigation{position:relative;z-index:4;margin-top:-1.3rem}
.format-navigation-inner{display:grid;grid-template-columns:1.45fr repeat(4,1fr);background:#fff;border-radius:20px;border:1px solid #dbe5f2;box-shadow:0 18px 44px rgba(11,45,91,.12);overflow:hidden}
.format-nav-intro{padding:1.2rem 1.35rem;background:#f6f9fe;display:flex;flex-direction:column;justify-content:center}
.format-nav-intro small{color:#708098;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.format-nav-intro strong{font-size:1rem;color:var(--ink)}
.format-navigation-inner>a{display:flex;align-items:center;justify-content:center;gap:.65rem;padding:1.25rem .85rem;color:#304966;text-decoration:none;font-weight:800;border-left:1px solid #e4ebf5;transition:.2s ease}
.format-navigation-inner>a i{font-size:1.25rem;color:var(--brand)}
.format-navigation-inner>a:hover{background:#edf4ff;color:var(--brand)}

.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2rem}
.section-heading-row h2{font-size:clamp(2rem,3vw,3rem);margin:.35rem 0 0}
.section-heading-row>a{color:var(--brand);font-weight:800;text-decoration:none;white-space:nowrap}
.section-heading-row.compact{margin-bottom:1.2rem}
.editorial-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.4rem}
.story-card{grid-column:span 4;background:#fff;border-bottom:1px solid var(--line);padding-bottom:1.15rem}
.story-card-wide{grid-column:span 8;display:grid;grid-template-columns:1.45fr 1fr;gap:1.35rem;align-items:stretch;border:1px solid var(--line);border-radius:24px;padding:0;overflow:hidden;box-shadow:0 16px 35px rgba(15,47,94,.07)}
.story-media{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#ecf2fb;border-radius:18px}
.story-card-wide .story-media{height:100%;aspect-ratio:auto;border-radius:0;min-height:340px}
.story-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.story-card:hover .story-media img{transform:scale(1.035)}
.story-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:220px;background:linear-gradient(135deg,#e5eefb,#f7faff);color:var(--brand);font-size:3.5rem}
.story-content{padding-top:1rem}
.story-card-wide .story-content{padding:1.65rem 1.5rem 1.5rem 0;display:flex;flex-direction:column;justify-content:center}
.story-meta-top{display:flex;justify-content:space-between;gap:.75rem;color:var(--brand);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.story-content h3{font-size:1.45rem;line-height:1.13;margin:.7rem 0}
.story-card-wide .story-content h3{font-size:2.25rem}
.story-content h3 a{color:var(--ink);text-decoration:none}
.story-content p{color:var(--muted);line-height:1.7}
.story-byline{display:flex;justify-content:space-between;gap:.7rem;color:#78869a;font-size:.75rem;font-weight:700;margin-top:auto}
.empty-editorial-state{grid-column:1/-1;text-align:center;padding:4rem 1rem;background:#f7f9fd;border-radius:24px;border:1px dashed #cbd7e7}
.empty-editorial-state i{font-size:3rem;color:var(--brand)}

.reader-section{background:#f5f8fd;border-top:1px solid #e4ebf4;border-bottom:1px solid #e4ebf4}
.popular-list{border-top:1px solid #ccd8e8}
.popular-item{display:grid;grid-template-columns:64px 1fr auto;gap:1rem;align-items:center;padding:1.2rem 0;border-bottom:1px solid #dbe4ef;text-decoration:none;color:var(--ink)}
.popular-rank{font-family:'DM Serif Display',serif;font-size:2rem;color:#9bb3d2}
.popular-copy{display:flex;flex-direction:column;gap:.22rem}
.popular-copy small{font-size:.68rem;color:var(--brand);text-transform:uppercase;letter-spacing:.07em;font-weight:800}
.popular-copy strong{font-size:1rem;line-height:1.4}
.popular-copy em{font-style:normal;color:#7b899c;font-size:.76rem}
.popular-views{display:flex;gap:.35rem;align-items:center;color:#7a899d;font-size:.76rem;font-weight:700}
.popular-item:hover .popular-copy strong{color:var(--brand)}
.author-spotlight{background:#fff;border-radius:24px;padding:1.6rem;border:1px solid var(--line);box-shadow:0 16px 36px rgba(15,47,94,.07)}
.author-spotlight h2{font-size:2.25rem;margin:.45rem 0 .7rem}
.author-list{display:flex;flex-direction:column;margin-top:1.25rem}
.author-item{display:grid;grid-template-columns:48px 1fr auto;gap:.8rem;align-items:center;padding:.9rem 0;border-top:1px solid #e7edf5}
.author-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:15px;background:#e9f2ff;color:var(--brand);font-weight:800}
.author-copy{display:flex;flex-direction:column}
.author-copy strong{font-size:.92rem}
.author-copy small{color:#7b899c;font-size:.72rem}
.author-read{display:flex;align-items:center;gap:.35rem;color:#7a899d;font-size:.72rem;font-weight:700}
.author-empty{padding:1rem 0;color:var(--muted);font-size:.9rem}

.category-discovery{background:#0a2f63;color:#fff}
.category-discovery-inner{display:grid;grid-template-columns:1fr 1.6fr;gap:2.5rem;align-items:center}
.section-eyebrow.light{color:#8fb6ed}
.category-discovery h2{font-size:2.8rem;margin:.45rem 0 0;color:#fff}
.category-cloud{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}
.category-cloud a{display:inline-flex;align-items:center;gap:.65rem;padding:.78rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;text-decoration:none;font-size:.82rem;font-weight:700;background:rgba(255,255,255,.06)}
.category-cloud a span{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:#f3be45;color:#2e2b20;font-size:.68rem}
.category-cloud a:hover{background:#fff;color:var(--brand-dark)}

.final-cta-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.6rem;padding:2rem;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,#fff,#f4f8fe);box-shadow:0 18px 45px rgba(15,47,94,.08)}
.final-cta-logo img{width:88px;height:88px;object-fit:contain;background:#fff;border-radius:20px;padding:7px;box-shadow:0 10px 28px rgba(15,47,94,.12)}
.final-cta-copy>span{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--brand);font-weight:800}
.final-cta-copy h2{font-size:2.1rem;margin:.45rem 0}
.final-cta-copy p{color:var(--muted);margin:0;line-height:1.65}
.final-cta-actions{display:flex;flex-direction:column;align-items:center;gap:.7rem;min-width:180px}
.text-link{color:var(--brand);font-size:.82rem;font-weight:800;text-decoration:none}

/* Keep the whole application aligned with the new school identity. */
.format-badge{background:#eef4fd;color:var(--brand-dark)}
.category-chip{background:#eaf2ff;color:var(--brand)}
.feature-icon,.upload-icon{background:#eaf2ff;color:var(--brand)}
.work-card{border-color:var(--line);box-shadow:0 10px 28px rgba(15,47,94,.06)}
.work-card:hover{box-shadow:0 20px 42px rgba(15,47,94,.12)}
.work-cover.placeholder{background:linear-gradient(135deg,#e8f1ff,#f7faff);color:var(--brand)}
.dashboard-shell{background:#f5f8fd}
.sidebar-link:hover,.sidebar-link.active{background:#eaf2ff;color:var(--brand)}
.avatar-circle{background:#eaf2ff;color:var(--brand)}
.auth-shell{background:linear-gradient(135deg,#edf4ff,#fff 58%,#f7faff)}
.form-control:focus,.form-select:focus{border-color:#7da6df;box-shadow:0 0 0 .25rem rgba(20,83,166,.1)}

@media(max-width:1199px){
    .story-card{grid-column:span 6}
    .story-card-wide{grid-column:span 12}
}
@media(max-width:991px){
    .school-ribbon-motto{display:none}
    .format-navigation{margin-top:0;background:#fff}
    .format-navigation-inner{grid-template-columns:repeat(2,1fr);border-radius:0;box-shadow:none;border-left:0;border-right:0}
    .format-nav-intro{grid-column:1/-1;text-align:center}
    .format-navigation-inner>a{border-top:1px solid #e4ebf5}
    .category-discovery-inner{grid-template-columns:1fr}
    .category-cloud{justify-content:flex-start}
    .final-cta-inner{grid-template-columns:auto 1fr}
    .final-cta-actions{grid-column:1/-1;flex-direction:row;justify-content:center}
}
@media(max-width:767px){
    .py-lg-6{padding-top:4rem!important;padding-bottom:4rem!important}
    .editorial-title{font-size:2.75rem}
    .hero-search{grid-template-columns:auto 1fr}
    .hero-search button{grid-column:1/-1;width:100%}
    .editorial-stats{gap:1.25rem}
    .hero-feature-card{transform:none}
    .story-card,.story-card-wide{grid-column:1/-1;display:block}
    .story-card-wide .story-media{height:auto;aspect-ratio:16/10;min-height:0}
    .story-card-wide .story-content{padding:1.3rem}
    .story-card-wide .story-content h3{font-size:1.7rem}
    .popular-item{grid-template-columns:50px 1fr}
    .popular-views{grid-column:2}
    .final-cta-inner{grid-template-columns:1fr;text-align:center}
    .final-cta-logo{display:flex;justify-content:center}
    .final-cta-actions{grid-column:auto;flex-direction:column}
}
@media(max-width:575px){
    .brand-logo{width:48px;height:48px}
    .navbar-brand strong{font-size:1.08rem}
    .format-navigation-inner{grid-template-columns:1fr 1fr}
    .section-heading-row{align-items:flex-start;flex-direction:column}
    .editorial-grid{display:block}
    .story-card{margin-bottom:1.5rem}
    .category-discovery h2{font-size:2.25rem}
}

/* V8 — Clean, elegant, professional, soft-blue homepage */
:root{
    --brand:#4f91bd;
    --brand-dark:#2f688e;
    --brand-bright:#6aa8cf;
    --brand-soft:#eaf5fb;
    --brand-soft-2:#f4faff;
    --brand-pale:#d8edf8;
    --ink:#203345;
    --muted:#708395;
    --surface:#f8fbfd;
    --line:#dceaf2;
}
body{font-family:'Plus Jakarta Sans',sans-serif;color:var(--ink);background:#fff}
.navbar-brand strong,.display-font,h1,h2,h3{font-family:'Lora',serif;font-weight:600}
.py-lg-6{padding-top:6rem!important;padding-bottom:6rem!important}
.clean-site-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);z-index:1030}
.clean-site-header .navbar{background:transparent}
.clean-brand{text-decoration:none}
.brand-logo{width:52px;height:52px;object-fit:contain;padding:3px;border-radius:14px;background:#fff;box-shadow:none;border:1px solid #e3eef4}
.clean-brand strong{font-size:1.2rem;color:var(--ink)}
.clean-brand small{font-size:.69rem;color:#7b8d9c!important;margin-top:.12rem}
.clean-site-header .nav-link{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;color:#536a7d;padding-left:.85rem!important;padding-right:.85rem!important}
.clean-site-header .nav-link:after{display:none}
.clean-site-header .nav-link:hover{color:var(--brand-dark)}
.btn-brand{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;box-shadow:none;border-radius:12px}
.btn-brand:hover{background:#275a7d;border-color:#275a7d;color:#fff;transform:none}
.btn-soft-blue{background:var(--brand-soft);border:1px solid #cfe5f1;color:var(--brand-dark);font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;border-radius:12px}
.btn-soft-blue:hover{background:#dceff8;border-color:#bdddea;color:#255b7e}
.clean-login-link{font-weight:700;color:var(--brand-dark)!important;text-decoration:none}
.clean-login-link:hover{color:#245777!important}
.clean-home{overflow:hidden}
.clean-hero{background:linear-gradient(180deg,#f5fbff 0%,#eef8fd 100%);border-bottom:1px solid #e1edf4}
.clean-eyebrow{display:flex;align-items:center;gap:.65rem;color:var(--brand-dark);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.clean-eyebrow>span{width:28px;height:2px;background:var(--brand)}
.clean-hero h1{font-size:clamp(2.55rem,5vw,4.7rem);line-height:1.12;letter-spacing:-.035em;margin:1.25rem 0 1.2rem;color:#22384b}
.clean-hero h1 em{font-style:normal;color:var(--brand-dark)}
.clean-hero-lead{font-size:1.08rem;line-height:1.8;color:#687d8f;max-width:640px}
.clean-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;background:#fff;border:1px solid #d6e7f0;border-radius:16px;padding:.45rem .5rem .45rem 1rem;max-width:650px;margin-top:1.7rem;box-shadow:0 10px 30px rgba(64,120,158,.07)}
.clean-search i{color:#89a8ba;font-size:1.05rem}
.clean-search input{border:0;outline:0;background:transparent;padding:.75rem 0;font-size:.95rem;color:var(--ink);min-width:0}
.clean-search input::placeholder{color:#9aabb8}
.clean-search button{border:0;border-radius:11px;background:var(--brand-dark);color:#fff;padding:.8rem 1.25rem;font-weight:700}
.clean-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}
.clean-stats{display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #d8e7ef}
.clean-stats div{display:flex;flex-direction:column}
.clean-stats strong{font-family:'Lora',serif;font-size:1.55rem;color:#2d6285}
.clean-stats span{font-size:.76rem;color:#8092a0;margin-top:.15rem}
.clean-featured{background:#fff;border:1px solid #d7e6ef;border-radius:24px;padding:12px;box-shadow:0 22px 55px rgba(72,126,161,.11)}
.clean-featured-media{display:block;position:relative;aspect-ratio:16/10;border-radius:17px;overflow:hidden;background:#e8f3f9}
.clean-featured-media img{width:100%;height:100%;object-fit:cover}
.clean-featured-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dfeff8,#f7fbfd);color:var(--brand-dark);font-size:4rem}
.clean-play,.clean-card-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(27,73,105,.12)}
.clean-play i,.clean-card-play i{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--brand-dark);font-size:1.8rem;padding-left:.15rem;box-shadow:0 12px 30px rgba(28,74,105,.18)}
.clean-featured-body{padding:1.35rem .7rem .6rem}
.clean-featured-topline{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem}
.clean-featured-topline span{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--brand-dark);font-weight:800}
.clean-featured-topline small{font-size:.72rem;color:#8093a2}
.clean-featured h2{font-size:2rem;line-height:1.25;margin-bottom:.75rem}
.clean-featured h2 a{color:var(--ink);text-decoration:none}
.clean-featured p{color:var(--muted);line-height:1.7;margin-bottom:1rem}
.clean-byline{display:flex;justify-content:space-between;gap:1rem;color:#7c8e9d;font-size:.76rem;font-weight:600}
.clean-empty-feature{background:#fff;border:1px solid #d7e6ef;border-radius:24px;padding:2.25rem;box-shadow:0 22px 55px rgba(72,126,161,.09)}
.clean-empty-feature img{width:78px;height:78px;object-fit:contain;margin-bottom:1rem}
.clean-empty-feature>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--brand-dark);font-weight:800}
.clean-empty-feature h2{font-size:2rem;margin:.7rem 0}
.clean-empty-feature p{color:var(--muted);line-height:1.7}
.clean-format-section{background:#fff;border-bottom:1px solid #e5eef4}
.clean-format-bar{display:grid;grid-template-columns:1.35fr repeat(4,1fr);align-items:stretch}
.clean-format-label{display:flex;flex-direction:column;justify-content:center;padding:1.5rem 1.25rem 1.5rem 0}
.clean-format-label small{font-size:.68rem;text-transform:uppercase;letter-spacing:.11em;color:#8a9ca9;font-weight:700}
.clean-format-label strong{font-size:.95rem;margin-top:.15rem}
.clean-format-bar>a{display:flex;align-items:center;justify-content:center;gap:.65rem;padding:1.45rem 1rem;border-left:1px solid #e4edf3;text-decoration:none;color:#536b7d;font-weight:700;transition:.2s ease}
.clean-format-bar>a i{font-size:1.15rem;color:var(--brand)}
.clean-format-bar>a:hover{background:var(--brand-soft-2);color:var(--brand-dark)}
.clean-section{background:#fff}
.clean-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2rem}
.clean-section-heading>div>span,.clean-category-wrap>div>span,.clean-cta-box>div>span{display:block;color:var(--brand-dark);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.clean-section-heading h2,.clean-category-wrap h2{font-size:clamp(2rem,3vw,2.8rem);margin:.4rem 0 0;color:#22384b}
.clean-section-heading>a{color:var(--brand-dark);text-decoration:none;font-weight:700;font-size:.88rem}
.clean-section-heading.compact{margin-bottom:1rem}
.clean-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.clean-work-card{background:#fff;border:1px solid #dce8ef;border-radius:20px;overflow:hidden;transition:.2s ease}
.clean-work-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(66,119,153,.09)}
.clean-work-media{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#ebf5fa}
.clean-work-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.clean-work-card:hover .clean-work-media img{transform:scale(1.025)}
.clean-work-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#e5f2f8,#f8fcfe);color:var(--brand-dark);font-size:3.2rem}
.clean-card-play i{width:50px;height:50px;font-size:1.55rem}
.clean-work-body{padding:1.25rem}
.clean-work-meta{display:flex;justify-content:space-between;gap:.7rem;color:#6f91a8;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.clean-work-body h3{font-size:1.3rem;line-height:1.35;margin:.65rem 0}
.clean-work-body h3 a{color:var(--ink);text-decoration:none}
.clean-work-body p{color:var(--muted);font-size:.88rem;line-height:1.65;margin-bottom:1rem}
.clean-empty-state{grid-column:1/-1;text-align:center;padding:4rem 1rem;background:#f7fbfd;border:1px dashed #cbdfe9;border-radius:20px;color:var(--muted)}
.clean-empty-state i{font-size:2.8rem;color:var(--brand)}
.clean-popular-section{background:#f6fbfe;border-top:1px solid #e3eef4;border-bottom:1px solid #e3eef4}
.clean-popular-list{border-top:1px solid #d6e5ed}
.clean-popular-item{display:grid;grid-template-columns:54px 1fr auto;gap:1rem;align-items:center;padding:1.15rem 0;border-bottom:1px solid #dbe8ef;text-decoration:none;color:var(--ink)}
.clean-popular-rank{font-family:'Lora',serif;font-size:1.8rem;color:#9bbdce}
.clean-popular-item>div{display:flex;flex-direction:column;gap:.18rem}
.clean-popular-item small{font-size:.65rem;color:var(--brand-dark);font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.clean-popular-item strong{font-size:.98rem;line-height:1.45}
.clean-popular-item em{font-style:normal;font-size:.74rem;color:#8596a3}
.clean-popular-views{display:flex;align-items:center;gap:.35rem;color:#8798a5;font-size:.75rem;font-weight:700}
.clean-popular-item:hover strong{color:var(--brand-dark)}
.clean-school-card{background:#fff;border:1px solid #dbe8ef;border-radius:22px;padding:1.8rem;min-height:100%;box-shadow:0 14px 34px rgba(71,123,157,.07)}
.clean-school-card img{width:84px;height:84px;object-fit:contain;margin-bottom:1.2rem}
.clean-school-card h2{font-size:2rem;margin:.75rem 0}
.clean-school-card p{color:var(--muted);line-height:1.75}
.clean-motto{display:inline-flex;padding:.65rem .9rem;background:var(--brand-soft);border-radius:999px;color:var(--brand-dark);font-size:.77rem;font-weight:700}
.clean-category-section{background:#fff}
.clean-category-wrap{display:grid;grid-template-columns:1fr 1.5fr;gap:2.5rem;align-items:center;padding:2rem 0}
.clean-category-links{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}
.clean-category-links a{display:inline-flex;align-items:center;gap:.7rem;padding:.75rem 1rem;border:1px solid #d7e6ee;border-radius:999px;text-decoration:none;color:#496579;font-size:.82rem;font-weight:700;background:#fff}
.clean-category-links a span{display:flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:50%;background:var(--brand-soft);color:var(--brand-dark);font-size:.7rem}
.clean-category-links a:hover{background:var(--brand-soft-2);border-color:#c8e0ec;color:var(--brand-dark)}
.clean-final-cta{background:#f6fbfe}
.clean-cta-box{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;padding:2.2rem 2.4rem;background:#e9f5fb;border:1px solid #d4e9f3;border-radius:24px}
.clean-cta-box h2{font-size:2.15rem;margin:.55rem 0}
.clean-cta-box p{color:#667e90;line-height:1.7;margin:0}
.clean-cta-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;min-width:190px}
.clean-text-link{font-size:.8rem;color:var(--brand-dark);font-weight:700;text-decoration:none}
.site-footer{background:#fff;border-top:1px solid var(--line)}
.footer-motto{display:inline-block;margin-top:.4rem;padding:.55rem .85rem;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-weight:700;font-size:.78rem}
.site-footer a{color:#6e8190;font-weight:600}
.site-footer a:hover{color:var(--brand-dark)}
/* Align inner application pages with the softer school palette. */
.category-chip,.format-badge,.feature-icon,.upload-icon{background:var(--brand-soft);color:var(--brand-dark)}
.work-card{border-color:var(--line);box-shadow:none}
.work-card:hover{box-shadow:0 16px 34px rgba(67,119,153,.09)}
.work-cover.placeholder{background:linear-gradient(135deg,#e4f2f8,#f8fcfe);color:var(--brand-dark)}
.dashboard-shell{background:#f7fbfd}
.sidebar-link:hover,.sidebar-link.active{background:var(--brand-soft);color:var(--brand-dark)}
.avatar-circle{background:var(--brand-soft);color:var(--brand-dark)}
.auth-shell{background:linear-gradient(135deg,#edf7fc,#fff 60%,#f8fcfe)}
.form-control:focus,.form-select:focus{border-color:#8abbd3;box-shadow:0 0 0 .25rem rgba(79,145,189,.1)}
@media(max-width:1199px){.clean-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){
    .py-lg-6{padding-top:4.5rem!important;padding-bottom:4.5rem!important}
    .clean-format-bar{grid-template-columns:repeat(2,1fr)}
    .clean-format-label{grid-column:1/-1;text-align:center;padding:1.25rem}
    .clean-format-bar>a{border-top:1px solid #e4edf3}
    .clean-category-wrap{grid-template-columns:1fr}
    .clean-category-links{justify-content:flex-start}
    .clean-cta-box{grid-template-columns:1fr}
    .clean-cta-actions{align-items:flex-start;min-width:0}
}
@media(max-width:767px){
    .clean-hero h1{font-size:2.7rem}
    .clean-search{grid-template-columns:auto 1fr}
    .clean-search button{grid-column:1/-1;width:100%}
    .clean-card-grid{grid-template-columns:1fr}
    .clean-section-heading{align-items:flex-start;flex-direction:column}
    .clean-popular-item{grid-template-columns:46px 1fr}
    .clean-popular-views{grid-column:2}
    .clean-stats{gap:1.2rem}
}
@media(max-width:575px){
    .brand-logo{width:46px;height:46px}
    .clean-brand strong{font-size:1.05rem}
    .clean-brand small{font-size:.62rem}
    .clean-format-bar{grid-template-columns:1fr 1fr}
    .clean-featured h2{font-size:1.65rem}
    .clean-cta-box{padding:1.6rem}
    .clean-hero-actions .btn{width:100%}
}

/* V9 hero refinement: remove featured card, add soft illustration and better title proportion */
.clean-hero-refined{
    background:linear-gradient(180deg,#f7fbfe 0%,#eef7fb 100%);
}
.hero-title-proportional{
    max-width:720px;
    margin:1.1rem 0 1.15rem;
    color:#22384b;
    line-height:1.02;
    letter-spacing:-.04em;
    font-size:clamp(2.85rem,5vw,4.65rem);
}
.hero-title-proportional span,
.hero-title-proportional em{display:block}
.hero-title-proportional span:nth-child(2){font-size:.92em}
.hero-title-proportional em{
    font-style:normal;
    color:#3876a0;
}
.hero-illustration-shell{
    position:relative;
    min-height:480px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.hero-illustration-card{
    position:relative;
    width:min(100%,540px);
    background:linear-gradient(180deg,#ffffff 0%,#f7fbfe 100%);
    border:1px solid #dbe9f1;
    border-radius:34px;
    padding:1rem;
    box-shadow:0 28px 60px rgba(77,132,166,.12);
}
.hero-illustration-card img{
    width:100%;
    height:auto;
    display:block;
    border-radius:24px;
    background:#eff7fb;
}
.hero-soft-note{
    position:absolute;
    display:flex;
    align-items:center;
    gap:.55rem;
    background:rgba(255,255,255,.96);
    color:#44657b;
    border:1px solid #d8e7f0;
    box-shadow:0 16px 34px rgba(88,136,166,.12);
    border-radius:999px;
    padding:.78rem 1rem;
    font-size:.82rem;
    font-weight:700;
}
.hero-soft-note i{color:#3f7da4}
.hero-soft-note.note-top{top:18px;left:-10px}
.hero-soft-note.note-bottom{right:-10px;bottom:26px}
@media (max-width:991px){
    .hero-illustration-shell{min-height:auto}
    .hero-illustration-card{max-width:580px}
    .hero-soft-note.note-top{left:6px}
    .hero-soft-note.note-bottom{right:6px}
}
@media (max-width:767px){
    .hero-title-proportional{font-size:clamp(2.35rem,9vw,3.35rem);line-height:1.06}
    .hero-illustration-shell{margin-top:.5rem;padding-bottom:1rem}
    .hero-soft-note{position:static;margin-top:.9rem;display:inline-flex}
    .hero-soft-note.note-bottom{margin-left:0}
}

/* V10 official-school modern homepage */
.official-home{overflow:hidden;background:#fff}
.official-hero{background:linear-gradient(180deg,#f7fbfe 0%,#eef6fb 100%);border-bottom:1px solid #dfebf2}
.official-badge{display:inline-flex;align-items:center;padding:.48rem .9rem;border-radius:999px;background:#eaf4fb;color:var(--brand-dark);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.official-badge.subtle{background:#f0f7fb;color:#4f7690}
.official-hero-title{font-size:clamp(2.5rem,4.7vw,4.4rem);line-height:1.08;letter-spacing:-.04em;margin:1.1rem 0 1rem;color:#23384a;max-width:780px}
.official-hero-title span{display:block;color:#36759e}
.official-hero-lead{max-width:690px;color:#687d8f;font-size:1.07rem;line-height:1.85}
.official-search{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;max-width:700px;background:#fff;border:1px solid #d7e6ef;border-radius:16px;padding:.45rem .5rem .45rem 1rem;box-shadow:0 12px 28px rgba(75,128,159,.07);margin-top:1.6rem}
.official-search i{color:#89a9bb}
.official-search input{border:0;outline:0;background:transparent;padding:.78rem 0;min-width:0;color:var(--ink)}
.official-search input::placeholder{color:#98adbc}
.official-search button{border:0;background:var(--brand-dark);color:#fff;border-radius:11px;padding:.82rem 1.25rem;font-weight:700}
.official-hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.3rem}
.official-mini-features{display:flex;flex-wrap:wrap;gap:.85rem 1.25rem;margin-top:1.4rem;color:#6a7f90;font-size:.88rem}
.official-mini-features span{display:inline-flex;align-items:center;gap:.45rem}
.official-mini-features i{color:#3f7da4}
.official-school-panel{background:#fff;border:1px solid #d9e7ef;border-radius:28px;padding:1.5rem;box-shadow:0 22px 50px rgba(79,129,159,.11)}
.official-school-head{display:flex;gap:1rem;align-items:center;padding-bottom:1.15rem;border-bottom:1px solid #e6eff4}
.official-school-head img{width:84px;height:84px;object-fit:contain;background:#fff;border-radius:20px;padding:4px}
.official-school-head small{display:block;color:#7e95a5;font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}
.official-school-head h2{font-size:1.55rem;margin:0 0 .25rem;color:#22384b}
.official-school-head p{margin:0;color:#6d8293;line-height:1.6}
.official-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem}
.official-stat-grid>div{padding:1rem;border-radius:18px;background:#f7fbfd;border:1px solid #e1ecf2}
.official-stat-grid strong{display:block;font-family:'Lora',serif;font-size:1.6rem;color:#346e95}
.official-stat-grid span{display:block;margin-top:.2rem;color:#7a8f9f;font-size:.82rem}
.official-panel-note{display:flex;gap:.85rem;align-items:flex-start;margin-top:1.15rem;padding:1rem 1.1rem;background:#eef7fb;border:1px solid #d8e9f2;border-radius:18px}
.official-panel-note i{font-size:1.35rem;color:#3c7aa1}
.official-panel-note strong{display:block;margin-bottom:.2rem;color:#27445a}
.official-panel-note span{display:block;color:#6b8190;font-size:.88rem;line-height:1.6}
.official-shortcuts-section{background:#fff;margin-top:-18px;position:relative;z-index:2}
.official-shortcuts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.official-shortcut-card{display:flex;flex-direction:column;gap:.45rem;padding:1.25rem 1.15rem;border:1px solid #dce8ef;border-radius:22px;background:#fff;text-decoration:none;color:#30526b;box-shadow:0 12px 28px rgba(84,131,160,.06);transition:.2s ease}
.official-shortcut-card i{font-size:1.45rem;color:#3d7ca3}
.official-shortcut-card strong{font-size:1rem;color:#25435b}
.official-shortcut-card span{font-size:.84rem;line-height:1.55;color:#738898}
.official-shortcut-card:hover{transform:translateY(-3px);border-color:#cfe2ec;background:#fafdff}
.official-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.8rem}
.official-section-heading.compact{margin-bottom:0}
.official-section-heading span,.official-category-box>div>span,.official-cta-box>div>span{display:block;color:#4a7894;font-size:.73rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.official-section-heading h2,.official-category-box h2,.official-about-panel h2,.official-cta-box h2{font-size:clamp(1.9rem,3vw,2.6rem);margin:.4rem 0 0;color:#22384b}
.official-section-heading>a{color:#3c7195;text-decoration:none;font-weight:700;font-size:.88rem}
.official-spotlight-section{background:#fff}
.official-lead-card{background:#fff;border:1px solid #d9e6ee;border-radius:24px;overflow:hidden;box-shadow:0 18px 42px rgba(84,131,160,.09)}
.official-lead-media{display:block;position:relative;aspect-ratio:16/10;background:#ebf5fa;overflow:hidden}
.official-lead-media img{width:100%;height:100%;object-fit:cover}
.official-lead-placeholder,.official-work-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#e4f1f8,#f8fcfe);color:#43779a;font-size:3.5rem}
.official-play,.official-card-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(33,84,115,.10)}
.official-play i,.official-card-play i{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.96);color:#346f95;font-size:1.75rem;padding-left:.12rem;box-shadow:0 12px 28px rgba(44,90,120,.15)}
.official-lead-body{padding:1.35rem 1.4rem 1.5rem}
.official-meta-row{display:flex;justify-content:space-between;gap:.7rem;color:#6f90a6;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.official-lead-body h3,.official-work-body h3{font-size:1.45rem;line-height:1.35;margin:.7rem 0}
.official-lead-body h3 a,.official-work-body h3 a{color:var(--ink);text-decoration:none}
.official-lead-body p,.official-work-body p{color:var(--muted);line-height:1.72;margin-bottom:1rem}
.official-byline{display:flex;justify-content:space-between;gap:1rem;color:#7a8d9b;font-size:.78rem;font-weight:600}
.official-side-list{height:100%;background:#fff;border:1px solid #d9e6ee;border-radius:24px;padding:1.25rem 1.25rem;box-shadow:0 18px 42px rgba(84,131,160,.07)}
.official-side-head{padding-bottom:.9rem;border-bottom:1px solid #e5eef3;margin-bottom:.4rem}
.official-side-head strong{display:block;color:#22384b;font-size:1.05rem}
.official-side-head span{display:block;color:#7b8f9d;font-size:.84rem;margin-top:.2rem}
.official-side-item{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start;padding:1rem 0;border-bottom:1px solid #e8f0f4;text-decoration:none;color:inherit}
.official-side-item:last-child{border-bottom:none}
.official-side-item small{display:block;color:#4e7a95;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem}
.official-side-item strong{display:block;color:#22384b;line-height:1.45}
.official-side-item span{display:block;color:#7b8f9d;font-size:.79rem;margin-top:.3rem}
.official-side-item i{color:#7fa4bc;margin-top:.25rem}
.official-empty-side{padding:1rem 0;color:#7b8f9d;font-size:.9rem}
.official-latest-section{background:#f8fbfd;border-top:1px solid #e6eff4;border-bottom:1px solid #e6eff4}
.official-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.official-work-card{background:#fff;border:1px solid #dde8ef;border-radius:22px;overflow:hidden;box-shadow:0 14px 32px rgba(86,132,158,.06);transition:.2s ease}
.official-work-card:hover{transform:translateY(-3px);box-shadow:0 22px 40px rgba(86,132,158,.10)}
.official-work-media{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#edf5fa}
.official-work-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.official-work-card:hover .official-work-media img{transform:scale(1.03)}
.official-work-body{padding:1.2rem 1.2rem 1.25rem}
.official-work-body h3{font-size:1.22rem}
.official-empty-box{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:3rem 1.5rem;border:1px dashed #ccdee8;border-radius:24px;background:#f8fbfd;color:#6f8291}
.official-empty-box.full{grid-column:1/-1}
.official-empty-box i{font-size:2.8rem;color:#467a9d;margin-bottom:.9rem}
.official-info-section{background:#fff}
.official-popular-panel,.official-about-panel{height:100%;background:#fff;border:1px solid #dbe7ee;border-radius:24px;padding:1.4rem;box-shadow:0 16px 34px rgba(86,132,158,.07)}
.official-popular-list{display:flex;flex-direction:column}
.official-popular-item{display:grid;grid-template-columns:52px 1fr auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid #e6eff4;text-decoration:none;color:inherit}
.official-popular-item:last-child{border-bottom:none}
.official-rank{font-family:'Lora',serif;font-size:1.7rem;color:#9ab8ca}
.official-popular-item small{display:block;color:#4f7b95;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem}
.official-popular-item strong{display:block;color:#22384b;line-height:1.45}
.official-popular-item span{display:block;color:#7b8f9d;font-size:.79rem;margin-top:.22rem}
.official-popular-item em{font-style:normal;color:#7e93a2;font-size:.78rem;font-weight:700;white-space:nowrap}
.official-about-panel p{color:#6d8292;line-height:1.78;margin-top:1rem}
.official-about-panel ul{padding-left:1.1rem;margin:1rem 0 0;color:#6d8292}
.official-about-panel li{margin:.45rem 0;line-height:1.65}
.official-category-section{background:#f8fbfd}
.official-category-box{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;align-items:center;padding:1.1rem 0}
.official-category-links{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:flex-end}
.official-category-links a{display:inline-flex;align-items:center;gap:.65rem;padding:.78rem 1rem;border-radius:999px;border:1px solid #d8e6ee;background:#fff;text-decoration:none;color:#4f6779;font-weight:700;font-size:.83rem}
.official-category-links a span{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:50%;background:#edf7fc;color:#42759a;font-size:.72rem}
.official-category-links a:hover{background:#f4fafc;border-color:#cde0ea;color:#315870}
.official-cta-section{background:#fff}
.official-cta-box{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:2rem 2.2rem;background:#edf7fb;border:1px solid #d7e8f1;border-radius:28px}
.official-cta-box p{margin:0;color:#6b8090;line-height:1.75}
.official-cta-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;min-width:190px}
@media (max-width:991px){
    .official-shortcuts-grid,.official-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .official-category-box,.official-cta-box{grid-template-columns:1fr}
    .official-category-links{justify-content:flex-start}
}
@media (max-width:767px){
    .official-hero-title{font-size:clamp(2.2rem,9vw,3.15rem)}
    .official-shortcuts-grid,.official-card-grid,.official-stat-grid{grid-template-columns:1fr}
    .official-search{grid-template-columns:1fr;gap:.5rem;padding:.85rem}
    .official-search i{display:none}
    .official-search input{padding:.2rem 0 .6rem}
    .official-search button{width:100%}
    .official-mini-features{flex-direction:column;gap:.55rem}
    .official-popular-item{grid-template-columns:42px 1fr}
    .official-popular-item em{grid-column:2}
    .official-shortcuts-section{margin-top:0;padding-top:1rem}
}

/* V16 professional action confirmation modal */
.action-confirm-modal .modal-dialog{max-width:500px}
.action-confirm-modal .modal-content{border:0;border-radius:24px;box-shadow:0 28px 80px rgba(24,47,66,.22);overflow:hidden}
.action-confirm-modal .modal-body{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.action-confirm-icon{width:72px;height:72px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff0f1;color:#c93643;font-size:1.8rem;border:1px solid #ffd7db;box-shadow:0 12px 28px rgba(201,54,67,.12)}
.action-confirm-icon.is-warning{background:#fff8e8;color:#b47a14;border-color:#ffe7b2;box-shadow:0 12px 28px rgba(180,122,20,.12)}
.action-confirm-modal .modal-title{color:#24394a;font-family:'Lora',serif;font-weight:700}
.action-confirm-modal [data-confirm-modal-message]{line-height:1.7;max-width:390px;margin-left:auto;margin-right:auto}
.action-confirm-modal .modal-footer .btn{min-width:145px;border-radius:12px;font-weight:700;padding-top:.72rem;padding-bottom:.72rem}
@media(max-width:575px){
    .action-confirm-modal .modal-dialog{margin:1rem}
    .action-confirm-modal .modal-footer{flex-direction:column-reverse}
    .action-confirm-modal .modal-footer .btn{width:100%}
}