:root{--ink:#183a3b;--muted:#687a7a;--teal:#087f78;--teal-dark:#08635f;--mint:#e9f6f1;--cream:#fbfaf6;--line:#e3ebe7;--shadow:0 16px 40px rgba(24,58,59,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Tahoma,Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.topbar{background:#123e3c;color:#d6e8e1;font-size:13px}.topbar-inner,.topbar nav{display:flex;align-items:center;justify-content:space-between;gap:24px}.topbar-inner{min-height:39px}.topbar nav{gap:20px}.topbar a:hover{color:white}.brand-row{display:flex;align-items:center;justify-content:space-between;padding-block:24px;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:48px;height:48px;border-radius:15px;background:var(--teal);color:white;display:grid;place-items:center;font-size:28px;font-weight:700;box-shadow:0 8px 20px #087f7830}.brand strong,.brand small{display:block}.brand strong{font-size:18px}.brand small{font-size:12px;color:var(--muted);margin-top:2px}.search{display:flex;width:min(430px,48%);background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;padding:5px}.search input{flex:1;min-width:0;border:0;outline:0;padding:10px 12px;font:inherit;font-size:14px;color:var(--ink)}.search button,.button{background:var(--teal);color:white;border:0;border-radius:9px;padding:10px 20px;font:inherit;font-weight:bold;cursor:pointer}.search button:hover,.button:hover{background:var(--teal-dark)}.nav-wrap{border-block:1px solid var(--line);background:white}.nav-inner{display:flex;align-items:center;gap:28px;overflow-x:auto;white-space:nowrap;min-height:54px;font-size:14px}.nav-inner a{color:#435d5a}.nav-inner a:hover,.nav-inner .nav-home{color:var(--teal);font-weight:bold}.hero{margin-top:34px;background:linear-gradient(112deg,#e4f4ec,#f4f7e9 62%,#f9e9d7);border-radius:22px;min-height:300px;padding:48px 7%;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.hero>div:first-child{max-width:630px}.eyebrow{font-size:12px;font-weight:bold;color:var(--teal)}.hero h1{font-size:clamp(28px,4vw,42px);line-height:1.35;margin:10px 0 8px}.hero p{color:#526b66;margin:0 0 24px;font-size:16px}.button{display:inline-flex;gap:16px;align-items:center}.hero-art{position:relative;width:230px;height:210px;flex:none;margin-inline:20px}.book{position:absolute;bottom:18px;width:130px;height:155px;border-radius:9px 17px 17px 9px;box-shadow:8px 12px 25px #183a3b24}.book-back{right:20px;background:#e78363;transform:rotate(12deg)}.book-front{right:55px;background:#087f78;transform:rotate(-7deg);display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;font-size:24px;border-inline-start:9px solid #07645f}.book-front i{font-size:38px;color:#f5d27b;font-style:normal}.hero-art>b{position:absolute;top:4px;right:50px;font-size:54px;color:#e0a947}.section{padding-top:62px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-heading h2{font-size:25px;margin:2px 0 0}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.level-card,.resource-card,.post-card{background:white;border:1px solid var(--line);border-radius:15px;box-shadow:0 7px 24px #183a3b09}.level-card,.resource-card{padding:20px}.level-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.level-title h3{font-size:17px;margin:0}.level-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--mint);color:var(--teal);font-size:21px}.level-links{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 12px}.level-links a,.resource-card li a{display:flex;justify-content:space-between;gap:8px;color:#586c68;font-size:13px;padding:5px 0}.level-links a:hover,.resource-card li a:hover,.read-more:hover{color:var(--teal)}.level-links a span,.resource-card li span{color:#95aaa4}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.resource-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;font-size:21px;margin-bottom:13px;background:#eaf6f2;color:#087f78}.icon-1{background:#fff0e9;color:#d57553}.icon-2{background:#fff6dc;color:#b08022}.icon-3{background:#edf0ff;color:#6b75be}.icon-4{background:#f3eaff;color:#9365b0}.icon-5{background:#e5f4f7;color:#398aa0}.resource-card h3{margin:0 0 7px;font-size:17px}.resource-card ul{list-style:none;padding:0;margin:0;border-top:1px solid #eef2ef}.resource-card li{border-bottom:1px solid #eef2ef}.clear-link{font-size:13px;color:var(--teal)}.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.post-card{padding:22px}.post-meta{display:flex;justify-content:space-between;color:var(--teal);font-size:12px}.post-meta time{color:#82928e}.post-card h3{font-size:18px;line-height:1.6;margin:12px 0 6px}.post-card h3 a:hover{color:var(--teal)}.post-card p{font-size:14px;color:var(--muted);margin:0 0 12px}.read-more{font-size:13px;font-weight:bold;color:var(--teal)}.empty{padding:24px;border:1px dashed #afc7bc;border-radius:14px;color:var(--muted);background:white}.about{margin:55px 0;padding:25px 28px;background:#e9f5f0;border-radius:16px;display:flex;align-items:center;gap:18px}.about-icon{width:48px;height:48px;border-radius:50%;background:white;color:var(--teal);display:grid;place-items:center;font-size:25px;flex:none}.about h2{font-size:18px;margin:0}.about p{color:var(--muted);font-size:13px;margin:3px 0 0}.about>a{margin-inline-start:auto;color:var(--teal);font-weight:bold;white-space:nowrap;font-size:13px}footer{background:#123e3c;color:#d6e8e1}.footer-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:18px}.footer-brand .brand-mark{background:#eaf6f2;color:var(--teal)}.footer-brand strong{font-size:14px}.footer-brand small,.footer-inner p,.footer-inner>a:last-child{color:#b8d0c7}.footer-inner p,.footer-inner>a:last-child{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.resource-grid{grid-template-columns:repeat(2,1fr)}.level-grid{grid-template-columns:1fr 1fr}.hero-art{transform:scale(.85)}.nav-inner{gap:20px}}
@media(max-width:600px){.container{width:calc(100% - 28px)}.topbar-inner{font-size:11px}.topbar nav{gap:10px}.brand-row{align-items:flex-start;flex-direction:column;padding-block:17px;gap:15px}.brand strong{font-size:15px}.search{width:100%}.nav-inner{min-height:48px;font-size:13px}.hero{padding:30px 22px;min-height:0}.hero-art{display:none}.hero h1{font-size:29px}.hero p{font-size:14px}.section{padding-top:42px}.section-heading h2{font-size:21px}.level-grid,.resource-grid,.post-grid{grid-template-columns:1fr}.about{align-items:flex-start;flex-wrap:wrap;margin-block:40px;padding:20px}.about>a{margin-inline-start:66px}.footer-inner{padding-block:17px;flex-wrap:wrap}.footer-inner p{order:3;width:100%;margin:0}.footer-brand{max-width:75%}}

/* Blogger archive and legacy article layout */
.article{margin:32px auto 60px;max-width:920px;background:white;border:1px solid var(--line);border-radius:16px;padding:clamp(20px,5vw,50px);box-shadow:var(--shadow)}
.article-heading{margin-bottom:30px}.article-heading h1{font-size:clamp(24px,4vw,36px);line-height:1.55;margin:12px 0}.byline{font-size:13px;color:var(--muted)}
.breadcrumbs{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px;margin:22px 0 0}
.tag-list,.tag-cloud{display:flex;flex-wrap:wrap;gap:9px}.tag-list{margin-top:16px}.tag-list a,.tag-cloud a{display:inline-flex;align-items:center;gap:8px;background:var(--mint);color:var(--teal-dark);border-radius:999px;padding:7px 13px;font-size:12px}.tag-list a:hover,.tag-cloud a:hover{background:#d5eee4}
.tag-cloud{gap:10px}.tag-cloud a{padding:9px 14px;font-size:13px}.tag-cloud small{opacity:.7;font-size:11px}
.article-body{font-size:16px;line-height:2;overflow-wrap:anywhere}.article-body img,.article-body video,.article-body iframe{max-width:100%;height:auto}.article-body table{max-width:100%;display:block;overflow-x:auto;border-collapse:collapse}.article-body td,.article-body th{padding:7px;border:1px solid var(--line)}.article-body a{color:var(--teal);text-decoration:underline}.article-body h2,.article-body h3{line-height:1.5;margin-top:28px}.article-body p{margin:0 0 18px}.article-body .separator{text-align:center}
.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:30px 0;color:var(--muted);font-size:13px}.pagination a{color:var(--teal);font-weight:bold}
.article-heading .post-meta{justify-content:flex-start;gap:18px}
@media(max-width:600px){.article{margin:20px auto 40px;padding:18px}.article-body{font-size:15px}.pagination{gap:10px;flex-wrap:wrap}}

.comments{margin:36px 0 4px;padding-top:24px;border-top:1px solid var(--line)}.comments h2{font-size:20px;margin:0 0 14px}.comment{background:#f7faf8;border-radius:12px;padding:14px 16px;margin:10px 0}.comment p{margin:0 0 5px}.comment small{font-size:12px;color:var(--muted)}

/* Education platform UI */
:root{--ink:#17213d;--muted:#71809d;--teal:#3158d9;--teal-dark:#253fa8;--mint:#edf1ff;--cream:#f6f8fc;--line:#e5eaf4;--coral:#ff945e;--gold:#f6ca63;--shadow:0 14px 38px rgba(32,48,96,.08)}
body{background:#f6f8fc;color:var(--ink);font-family:Tahoma,Arial,sans-serif}
.platform-header{background:#fff;box-shadow:0 3px 18px rgba(23,33,61,.06);position:relative;z-index:2}
.header-main{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand-mark{background:linear-gradient(140deg,#3d6cf2,#744ce8);border-radius:14px;box-shadow:0 7px 20px #3158d936}
.brand small{color:#8490aa}
.platform-search{width:min(560px,55%);border-radius:14px;background:#f6f8fc;border:1px solid #e8edf7}
.platform-search input{background:transparent;padding:11px 14px}
.platform-search button{width:42px;height:42px;padding:0;border-radius:11px;font-size:24px;line-height:1}
.header-link{white-space:nowrap;font-size:14px;font-weight:bold;color:var(--teal)}
.header-link span{margin-right:6px}
.nav-wrap{border-top:1px solid #f0f2f7;border-bottom:0}
.nav-inner{min-height:51px;gap:29px;font-size:13px}
.nav-inner a{font-weight:600;color:#65718b}
.nav-inner a:hover,.nav-inner .nav-home{color:#3158d9}
.hero.platform-hero{margin-top:30px;min-height:390px;padding:52px 7%;position:relative;isolation:isolate;background:linear-gradient(115deg,#172b69 0%,#264cc1 54%,#6548cb 100%);color:white;border-radius:23px;box-shadow:0 18px 45px rgba(38,62,145,.17)}
.platform-hero:before,.platform-hero:after{content:"";position:absolute;border-radius:50%;z-index:-1;opacity:.16}
.platform-hero:before{width:390px;height:390px;border:1px solid white;right:34%;top:-210px}
.platform-hero:after{width:230px;height:230px;border:1px solid white;right:42%;bottom:-165px}
.hero-copy{max-width:610px;position:relative;z-index:1}
.platform-hero .eyebrow{color:#b6d8ff;text-transform:uppercase;letter-spacing:.09em}
.platform-hero h1{font-size:clamp(33px,4.3vw,49px);line-height:1.32;margin:11px 0}
.platform-hero h1 em{font-style:normal;color:#9edbff}
.platform-hero p{max-width:570px;color:#e0e8ff;font-size:16px;margin:0 0 23px}
.hero-search{display:flex;max-width:590px;background:#fff;padding:6px;border-radius:13px;box-shadow:0 8px 28px #0b174d33}
.hero-search input{flex:1;min-width:0;border:0;outline:0;padding:11px 14px;font:inherit;color:var(--ink)}
.hero-search button{background:#3158d9;border:0;border-radius:9px;color:white;padding:0 17px;font:inherit;font-size:13px;font-weight:bold;white-space:nowrap}
.hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;color:#d4e4ff;font-size:12px}
.hero-proof span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#7cf0d0;margin-left:7px;vertical-align:middle}
.hero-visual{position:absolute;left:7%;top:50%;transform:translateY(-50%);width:295px;height:280px}
.orbit{position:absolute;border:1px solid #ffffff42;border-radius:50%}.orbit-one{inset:18px 25px 26px 18px;transform:rotate(-17deg)}.orbit-two{inset:44px 0 4px 54px;transform:rotate(25deg)}
.hero-paper{position:absolute;left:62px;top:43px;width:168px;height:195px;border-radius:17px;background:#fff;color:#1d2f65;box-shadow:0 20px 42px #101d523f;padding:22px 19px;transform:rotate(-5deg)}
.paper-icon{display:grid;place-items:center;width:37px;height:37px;background:#e7eeff;border-radius:11px;color:#3158d9;font-size:22px;margin-bottom:13px}
.hero-paper strong,.hero-paper small{display:block}.hero-paper strong{font-size:14px}.hero-paper small{font-size:10px;color:#8995b0;margin-top:4px}.paper-lines{height:42px;margin-top:18px;background:repeating-linear-gradient(to bottom,#e8edf7 0 2px,transparent 2px 12px)}
.paper-check{position:absolute;bottom:17px;left:18px;width:33px;height:33px;background:#ddf8ed;color:#16a878;border-radius:50%;display:grid;place-items:center;font-weight:bold}
.float-chip{position:absolute;background:white;color:#20376e;padding:10px 14px;border-radius:12px;box-shadow:0 8px 25px #101d523b;font-size:12px;font-weight:bold}.chip-one{right:0;top:35px}.chip-two{left:0;bottom:37px}.float-star{position:absolute;right:36px;bottom:24px;font-size:35px;color:#ffe082}
.platform-stats{display:flex;justify-content:center;gap:0;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);margin:-20px auto 0;position:relative;z-index:1;width:min(740px,90%);padding:17px 12px}
.platform-stats>div{flex:1;text-align:center;display:flex;flex-direction:column;border-left:1px solid var(--line)}.platform-stats>div:last-child{border:0}
.platform-stats strong{font-size:21px;color:#3158d9}.platform-stats span{font-size:12px;color:var(--muted)}
.section{padding-top:60px}.section-heading{align-items:center;margin-bottom:22px}.section-heading h2,.section-heading h1{font-size:25px;margin:3px 0}.section-heading p{font-size:13px;color:var(--muted);margin:4px 0}.section-more{font-size:13px;color:#3158d9;font-weight:bold;white-space:nowrap}
.level-grid{grid-template-columns:repeat(3,1fr);gap:18px}.platform-level-card{border-radius:17px;padding:22px;box-shadow:0 10px 30px rgba(32,48,96,.045);transition:transform .2s,box-shadow .2s}.platform-level-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.platform-level-card .level-title{align-items:center;margin-bottom:17px}.platform-level-card .level-icon{width:44px;height:44px;background:#edf1ff;color:#3158d9;border-radius:13px}
.level-title h3{font-size:17px}.level-title small{display:block;color:#8290aa;font-size:11px;margin-top:1px}
.grade-pills{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.grade-pills a{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f7f8fc;border:1px solid #edf0f7;border-radius:10px;padding:9px 10px;font-size:12px;color:#3c4967}
.grade-pills a:hover{background:#edf1ff;border-color:#dbe3ff;color:#3158d9}
.grade-pills span{color:#8290aa}
.cycle-link{display:block;color:#3158d9;font-size:12px;font-weight:bold;margin-top:15px}
.curriculum-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.curriculum-grid>a{display:flex;align-items:center;gap:15px;background:white;border:1px solid var(--line);border-radius:15px;padding:18px 20px;box-shadow:0 8px 25px rgba(32,48,96,.04)}
.curriculum-grid>a>span{width:49px;height:49px;display:grid;place-items:center;background:#eff3ff;border-radius:14px;font-size:25px}
.curriculum-grid strong,.curriculum-grid small{display:block}.curriculum-grid strong{font-size:15px}.curriculum-grid small{font-size:12px;color:var(--muted);margin-top:4px}.curriculum-grid b{margin-inline-start:auto;color:#3158d9}
.subject-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.subject-grid>a,.type-grid>a{display:flex;flex-direction:column;align-items:flex-start;background:white;border:1px solid var(--line);border-radius:15px;padding:18px;min-height:134px;box-shadow:0 8px 25px rgba(32,48,96,.035);transition:transform .2s,border-color .2s}
.subject-grid>a:hover,.type-grid>a:hover{transform:translateY(-3px);border-color:#cdd8ff}
.subject-symbol{width:39px;height:39px;border-radius:12px;background:#edf1ff;color:#3158d9;display:grid;place-items:center;font-size:18px;font-weight:bold;margin-bottom:13px}
.subject-grid strong,.type-grid strong{font-size:13px}.subject-grid small,.type-grid small{font-size:11px;color:var(--muted);margin-top:7px}
.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.type-grid>a{min-height:120px;position:relative}.type-grid>a>span{font-size:22px;color:#3158d9;margin-bottom:12px}
.latest-section{padding-bottom:35px}
.post-grid{grid-template-columns:repeat(3,1fr);gap:16px}
.post-card{padding:20px;border-radius:15px;transition:box-shadow .2s,transform .2s}.post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.post-card h2{font-size:15px;line-height:1.65;margin:12px 0 8px}.post-card p{font-size:12px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.post-meta{gap:10px;color:#576995}.post-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.read-more{color:#3158d9}
.filter-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:white;border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:22px}
.filter-bar label{font-size:11px;color:#687794;display:flex;flex-direction:column;gap:5px}.filter-bar select,.filter-bar input{width:100%;height:42px;border:1px solid #e3e8f2;border-radius:9px;background:#fbfcfe;padding:0 10px;font:inherit;font-size:12px;color:var(--ink)}
.filter-bar>input{align-self:end}.filter-bar button{align-self:end;height:42px}
.result-count{font-size:12px;color:var(--muted);margin-top:4px}.browse-section{padding-bottom:50px}
.platform-hero+.platform-stats+.section{padding-top:52px}
.article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:clamp(20px,5vw,48px);max-width:940px;margin:30px auto 55px;box-shadow:var(--shadow)}
.article-heading{margin-bottom:28px}.article-heading h1{font-size:clamp(24px,3.8vw,35px);line-height:1.55;margin:12px 0}.byline{font-size:12px;color:var(--muted)}
.breadcrumbs{display:flex;gap:10px;color:var(--muted);font-size:12px;margin:22px 0 0}
.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.tag-list a{background:#edf1ff;color:#3158d9;border-radius:999px;padding:6px 11px;font-size:11px}
.article-body{font-size:15px;line-height:2;overflow-wrap:anywhere}.article-body img,.article-body video,.article-body iframe{max-width:100%;height:auto}.article-body table{max-width:100%;display:block;overflow-x:auto;border-collapse:collapse}.article-body td,.article-body th{padding:7px;border:1px solid var(--line)}.article-body a{color:#3158d9;text-decoration:underline}.article-body h2,.article-body h3{line-height:1.5;margin-top:26px}
.comments{border-top:1px solid var(--line);margin-top:34px;padding-top:22px}.comments h2{font-size:19px}.comment{background:#f7f8fc;border-radius:12px;padding:13px 16px;margin:9px 0}.comment p{margin:0 0 5px}.comment small{font-size:11px;color:var(--muted)}
.clear-link{font-size:12px;color:#3158d9}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:28px;color:var(--muted);font-size:12px}.pagination a{color:#3158d9;font-weight:bold}
footer{background:#17234d;color:#d9e3ff}.footer-brand .brand-mark{background:#e8edff;color:#3158d9}.footer-brand small{color:#aebde2}.footer-inner p,.footer-inner>a:last-child{color:#b9c6e2}
@media(max-width:900px){.hero-visual{left:3%;transform:translateY(-50%) scale(.82);transform-origin:left center}.hero-copy{max-width:58%}.level-grid{grid-template-columns:1fr 1fr}.level-grid .platform-level-card:last-child{grid-column:1/-1}.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.container{width:calc(100% - 28px)}.header-main{min-height:0;padding-block:15px;flex-wrap:wrap;gap:13px}.brand-mark{width:42px;height:42px}.brand strong{font-size:16px}.platform-search{order:3;width:100%;max-width:none}.header-link{margin-inline-start:auto;font-size:12px}.nav-inner{gap:20px;min-height:46px;font-size:12px}.hero.platform-hero{margin-top:18px;padding:30px 22px;min-height:0}.hero-copy{max-width:none}.platform-hero h1{font-size:32px}.platform-hero p{font-size:14px}.hero-search button{padding-inline:11px;font-size:11px}.hero-proof{gap:8px;font-size:10px}.hero-visual{display:none}.platform-stats{margin-top:-8px;padding:12px 5px;width:100%}.platform-stats strong{font-size:17px}.platform-stats span{font-size:10px}.section{padding-top:42px}.section-heading{align-items:flex-end;gap:10px}.section-heading h2,.section-heading h1{font-size:21px}.section-more{font-size:11px}.level-grid,.curriculum-grid,.subject-grid,.type-grid,.post-grid{grid-template-columns:1fr}.level-grid .platform-level-card:last-child{grid-column:auto}.platform-level-card{padding:18px}.grade-pills{grid-template-columns:repeat(2,1fr)}.curriculum-grid>a{padding:15px}.subject-grid{grid-template-columns:repeat(2,1fr)}.subject-grid>a{min-height:120px;padding:14px}.type-grid{grid-template-columns:repeat(2,1fr)}.type-grid>a{min-height:110px;padding:15px}.filter-bar{grid-template-columns:1fr 1fr;padding:13px}.filter-bar label:nth-child(3){grid-column:1/-1}.filter-bar button{grid-column:1/-1}.article{margin:20px auto 40px;padding:19px}.article-body{font-size:14px}.footer-inner{padding-block:18px;flex-wrap:wrap}.footer-inner p{order:3;width:100%;margin:0}}

/* AlloSchool-inspired learning layout with a refined navy and gold finish. */
:root{--ink:#17233d;--muted:#74819a;--teal:#3158a5;--teal-dark:#23447f;--mint:#edf2fb;--cream:#f5f7fb;--line:#e1e7f0;--gold:#d1ae68;--shadow:0 18px 46px rgba(24,39,73,.09)}
body{background:#f5f7fb;color:var(--ink);font-family:Tahoma,Arial,sans-serif}
.platform-header{background:rgba(255,255,255,.97);box-shadow:0 5px 22px rgba(24,39,73,.06)}
.brand-mark{background:linear-gradient(145deg,#1b3159,#3158a5);border:1px solid #d1ae68;box-shadow:0 8px 22px rgba(28,55,103,.22)}
.platform-search{background:#f8f9fc;border-color:#e1e7f0}
.platform-search:focus-within{border-color:#9eb3d8;box-shadow:0 0 0 4px rgba(49,88,165,.09)}
.platform-search button{background:linear-gradient(135deg,#3158a5,#254780)}
.nav-wrap{border-top-color:#edf0f5}
.nav-inner a:hover,.nav-inner .nav-home{color:#3158a5}
.hero.platform-hero{background:radial-gradient(ellipse at 82% 12%,rgba(91,126,187,.38),transparent 34%),linear-gradient(118deg,#17233d 0%,#203967 60%,#31558a 100%);border:1px solid rgba(209,174,104,.38);border-radius:26px;box-shadow:0 24px 58px rgba(24,39,73,.2)}
.platform-hero:before,.platform-hero:after{border-color:rgba(226,198,135,.8);opacity:.28}
.platform-hero .eyebrow{color:#e4ca8f}
.platform-hero h1{letter-spacing:-.025em}
.platform-hero h1 em{color:#e4c987}
.platform-hero p{color:#e1e8f3}
.hero-search{border:1px solid rgba(255,255,255,.3);box-shadow:0 13px 32px rgba(9,17,37,.28)}
.hero-search button{background:linear-gradient(135deg,#e5c986,#caa65d);color:#1c2c4c;transition:filter .18s,transform .18s}
.hero-search button:hover{filter:brightness(1.05);transform:translateY(-1px)}
.hero-proof{color:#e0e7f1}
.hero-proof span:before{background:#dfc17e;box-shadow:0 0 0 3px rgba(223,193,126,.15)}
.orbit{border-color:rgba(223,193,126,.45)}
.hero-paper{background:linear-gradient(145deg,#fffefa,#f2efe6);color:#243452;box-shadow:0 24px 48px rgba(9,17,37,.4)}
.paper-icon{background:#edf2fb;color:#3158a5}
.paper-check{background:#e4f2e9;color:#28724e}
.float-chip{border:1px solid rgba(209,174,104,.55);box-shadow:0 12px 27px rgba(9,17,37,.28)}
.float-star{color:#e5c987}
.platform-stats{background:#fff;border-color:#e7e9ed;border-radius:18px;box-shadow:0 16px 38px rgba(24,39,73,.1)}
.platform-stats strong{color:#3158a5}
.eyebrow{color:#9b7d42}
.section-more,.clear-link,.cycle-link{color:#3158a5}
.platform-level-card,.curriculum-grid>a,.subject-grid>a,.type-grid>a,.post-card{background:linear-gradient(150deg,#fff 0%,#fff 72%,#fafbfd 100%);border-color:#e3e8f0;box-shadow:0 9px 28px rgba(24,39,73,.05)}
.platform-level-card{border-radius:18px}
.platform-level-card .level-icon,.subject-symbol{background:#edf2fb;color:#3158a5}
.grade-pills a{background:#f8f9fc;border-color:#e8ecf3;color:#3e4b65}
.grade-pills a:hover{background:#edf2fb;border-color:#cbd7eb;color:#244a88}
.grade-pills span{color:#a9894d}
.curriculum-grid>a{border-radius:17px}
.curriculum-grid>a>span{background:#edf2fb}
.curriculum-grid b,.type-grid>a>span{color:#a9894d}
.subject-grid>a,.type-grid>a{border-radius:17px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.subject-grid>a:hover,.type-grid>a:hover{transform:translateY(-4px);border-color:#d3c08f;box-shadow:0 17px 34px rgba(24,39,73,.1)}
.post-card{position:relative;overflow:hidden;border-radius:17px;transition:transform .2s,box-shadow .2s}
.post-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#d1ae68,#7893c3 62%,transparent)}
.post-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(24,39,73,.1)}
.post-meta{color:#3158a5}
.post-card h2 a:hover,.post-card h3 a:hover,.read-more,.pagination a{color:#3158a5}
.filter-bar{background:#fff;border-color:#e3e8f0;border-radius:17px;box-shadow:0 10px 28px rgba(24,39,73,.045)}
.filter-bar select,.filter-bar input{background:#fafbfc;border-color:#e2e7ef}
.filter-bar select:focus,.filter-bar input:focus{outline:2px solid rgba(49,88,165,.2);border-color:#9eb3d8}
.empty,.article{border-color:#e3e8f0;border-radius:18px;box-shadow:var(--shadow)}
.article-heading .post-meta{color:#8b713f}
.article-body a{color:#3158a5}
.tag-list a{background:#edf2fb;color:#294c88}
.comment{background:#f7f8fb}
footer{background:linear-gradient(115deg,#17233d,#203967 72%,#2b4775);border-top:1px solid rgba(209,174,104,.35)}
.footer-brand .brand-mark{background:#f1ebdc;color:#244779;border-color:#d8bd7f}
.footer-brand small,.footer-inner p,.footer-inner>a:last-child{color:#c1cde0}
@media(max-width:650px){.hero.platform-hero{border-radius:20px}.platform-stats{border-radius:15px}.platform-stats>div{padding-inline:4px}.platform-stats strong{font-size:16px}.subject-grid>a,.type-grid>a{border-radius:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Final luxury polish: deeper contrast, warm metallic details, and calmer spacing. */
:root{--gold:#d8bd7b;--gold-soft:#f4ecd8;--navy:#111c33;--navy-2:#1d2d4b}
body{background:linear-gradient(180deg,#f8f7f3 0%,#f3f6fa 38%,#f7f7f4 100%);letter-spacing:.005em}
.platform-header{border-bottom:1px solid #e6e0d1;box-shadow:0 8px 28px rgba(22,33,57,.075)}
.header-main{min-height:92px}
.brand-mark{background:linear-gradient(145deg,#111c33 0%,#294a7d 100%);color:#f4dfaa;border:1px solid #d8bd7b;box-shadow:0 10px 25px rgba(17,28,51,.24),inset 0 1px rgba(255,255,255,.25)}
.brand strong{font-size:19px;letter-spacing:.015em}
.brand small{font-size:11px;letter-spacing:.035em}
.platform-search{border-radius:16px;box-shadow:0 5px 15px rgba(25,42,72,.035)}
.platform-search button{background:linear-gradient(145deg,#274c83,#172d52);box-shadow:inset 0 1px rgba(255,255,255,.2)}
.nav-wrap{background:linear-gradient(180deg,#fff,#fbfaf7)}
.nav-inner{min-height:55px}
.nav-inner a{position:relative;padding-block:5px}
.nav-inner a:hover:after,.nav-inner .nav-home:after{content:"";position:absolute;inset:auto 0 -13px;height:2px;background:linear-gradient(90deg,transparent,#d1ae68,transparent)}
.hero.platform-hero{margin-top:34px;min-height:430px;border-radius:30px;border-color:rgba(218,190,126,.54);background:radial-gradient(ellipse at 79% 17%,rgba(110,143,193,.32),transparent 34%),radial-gradient(ellipse at 12% 100%,rgba(180,143,78,.14),transparent 34%),linear-gradient(122deg,#111c33 0%,#1a2c4d 59%,#294879 100%);box-shadow:0 28px 70px rgba(16,29,54,.24),inset 0 1px rgba(255,255,255,.17)}
.platform-hero:before{width:430px;height:430px;right:31%;top:-240px;border-color:#d8bd7b;opacity:.24}
.platform-hero:after{width:260px;height:260px;right:43%;bottom:-196px;border-color:#d8bd7b;opacity:.19}
.platform-hero .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid rgba(216,189,123,.35);border-radius:999px;background:rgba(255,255,255,.055);color:#efdbab;letter-spacing:.025em}
.platform-hero h1{font-size:clamp(37px,4.7vw,54px);line-height:1.28;margin:17px 0 12px;text-shadow:0 2px 20px rgba(0,0,0,.12)}
.platform-hero h1 em{color:#ecd79e}
.platform-hero p{max-width:550px;color:#e5eaf2;line-height:1.9}
.hero-search{max-width:610px;padding:8px;border-radius:17px;background:#fff;border:1px solid rgba(216,189,123,.6);box-shadow:0 17px 40px rgba(8,16,33,.3)}
.hero-search input{padding:13px 16px}
.hero-search button{padding-inline:20px;border-radius:11px;background:linear-gradient(140deg,#ead69f,#c8a45e);box-shadow:0 5px 14px rgba(133,99,35,.2);font-size:13px}
.hero-proof{gap:22px;margin-top:19px}
.hero-visual{filter:drop-shadow(0 14px 25px rgba(4,12,28,.14))}
.hero-paper{border:1px solid rgba(216,189,123,.6);background:linear-gradient(145deg,#fffefa,#f0ead9)}
.float-chip{border-color:rgba(216,189,123,.65);background:linear-gradient(145deg,#fff,#f5f0e3)}
.platform-stats{width:min(790px,92%);padding:20px 14px;border:1px solid #e4dcc8;box-shadow:0 20px 46px rgba(26,39,66,.12)}
.platform-stats>div{border-color:#ece6d8}
.platform-stats strong{font-size:23px;color:#294d82}
.section{padding-top:68px}
.section-heading{margin-bottom:27px}
.section-heading h2,.section-heading h1{font-size:27px;letter-spacing:-.025em}
.section-heading .eyebrow{display:inline-flex;align-items:center;gap:9px;color:#927545}
.section-heading .eyebrow:before{content:"";width:20px;height:1px;background:#d1ae68}
.platform-level-card,.curriculum-grid>a,.subject-grid>a,.type-grid>a,.post-card{border-color:#e5e0d4;background:linear-gradient(145deg,#fff 0%,#fff 74%,#fbfaf6 100%);box-shadow:0 10px 30px rgba(25,39,67,.055)}
.platform-level-card{padding:24px;border-radius:20px}
.platform-level-card .level-title{padding-bottom:13px;border-bottom:1px solid #f0ece3}
.platform-level-card .level-icon{background:linear-gradient(145deg,#eef2fa,#e7edf7);border:1px solid #e0e6f0;color:#31558c}
.grade-pills a{padding:10px 12px;border-radius:11px;transition:background .18s,border-color .18s,transform .18s}
.grade-pills a:hover{transform:translateY(-1px);background:#f3f0e7;border-color:#dfd2ad;color:#263f66}
.curriculum-grid>a{padding:21px;border-radius:19px}
.curriculum-grid>a>span{border:1px solid #e8dfca;background:linear-gradient(145deg,#f8f5eb,#edf2f9)}
.subject-grid>a,.type-grid>a{padding:20px;border-radius:19px;min-height:145px}
.subject-symbol{border:1px solid #e3e8f0;background:linear-gradient(145deg,#f2f5fa,#e8eef7)}
.post-grid{gap:19px}
.post-card{padding:22px;border-radius:19px}
.post-card:before{height:3px;background:linear-gradient(90deg,#d8bd7b,#829ac0 50%,transparent)}
.post-meta{font-weight:600}
.read-more{display:inline-flex;align-items:center;gap:7px;padding-top:4px}
.filter-bar{padding:21px;border-color:#e5e0d4;box-shadow:0 12px 32px rgba(25,39,67,.055)}
.filter-bar .button{background:linear-gradient(145deg,#31588f,#1d3965);box-shadow:0 5px 13px rgba(38,72,120,.16)}
.article{border-color:#e4dfd3;box-shadow:0 22px 58px rgba(25,39,67,.09)}
.article-heading{padding-bottom:19px;border-bottom:1px solid #eee9df}
.tag-list a{border:1px solid #e1d8c4;background:#f8f5eb;color:#40557b}
.comments{border-color:#e8e2d6}
footer{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 0%,rgba(95,124,169,.22),transparent 35%),linear-gradient(115deg,#111c33,#1b2d4c 70%,#263f68)}
footer:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#d8bd7b 30%,#f0dfb0 50%,#d8bd7b 70%,transparent);opacity:.85}
.footer-inner{position:relative;min-height:112px}
.footer-brand .brand-mark{background:linear-gradient(145deg,#f4ecd8,#e8d7ac);color:#203c68;border-color:#d8bd7b}
@media(max-width:900px){.hero.platform-hero{min-height:400px}.platform-hero h1{font-size:clamp(34px,5vw,47px)}}
@media(max-width:650px){.header-main{min-height:0}.hero.platform-hero{margin-top:20px;padding:32px 23px;border-radius:21px}.platform-hero h1{font-size:32px}.platform-hero .eyebrow{font-size:10px}.hero-search{padding:6px}.hero-search input{padding:10px 11px}.hero-search button{padding-inline:12px;font-size:11px}.platform-stats{padding:13px 5px}.platform-stats strong{font-size:16px}.section{padding-top:48px}.section-heading{margin-bottom:18px}.section-heading h2,.section-heading h1{font-size:21px}.platform-level-card{padding:18px}.curriculum-grid>a{padding:16px}.subject-grid>a,.type-grid>a{padding:15px;min-height:125px}.post-card{padding:18px}.filter-bar{padding:14px}.footer-inner{min-height:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}

/* Premium article reading page */
.breadcrumbs{width:min(100%,960px);margin:28px auto 14px;padding:0 4px;gap:12px;color:#8993a7;font-size:12px}
.breadcrumbs a{color:#526789;font-weight:700;transition:color .18s}
.breadcrumbs a:hover{color:#bd9852}
.breadcrumbs>span[aria-hidden="true"]{color:#c4a66b;font-size:20px;line-height:1}
.breadcrumbs>span:last-child{max-width:min(680px,72vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8c95a7}
.article{position:relative;overflow:hidden;max-width:960px;margin:0 auto 28px;padding:clamp(25px,5.5vw,58px);border-radius:22px;background:linear-gradient(145deg,#fff 0%,#fff 76%,#fdfbf6 100%);box-shadow:0 24px 70px rgba(25,39,67,.105),0 2px 8px rgba(25,39,67,.035)}
.article:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#223b63 0%,#c7a45f 48%,#eadbb8 72%,transparent 100%)}
.article-heading{position:relative;margin-bottom:34px;padding:5px 0 26px;border-bottom:1px solid #eee9df}
.article-kicker{display:flex;align-items:center;gap:9px;margin-bottom:20px;color:#927545;font-size:11px;font-weight:700;letter-spacing:.04em}
.article-kicker-mark{display:grid;place-items:center;width:25px;height:25px;border:1px solid #e6dcc6;border-radius:8px;background:linear-gradient(145deg,#fbf8ef,#f0eadc);color:#b3904e;font-size:13px}
.article-heading .post-meta{align-items:center;gap:10px;color:#78849b;font-size:11px}
.article-kind{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid #e8e2d5;border-radius:999px;background:#fbf9f4;color:#556b8b}
.article-kind:before{content:"";width:6px;height:6px;border-radius:50%;background:#c7a45f;box-shadow:0 0 0 3px #c7a45f20}
.article-heading .post-meta time{display:inline-flex;align-items:center;gap:6px;color:#8b93a4}
.article-heading .post-meta time span{color:#b3955c}
.article-heading h1{max-width:790px;margin:20px 0 12px;color:#1d2c48;font-size:clamp(27px,4.2vw,42px);font-weight:800;line-height:1.55;letter-spacing:-.035em}
.byline{margin:0;color:#7c879b;font-size:12px}
.article .tag-list{margin-top:20px;gap:8px}
.article .tag-list a{padding:7px 12px;border-color:#e8e1d1;background:#f8f6f0;color:#53678a;font-size:11px;transition:transform .18s,background .18s}
.article .tag-list a:hover{transform:translateY(-1px);background:#f0eadc}
.article-body{max-width:800px;margin-inline:auto;color:#34425d;font-size:16px;line-height:2.05}
.article-body h2,.article-body h3{position:relative;margin:36px 0 16px;padding:0 17px 0 0;color:#20375d;font-weight:800}
.article-body h2:before,.article-body h3:before{content:"";position:absolute;right:0;top:.35em;width:4px;height:1.25em;border-radius:4px;background:linear-gradient(#d3b36e,#9c7b3e)}
.article-body h2{font-size:clamp(21px,3vw,27px)}
.article-body h3{font-size:20px}
.article-body p{margin:0 0 21px}
.article-body img{display:block;max-width:100%;height:auto;margin:26px auto;border:1px solid #e9e5dc;border-radius:14px;box-shadow:0 12px 34px rgba(31,48,78,.09)}
.article-body iframe,.article-body video{display:block;width:100%;margin:25px auto;border:1px solid #e7e8ed;border-radius:14px;background:#111827}
.article-body table{width:100%;margin:24px 0;border:1px solid #e6e2d8;border-radius:12px;background:white}
.article-body th{background:#f5f2e9;color:#31476c;font-weight:700}
.article-body td,.article-body th{padding:10px 12px;border-color:#ebe7de}
.article-body blockquote{margin:24px 0;padding:15px 19px;border-right:3px solid #c7a45f;border-radius:10px;background:#faf8f2;color:#53627b}
.article-body a{color:#3158a5;text-decoration-thickness:1px;text-underline-offset:3px}
.article-body ul,.article-body ol{padding-right:25px}
.related{max-width:960px;margin:0 auto 60px;text-align:center}
.related .button{padding:12px 20px;border:1px solid #d4bd88;background:linear-gradient(145deg,#263f66,#172a49);box-shadow:0 9px 23px rgba(28,48,83,.16);transition:transform .18s,box-shadow .18s}
.related .button:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(28,48,83,.22)}
@media(max-width:650px){.breadcrumbs{margin-top:20px;padding-inline:2px;font-size:11px}.article{margin:0 auto 22px;padding:24px 19px;border-radius:17px}.article-heading{margin-bottom:25px;padding-bottom:21px}.article-kicker{margin-bottom:15px}.article-heading h1{margin-top:16px;font-size:26px;line-height:1.6}.article-body{font-size:14px;line-height:2}.article-body h2{font-size:21px}.article-body h3{font-size:18px}.article-body img{margin:20px auto;border-radius:11px}.article-body table{font-size:12px}.article-body td,.article-body th{padding:7px}.related{margin-bottom:42px}}

/* Shared sidebar across the home, listings, article details and not-found pages */
.site-layout{display:grid;grid-template-columns:258px minmax(0,1fr);gap:28px;align-items:start;margin:24px auto 62px;direction:rtl}
.page-content{min-width:0}
.site-sidebar{position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);overflow:auto;padding:17px;border:1px solid #e4dfd3;border-radius:20px;background:linear-gradient(160deg,#fff 0%,#fff 72%,#fbf9f3 100%);box-shadow:0 14px 38px rgba(25,39,67,.075);scrollbar-width:thin;scrollbar-color:#d8c99e transparent}
.sidebar-intro{display:flex;align-items:center;gap:11px;padding:3px 2px 16px;border-bottom:1px solid #eee9df}
.sidebar-symbol{display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid #d7c28d;border-radius:13px;background:linear-gradient(145deg,#20375d,#31558c);box-shadow:0 6px 15px rgba(31,55,94,.15);color:#f1d99e;font-weight:800;font-size:20px}
.sidebar-intro strong,.sidebar-intro small{display:block}.sidebar-intro strong{color:#253b60;font-size:13px}.sidebar-intro small{margin-top:3px;color:#8992a3;font-size:10px}
.sidebar-all{display:flex;align-items:center;gap:9px;margin:13px 0;padding:11px 12px;border-radius:11px;background:linear-gradient(120deg,#20375d,#31558c);box-shadow:0 6px 15px rgba(31,55,94,.12);color:#fff;font-size:12px;font-weight:700;transition:transform .18s,box-shadow .18s}
.sidebar-all:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(31,55,94,.18)}.sidebar-all>span:first-child{color:#ead39b;font-size:17px}.sidebar-arrow{margin-inline-start:auto;color:#ead39b}
.sidebar-group{padding:10px 0 8px;border-top:1px solid #f0ece4}.sidebar-group h2{display:flex;align-items:center;gap:8px;margin:0 0 7px;color:#8d7444;font-size:11px;font-weight:800}.sidebar-group h2 span{color:#b69759;font-size:15px}
.sidebar-group>a{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:7px 8px;border-radius:8px;color:#586781;font-size:11px;transition:background .16s,color .16s}.sidebar-group>a b{color:#b4a276;font-size:12px;font-weight:400;opacity:0;transition:opacity .16s}.sidebar-group>a:hover{background:#f5f2e9;color:#284978}.sidebar-group>a:hover b{opacity:1}
.sidebar-promo{display:flex;flex-direction:column;gap:5px;margin-top:11px;padding:14px;border:1px solid #e7dfcd;border-radius:13px;background:linear-gradient(145deg,#faf8f2,#f0f3f8);color:#31486d}.sidebar-promo>span{color:#b49452;font-size:17px}.sidebar-promo strong{font-size:12px}.sidebar-promo small{color:#818ca0;font-size:10px}.sidebar-promo b{margin-top:5px;color:#3158a5;font-size:10px}
.page-content>.breadcrumbs{width:auto;margin-top:0}
.page-content>.article{max-width:none;width:100%;margin-inline:0}
.page-content>.related{max-width:none}
@media(max-width:1000px){.site-layout{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:18px}.site-sidebar{position:static;max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;padding:15px}.sidebar-intro,.sidebar-all,.sidebar-promo{grid-column:1/-1}.sidebar-group{align-self:start}.sidebar-promo{margin-top:8px}}
@media(max-width:650px){.site-layout{gap:15px;margin:14px auto 42px}.site-sidebar{grid-template-columns:1fr 1fr;gap:0 10px;padding:12px;border-radius:16px}.sidebar-intro{padding-bottom:12px}.sidebar-symbol{width:37px;height:37px}.sidebar-all{margin:10px 0;padding:10px}.sidebar-group{padding-top:9px}.sidebar-group h2{font-size:10px}.sidebar-group>a{padding:6px 5px;font-size:10px}.sidebar-group>a b{opacity:1}.sidebar-promo{padding:11px}.page-content>.breadcrumbs{margin-bottom:12px}.page-content>.article{padding:24px 17px}}

/* One shared identity system for every public page */
:root{--brand-navy:#1d2e4b;--brand-blue:#31558c;--brand-gold:#b99756;--brand-gold-soft:#f5f0e4;--surface:#fff;--page:#f4f6fa;--line:#e2e7ef;--muted:#78849a;--shadow:0 12px 34px rgba(27,43,70,.075)}
body{background:var(--page);color:var(--brand-navy);font-family:"Segoe UI",Tahoma,Arial,sans-serif}
.platform-header{border-bottom:1px solid #e8e4da;box-shadow:0 5px 20px rgba(27,43,70,.045)}
.brand strong,.header-link,.nav-inner .nav-home{color:var(--brand-navy)}
.brand-mark{background:linear-gradient(145deg,#20375d,#31558c);border:1px solid var(--brand-gold);color:#f3dfad}
.platform-search{border-color:var(--line);background:#f7f8fb}.platform-search button,.filter-bar .button{background:linear-gradient(135deg,#31558c,#20375d)}
.nav-wrap{border-bottom:1px solid #e8e4da}.nav-inner a:hover,.nav-inner .nav-home,.header-link:hover{color:var(--brand-blue)}
.button,.search button{background:linear-gradient(135deg,#31558c,#20375d);box-shadow:0 5px 14px rgba(31,55,94,.14)}
.button:hover,.search button:hover,.filter-bar .button:hover{background:linear-gradient(135deg,#3c639b,#263f68)}
.hero.platform-hero{border-color:rgba(185,151,86,.45);background:radial-gradient(ellipse at 82% 12%,rgba(91,126,187,.32),transparent 34%),linear-gradient(118deg,#17233d 0%,#203967 60%,#31558c 100%)}
.platform-hero .eyebrow,.section-heading .eyebrow{color:#9a7b40}.platform-hero .eyebrow{color:#e3c989}
.platform-stats,.site-sidebar,.article,.filter-bar,.post-card,.platform-level-card,.curriculum-grid>a,.subject-grid>a,.type-grid>a{border-color:#e4dfd3}
.post-card,.platform-level-card,.curriculum-grid>a,.subject-grid>a,.type-grid>a{background:linear-gradient(145deg,#fff 0%,#fff 78%,#fbfaf6 100%);box-shadow:0 9px 26px rgba(27,43,70,.055)}
.post-card:hover,.curriculum-grid>a:hover,.subject-grid>a:hover,.type-grid>a:hover{border-color:#d5c59f;box-shadow:0 14px 32px rgba(27,43,70,.09)}
.post-meta,.read-more,.section-more,.clear-link{color:var(--brand-blue)}
.section-heading h1,.section-heading h2,.post-card h2 a,.post-card h3 a{color:var(--brand-navy)}
.grade-pills a:hover,.sidebar-group>a:hover{background:var(--brand-gold-soft);color:var(--brand-navy)}
.filter-bar{background:#fff}.filter-bar select,.filter-bar input{border-color:#e0e5ed;border-radius:10px}
.empty{border-color:#d7cba9;background:#fff;color:#66748c}
.article{background:linear-gradient(145deg,#fff 0%,#fff 78%,#fcfaf5 100%)}
.article-heading h1,.article-body h2,.article-body h3{color:var(--brand-navy)}
.tag-list a,.article .tag-list a{border-color:#e4dcc9;background:#f7f4eb;color:#506584}
.breadcrumbs a,.article-body a{color:var(--brand-blue)}
.related .button{background:linear-gradient(135deg,#31558c,#20375d)}
.sidebar-all,.sidebar-symbol{background:linear-gradient(145deg,#20375d,#31558c)}
.sidebar-promo{border-color:#e5dece;background:linear-gradient(145deg,#faf8f2,#f1f4f8)}
footer{background:radial-gradient(ellipse at 85% 0%,rgba(95,124,169,.2),transparent 35%),linear-gradient(115deg,#17233d,#20375d 70%,#31558c)}
footer:before{background:linear-gradient(90deg,transparent,#b99756 30%,#f0dfb0 50%,#b99756 70%,transparent)}
@media(max-width:650px){.platform-header{box-shadow:0 3px 15px rgba(27,43,70,.04)}.section-heading h1,.section-heading h2{color:var(--brand-navy)}.site-sidebar{box-shadow:0 9px 24px rgba(27,43,70,.06)}}

/* ALFOROD logo and matching blue-gold accents */
:root{--brand-blue:#075db2;--brand-gold:#e9a600;--brand-gold-soft:#fff7e6}
.brand{gap:0}.brand-logo{display:block;width:178px;height:auto;max-height:72px;object-fit:contain;object-position:right center}
.footer-brand .brand-logo{width:155px;max-height:62px}
.sidebar-intro{gap:10px}.sidebar-logo{display:block;width:78px;height:auto;max-height:38px;flex:none;object-fit:contain;object-position:right center}
.brand-mark{background:linear-gradient(145deg,#075db2,#123d79);border-color:#e9a600}
.sidebar-symbol{background:linear-gradient(145deg,#075db2,#123d79);border-color:#e9a600}
.sidebar-all{background:linear-gradient(120deg,#075db2,#123d79)}
.platform-search button,.filter-bar .button,.button,.search button{background:linear-gradient(135deg,#0b67bc,#16477f)}
.platform-search button:hover,.filter-bar .button:hover,.button:hover,.search button:hover{background:linear-gradient(135deg,#0758a6,#123d79)}
.platform-hero .eyebrow{color:#f5ce64}.article-kicker-mark,.article-kind:before{color:#c58d00}
@media(max-width:650px){.brand-logo{width:148px;max-height:60px}.footer-brand .brand-logo{width:140px;max-height:56px}.sidebar-logo{width:64px;max-height:32px}}

.related-articles{margin-top:44px;padding-top:30px;border-top:1px solid #ebe6db}
.related-heading{margin-bottom:18px}.related-heading .eyebrow{font-size:11px;letter-spacing:.03em}.related-heading h2{margin:4px 0;color:var(--brand-navy);font-size:23px}.related-heading p{margin:0;color:#7c879b;font-size:13px}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.related-card{display:flex;min-width:0;flex-direction:column;padding:17px;border:1px solid #e5e1d8;border-radius:14px;background:linear-gradient(145deg,#fff,#fbfaf6);transition:transform .18s,border-color .18s,box-shadow .18s}
.related-card:hover{transform:translateY(-2px);border-color:#d7c69b;box-shadow:0 12px 25px rgba(27,43,70,.07)}
.related-topic{align-self:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 9px;border:1px solid #ece2cb;border-radius:999px;background:#faf6eb;color:#8b7040;font-size:10px}
.related-card h3{margin:11px 0 7px;color:var(--brand-navy);font-size:15px;line-height:1.8}.related-card h3 a:hover{color:var(--brand-blue)}
.related-card p{margin:0 0 12px;color:#778399;font-size:12px;line-height:1.9}.related-link{display:flex;align-items:center;gap:7px;margin-top:auto;color:var(--brand-blue);font-size:11px;font-weight:700}
.article-share{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:26px;padding-top:18px;border-top:1px solid #f0ece4}
.article-share strong{margin-left:4px;color:#586781;font-size:12px}.article-share a{padding:6px 11px;border:1px solid #e3e7ef;border-radius:999px;background:#fff;color:#31558c;font-size:11px;transition:background .16s,border-color .16s}
.article-share a:hover{border-color:#d8c58d;background:#fbf7ed}
@media(max-width:650px){.related-articles{margin-top:32px;padding-top:23px}.related-heading h2{font-size:20px}.related-heading p{font-size:12px}.related-grid{grid-template-columns:1fr;gap:10px}.related-card{padding:15px}.related-card h3{font-size:14px}.article-share{gap:7px}.article-share strong{width:100%;margin:0 0 3px}}

/* Editorial taxonomy and search-friendly catalog polish */
.article-taxonomy{margin-top:20px;padding:14px 16px;border:1px solid #e9e2d3;border-radius:15px;background:linear-gradient(135deg,#fbfaf6,#fff)}
.taxonomy-label{display:block;margin-bottom:9px;color:#8d7447;font-size:11px;font-weight:800}
.article-taxonomy .tag-list{margin:0;gap:8px}
.article-taxonomy .tag-list a{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border-color:#e5dfd2;border-radius:999px;background:#fff;color:#324c72;font-size:11px;font-weight:700;line-height:1.7}
.article-taxonomy .tag-list a:before{content:"◈";margin-inline-end:7px;color:#b49353;font-size:10px}
.browse-section .section-heading{padding:22px 24px;border:1px solid #e8e1d3;border-radius:18px;background:linear-gradient(125deg,#fff 0%,#fbf9f3 100%);box-shadow:0 12px 30px rgba(27,43,70,.045)}
.browse-section .section-heading h1{max-width:760px;font-size:clamp(22px,3vw,32px);line-height:1.55}
.browse-section .result-count{display:inline-flex;margin-top:10px;padding:5px 10px;border-radius:999px;background:#f3f5f9;color:#6c7890;font-size:11px}
.browse-section .category-intro{max-width:760px;margin:7px 0 0;color:#6e7b91;font-size:13px;line-height:1.9}
.post-card .post-meta>span{max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#927545}
.post-card h2{min-height:3.3em;font-size:16px;line-height:1.8}
.post-card p{min-height:4.6em;color:#6e7b91;font-size:13px;line-height:1.9}
.post-card .read-more{display:inline-flex;align-items:center;gap:7px;padding-top:10px;border-top:1px solid #f0ede6}
.related-card .related-topic{display:inline-flex;align-self:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #eee6d5;border-radius:999px;background:#faf8f2;color:#826d43}
@media(max-width:650px){.article-taxonomy{padding:12px}.article-taxonomy .tag-list{gap:6px}.article-taxonomy .tag-list a{max-width:100%;font-size:10px}.browse-section .section-heading{align-items:flex-start;padding:17px 15px}.browse-section .clear-link{white-space:nowrap}.post-card h2{min-height:0}.post-card p{min-height:0}}

/* Installable mobile app shell */
.pwa-install{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 13px;border:1px solid #d8c58e;border-radius:10px;background:#fbf8ef;color:#20375d;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.pwa-install[hidden]{display:none}
.mobile-app-nav{display:none}
@media(max-width:650px){
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .nav-wrap,.site-sidebar,.header-link{display:none!important}
  .header-main{position:relative;gap:10px;padding-block:10px}
  .brand-logo{width:132px;max-height:52px}
  .platform-search{order:3;width:100%;margin-top:2px}
  .pwa-install{margin-inline-start:auto;min-height:36px;padding:6px 10px;font-size:11px}
  .site-layout{display:block;margin-top:13px}
  .mobile-app-nav{position:fixed;z-index:20;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:7px 12px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #e7e3da;background:rgba(255,255,255,.97);box-shadow:0 -7px 25px rgba(27,43,70,.08);backdrop-filter:blur(14px)}
  .mobile-app-nav a{display:flex;min-height:48px;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:10px;color:#526789}
  .mobile-app-nav a:active{background:#f2f5fa}
  .mobile-app-nav a span{font-size:19px;line-height:1.2;color:#075db2}
  .mobile-app-nav a small{font-size:10px;font-weight:700}
  .footer-inner{padding-bottom:12px}
}

/* Theme values managed from the administration panel */
.platform-header .header-link:hover,.nav-inner a:hover,.breadcrumbs a,.related-link,.read-more{color:var(--site-primary,#087f78)}
.platform-header .nav-inner .nav-home,.button,.filter-bar .button,.pagination a:hover,.app-start-button,.app-home-page .app-search button{background-color:var(--site-primary,#087f78)}
.app-home-page{background-color:var(--site-surface,#f8f8f4)}
.app-home-page .app-section-heading h2,.app-home-page .app-welcome h1,.article-heading h1,.article-body h2,.article-body h3{color:var(--site-heading,#214c63)}
.app-level-dot,.app-shortcut:after,.article-kicker-mark{background-color:var(--site-accent,#d8b35e)}
.app-level-pills a:hover,.share-button:hover{border-color:color-mix(in srgb,var(--site-primary,#087f78) 28%,white)}
@media(min-width:651px){.pwa-install{margin-inline-start:auto}}

/* App-first home screen */
.app-home-page .nav-wrap,.app-home-page .site-sidebar,.app-home-page .header-link{display:none!important}
.app-home-page .platform-search{display:none}
.app-home-page .site-layout{display:block;max-width:920px;margin:24px auto 54px}
.app-home-page .page-content{width:100%}
.app-home-page .header-main{min-height:76px;gap:16px}
.app-home-page .brand-logo{width:158px;max-height:62px}
.app-home-page .pwa-install{margin-inline-start:auto}
.app-home-page footer{display:none}
.app-dashboard{max-width:880px;margin-inline:auto;padding:0 0 30px}
.app-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 29px;border:1px solid #dfe7f3;border-radius:21px;background:radial-gradient(ellipse at 10% 5%,rgba(255,255,255,.2),transparent 34%),linear-gradient(125deg,#172b4c,#075db2);box-shadow:0 16px 35px rgba(27,57,101,.13);color:#fff}
.app-eyebrow{display:block;color:#a17d3b;font-size:11px;font-weight:800}
.app-welcome .app-eyebrow{color:#f4d686}
.app-welcome h1{margin:4px 0 3px;font-size:clamp(23px,3vw,31px);line-height:1.5}
.app-welcome p{margin:0;color:#dce8f6;font-size:13px}
.app-install-shortcut{display:grid;place-items:center;width:48px;height:48px;flex:none;border:1px solid rgba(255,255,255,.32);border-radius:15px;background:rgba(255,255,255,.12);color:white;font:inherit;font-size:26px;cursor:pointer}
.app-search{display:flex;align-items:center;gap:10px;margin:17px 0 19px;padding:7px 8px 7px 13px;border:1px solid #e0e5ee;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(25,39,67,.055)}
.app-search>span{color:#8a97aa;font-size:22px}
.app-search input{flex:1;min-width:0;padding:9px 0;border:0;outline:0;background:transparent;color:#243858;font:inherit;font-size:13px}
.app-search button{min-width:66px;padding:9px 15px;border:0;border-radius:10px;background:#075db2;color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.app-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.app-shortcut{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:11px;min-height:82px;padding:13px;border:1px solid #e5e8ed;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(25,39,67,.035);transition:transform .18s,border-color .18s,box-shadow .18s}
.app-shortcut:hover{transform:translateY(-2px);border-color:#d7c58f;box-shadow:0 12px 25px rgba(25,39,67,.08)}
.app-shortcut>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eaf3fc;color:#075db2;font-size:20px;font-weight:800}
.app-shortcut strong{align-self:end;color:#213859;font-size:13px}
.app-shortcut small{align-self:start;color:#8994a6;font-size:10px}
.shortcut-test>span{background:#e9f6ee;color:#348454}.shortcut-exam>span{background:#fff4df;color:#a57a21}.shortcut-lesson>span{background:#edf0ff;color:#6370bd}.shortcut-teacher>span{background:#f4edfb;color:#8b61aa}
.app-level-section,.app-recent-section{margin-top:31px}
.app-section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:13px}
.app-section-heading h2{margin:2px 0 0;color:#213859;font-size:20px}
.app-section-heading>a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#075db2;font-size:11px;font-weight:800}
.app-level-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.app-level-group{padding:15px;border:1px solid #e5e8ed;border-radius:16px;background:#fff}
.app-level-group h3{display:flex;align-items:center;gap:8px;margin:0 0 11px;color:#334b70;font-size:12px}
.app-level-dot{width:8px;height:8px;border-radius:50%;background:#e8b645;box-shadow:0 0 0 4px #e8b64520}
.app-level-pills{display:flex;flex-wrap:wrap;gap:7px}
.app-level-pills a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;padding:5px 9px;border:1px solid #edf0f4;border-radius:9px;background:#f8f9fb;color:#566985;font-size:10px}
.app-level-pills a span{color:#a88749}
.app-level-pills a:hover{border-color:#d7c58f;background:#fbf8ef;color:#263f68}
.app-recent-list{overflow:hidden;border:1px solid #e5e8ed;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(25,39,67,.04)}
.app-recent-item{display:grid;grid-template-columns:40px minmax(0,1fr) 25px;align-items:center;gap:12px;padding:14px 15px;border-bottom:1px solid #eff1f4}
.app-recent-item:last-child{border-bottom:0}
.app-recent-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f1f5fb;color:#31588f;font-size:18px}
.app-recent-copy{min-width:0}
.app-recent-copy>span{display:block;overflow:hidden;color:#987b49;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.app-recent-copy h3{overflow:hidden;margin:3px 0;color:#253b60;font-size:13px;line-height:1.7;text-overflow:ellipsis}
.app-recent-copy h3 a:hover{color:#075db2}
.app-recent-copy p{display:-webkit-box;overflow:hidden;margin:0;color:#8791a2;font-size:10px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.app-recent-arrow{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f6f7f9;color:#547198;font-size:15px}
.app-home-seo{margin:22px 2px 0;color:#8892a3;font-size:11px;line-height:1.9}
.app-home-page .mobile-app-nav a:first-child{background:#eef4fb;color:#174d8c}
.app-home-page .mobile-app-nav a:first-child span{color:#075db2}
@media(max-width:900px){.app-home-page .site-layout{max-width:760px}.app-level-list{grid-template-columns:1fr}.app-level-group{padding:14px 15px}}
@media(max-width:650px){
 .app-home-page .header-main{min-height:60px;padding-block:7px;gap:9px}
 .app-home-page .brand-logo{width:128px;max-height:49px}
 .app-home-page .pwa-install{min-height:34px;padding:5px 9px;font-size:10px}
 .app-home-page .site-layout{width:calc(100% - 26px);margin:13px auto 25px}
 .app-dashboard{padding-bottom:13px}
 .app-welcome{min-height:112px;padding:19px 17px;border-radius:18px}
 .app-welcome h1{font-size:21px;line-height:1.55}
 .app-welcome p{font-size:11px}
 .app-install-shortcut{width:42px;height:42px;border-radius:13px;font-size:23px}
 .app-search{margin:13px 0 15px;padding:6px 6px 6px 10px;border-radius:13px}
 .app-search input{font-size:12px}
 .app-search button{min-width:56px;padding:8px 11px;font-size:11px}
 .app-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .app-shortcut{min-height:72px;padding:10px;border-radius:14px;grid-template-columns:37px minmax(0,1fr);column-gap:9px}
 .app-shortcut>span{width:37px;height:37px;border-radius:11px;font-size:18px}
 .app-shortcut strong{font-size:12px}
 .app-shortcut small{font-size:9px}
 .app-level-section,.app-recent-section{margin-top:24px}
 .app-section-heading{margin-bottom:11px}
 .app-section-heading h2{font-size:17px}
 .app-section-heading>a{font-size:10px}
 .app-level-list{gap:9px}
 .app-level-group{padding:12px;border-radius:14px}
 .app-level-group h3{margin-bottom:9px;font-size:11px}
 .app-level-pills{gap:6px}
 .app-level-pills a{min-height:31px;padding:5px 8px;font-size:9px}
 .app-recent-list{border-radius:14px}
 .app-recent-item{grid-template-columns:34px minmax(0,1fr) 23px;gap:9px;padding:11px 10px}
 .app-recent-icon{width:34px;height:34px;border-radius:10px;font-size:16px}
 .app-recent-copy h3{font-size:11px;line-height:1.7}
 .app-recent-copy>span,.app-recent-copy p{font-size:9px}
 .app-home-seo{margin-top:15px;font-size:9px}
}

/* Visual refinement: warmer surfaces, clearer hierarchy, and richer app cards */
.app-home-page{background:#f4f6fa}
.app-home-page .platform-header{position:sticky;top:0;border-bottom:1px solid rgba(223,229,239,.82);background:rgba(255,255,255,.92);backdrop-filter:blur(16px)}
.app-home-page .site-layout{max-width:940px;margin-top:28px}
.app-dashboard{max-width:920px}
.app-welcome{position:relative;isolation:isolate;min-height:168px;overflow:hidden;padding:31px 34px;border:1px solid rgba(93,139,199,.32);border-radius:25px;background:radial-gradient(ellipse at 7% 100%,rgba(30,122,212,.58),transparent 46%),radial-gradient(ellipse at 74% -20%,rgba(79,142,218,.42),transparent 43%),linear-gradient(120deg,#102646 0%,#143c70 57%,#075db2 100%);box-shadow:0 22px 50px rgba(22,58,103,.2)}
.app-welcome:before{position:absolute;z-index:-1;left:7%;bottom:-65px;width:225px;height:205px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.035));box-shadow:14px -13px 0 -1px rgba(255,255,255,.09),28px -25px 0 -2px rgba(255,255,255,.06);content:"";transform:rotate(-9deg)}
.app-welcome:after{position:absolute;z-index:-1;left:18%;top:23px;width:82px;height:82px;border:1px solid rgba(255,255,255,.13);border-radius:50%;content:"";box-shadow:0 0 0 17px rgba(255,255,255,.035),0 0 0 34px rgba(255,255,255,.025)}
.app-welcome>div{position:relative;z-index:1}
.app-welcome h1{font-size:clamp(25px,3vw,34px);letter-spacing:-.025em}
.app-welcome p{color:#e2ecf9;font-size:14px}
.app-install-shortcut{position:relative;z-index:1;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);transition:background .18s,transform .18s}
.app-install-shortcut:hover{transform:translateY(-2px);background:rgba(255,255,255,.24)}
.app-search{min-height:62px;margin:19px 0 22px;padding:8px 9px 8px 17px;border-color:#e2e7ef;border-radius:17px;box-shadow:0 10px 28px rgba(21,43,76,.075)}
.app-search:focus-within{border-color:#83aad7;box-shadow:0 0 0 4px rgba(7,93,178,.08),0 10px 28px rgba(21,43,76,.07)}
.app-search input{font-size:14px}
.app-search button{min-width:74px;padding-block:10px;border-radius:11px;background:linear-gradient(135deg,#1377cd,#07529c);box-shadow:0 5px 12px rgba(7,93,178,.2)}
.app-shortcuts{gap:14px}
.app-shortcut{position:relative;min-height:92px;padding:15px;border-color:#e8ebf0;border-radius:18px;background:linear-gradient(145deg,#fff 0%,#fff 65%,#f8f9fc 100%);box-shadow:0 10px 25px rgba(26,45,75,.055)}
.app-shortcut:after{position:absolute;inset:0 0 auto;height:3px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,transparent,#d6b66d,transparent);content:"";opacity:0;transition:opacity .18s}
.app-shortcut:hover:after{opacity:1}
.app-shortcut>span{border:1px solid rgba(61,103,160,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.app-shortcut strong{font-size:13px}
.app-shortcut small{font-size:10px}
.app-level-section,.app-recent-section{margin-top:34px}
.app-section-heading{margin-bottom:15px}
.app-section-heading h2{font-size:21px;letter-spacing:-.015em}
.app-section-heading .app-eyebrow{font-size:10px;letter-spacing:.05em}
.app-section-heading>a{padding:7px 10px;border:1px solid #e7ebf1;border-radius:10px;background:#fff;transition:border-color .18s,color .18s}
.app-section-heading>a:hover{border-color:#d7c28d;color:#174d8c}
.app-level-list{gap:14px}
.app-level-group{padding:17px;border-color:#e7eaf0;border-radius:18px;background:linear-gradient(150deg,#fff,#fbfcfe);box-shadow:0 8px 22px rgba(26,45,75,.035)}
.app-level-group h3{margin-bottom:13px;color:#263e63;font-size:13px}
.app-level-dot{background:#d5aa4e;box-shadow:0 0 0 4px rgba(213,170,78,.16)}
.app-level-pills{gap:8px}
.app-level-pills a{min-height:35px;padding-inline:10px;border-color:#e9edf3;border-radius:10px;background:#f8fafd;font-size:10px;transition:background .16s,border-color .16s,transform .16s}
.app-level-pills a:hover{transform:translateY(-1px)}
.app-recent-list{display:grid;gap:0;overflow:hidden;border-color:#e7eaf0;border-radius:19px;box-shadow:0 10px 28px rgba(26,45,75,.055)}
.app-recent-item{position:relative;min-height:92px;grid-template-columns:46px minmax(0,1fr) 30px;gap:14px;padding:15px 18px;transition:background .17s}
.app-recent-item:hover{background:#fbfcfe}
.app-recent-icon{width:46px;height:46px;border:1px solid #e5eaf2;border-radius:14px;background:linear-gradient(145deg,#f5f8fd,#eaf1fa);color:#24528b;font-size:19px}
.app-recent-copy>span{font-size:10px;font-weight:700}
.app-recent-copy h3{margin:4px 0;font-size:13px}
.app-recent-copy p{font-size:10px}
.app-recent-arrow{width:29px;height:29px;border:1px solid #e9edf3;background:#fff;color:#49688f;transition:all .16s}
.app-recent-item:hover .app-recent-arrow{border-color:#d9c58f;background:#faf7ef;color:#263f68}
.app-home-seo{padding:12px 15px;border:1px solid #e8ebf0;border-radius:13px;background:rgba(255,255,255,.65);color:#7c889a}
.app-home-page .mobile-app-nav{border-top-color:#e5eaf1;background:rgba(255,255,255,.94)}
@media(max-width:650px){
 .app-home-page .site-layout{margin-top:15px}
 .app-welcome{min-height:132px;padding:21px 18px;border-radius:20px}
 .app-welcome:before{left:-35px;bottom:-105px;width:180px;height:180px}
 .app-welcome:after{left:11%;top:17px;width:60px;height:60px}
 .app-welcome h1{font-size:22px}
 .app-welcome p{font-size:11px}
 .app-search{min-height:55px;margin:14px 0 16px;padding:6px 7px 6px 11px}
 .app-shortcuts{gap:9px}
 .app-shortcut{min-height:77px;padding:11px;border-radius:15px}
 .app-shortcut:after{border-radius:15px 15px 0 0}
 .app-level-section,.app-recent-section{margin-top:26px}
 .app-section-heading{margin-bottom:12px}
 .app-section-heading h2{font-size:18px}
 .app-section-heading>a{padding:6px 8px;font-size:9px}
 .app-level-group{padding:13px;border-radius:15px}
 .app-level-group h3{font-size:11px}
 .app-level-pills a{min-height:33px;font-size:9px}
 .app-recent-list{border-radius:15px}
 .app-recent-item{min-height:78px;grid-template-columns:38px minmax(0,1fr) 25px;gap:10px;padding:11px 10px}
 .app-recent-icon{width:38px;height:38px;border-radius:12px;font-size:16px}
 .app-recent-copy h3{font-size:11px}
 .app-recent-arrow{width:25px;height:25px}
 .app-home-seo{padding:10px 11px;border-radius:11px}
}

/* Selected concept 3: warm, friendly learning app */
.app-home-page{background:#f8f8f4;color:#214c63}
.app-home-page .platform-header{border-bottom-color:#e8ece7;background:rgba(255,255,255,.95)}
.app-home-page .app-dashboard{max-width:920px}
.app-home-page .app-welcome{min-height:185px;padding:27px 31px;border-color:#e5eadf;border-radius:25px;background:linear-gradient(120deg,#fbf4df 0%,#f2f4e6 52%,#e4f3e9 100%);box-shadow:0 14px 35px rgba(49,81,71,.08);color:#214c63}
.app-home-page .app-welcome:before,.app-home-page .app-welcome:after{display:none}
.app-home-page .app-welcome>div{max-width:62%}
.app-home-page .app-welcome .app-eyebrow{color:#71845e}
.app-home-page .app-welcome h1{margin:7px 0 6px;color:#214c63;font-size:30px}
.app-home-page .app-welcome p{color:#55737a;font-size:13px}
.app-start-button{display:inline-flex;align-items:center;gap:10px;margin-top:14px;padding:10px 15px;border-radius:11px;background:#214c63;color:#fff;font-size:11px;font-weight:800;box-shadow:0 5px 12px rgba(33,76,99,.12);transition:transform .16s,background .16s}
.app-start-button:hover{transform:translateY(-1px);background:#173c50}
.app-book-art{position:absolute;left:30px;bottom:24px;display:block;width:146px;height:119px;border-radius:50%;background:rgba(255,255,255,.62)}
.app-book-art:before,.app-book-art:after{position:absolute;top:29px;width:52px;height:53px;content:"";box-shadow:0 8px 13px rgba(32,73,82,.1)}
.app-book-art:before{left:31px;border-radius:23px 5px 4px 10px;background:#397d88;transform:skewY(-8deg)}
.app-book-art:after{left:84px;border-radius:5px 23px 10px 4px;background:#e7a936;transform:skewY(8deg)}
.app-book-art span{position:absolute;z-index:1;left:83px;top:28px;width:3px;height:57px;border-radius:5px;background:#fff;transform:rotate(-1deg)}
.app-home-page .app-search{border-color:#e4e9e4;box-shadow:0 8px 24px rgba(37,72,73,.065)}
.app-home-page .app-search:focus-within{border-color:#84b3a3;box-shadow:0 0 0 4px rgba(8,127,120,.08),0 8px 24px rgba(37,72,73,.06)}
.app-home-page .app-search button{background:#087f78;box-shadow:0 5px 12px rgba(8,127,120,.16)}
.app-home-page .app-shortcut{border-color:#e7ebe6;border-radius:17px;box-shadow:0 7px 20px rgba(41,71,65,.04)}
.app-home-page .app-shortcut:after{background:linear-gradient(90deg,transparent,#d8b35e,transparent)}
.app-home-page .app-shortcut strong,.app-home-page .app-section-heading h2{color:#214c63}
.app-home-page .shortcut-test>span{background:#e8f4ee;color:#40845f}
.app-home-page .shortcut-exam>span{background:#fff0e5;color:#d8784f}
.app-home-page .shortcut-lesson>span{background:#eaf1fb;color:#547ba9}
.app-home-page .shortcut-teacher>span{background:#f3ecfa;color:#8a65ad}
.app-home-page .app-section-heading>a{border-color:#e5ebe5;color:#477c79}
.app-home-page .app-section-heading>a:hover{border-color:#d5b16b;color:#214c63}
.app-home-page .app-level-group{border-color:#e7ebe6;background:#fff;box-shadow:0 6px 18px rgba(41,71,65,.035)}
.app-home-page .app-level-group h3{color:#315a4d}
.app-home-page .app-level-dot{background:#dca84b;box-shadow:0 0 0 4px rgba(220,168,75,.16)}
.app-home-page .app-level-pills a{border-color:#edf0ea;background:#f7f8f5;color:#526879}
.app-home-page .app-level-pills a:hover{border-color:#d8c482;background:#fbf7e9;color:#315a4d}
.app-home-page .app-recent-list{border-color:#e7ebe6;box-shadow:0 8px 22px rgba(41,71,65,.04)}
.app-home-page .app-recent-item:hover{background:#fcfdf9}
.app-home-page .app-recent-icon{border-color:#ecebdc;background:#f7f3e6;color:#477c79}
.app-home-page .app-recent-copy>span{color:#7c8d77}
.app-home-page .app-recent-copy h3{color:#315a4d}
.app-home-page .app-recent-arrow{border-color:#e7ebe6;color:#477c79}
.app-home-page .app-recent-item:hover .app-recent-arrow{border-color:#d8c482;background:#fbf7e9;color:#315a4d}
.app-home-page .app-home-seo{border-color:#e8ece7;background:rgba(255,255,255,.7);color:#78897e}
.app-home-page .mobile-app-nav{border-top-color:#e4eae4}
.app-home-page .mobile-app-nav a:first-child{background:#eaf4ef;color:#315a4d}
.app-home-page .mobile-app-nav a:first-child span{color:#087f78}

/* Clearly separated, responsive AdSense placements */
.ad-placement{position:relative;min-height:120px;margin:24px 0;padding:16px 14px 10px;border:1px solid #e9ece8;border-radius:15px;background:rgba(255,255,255,.78);text-align:center;overflow:hidden}
.ad-label{display:block;margin-bottom:8px;color:#8b958c;font-size:10px;line-height:1.5}
.ad-placement .adsbygoogle{min-height:90px}
.app-home-page .ad-placement{border-color:#e8ece4;background:rgba(255,255,255,.72)}
.article .ad-placement{max-width:800px;margin:28px auto}
@media(max-width:650px){
 .app-home-page .app-welcome{min-height:176px;padding:22px 18px;border-radius:20px}
 .app-home-page .app-welcome>div{max-width:72%}
 .app-home-page .app-welcome h1{font-size:22px}
 .app-home-page .app-welcome p{font-size:11px}
 .app-home-page .app-start-button{margin-top:11px;padding:9px 11px;font-size:10px}
 .app-book-art{left:8px;bottom:25px;width:105px;height:92px}
 .app-book-art:before,.app-book-art:after{top:24px;width:38px;height:43px}
 .app-book-art:before{left:20px}.app-book-art:after{left:59px}
 .app-book-art span{left:58px;top:23px;height:47px}
 .ad-placement{min-height:105px;margin:18px 0;padding:12px 9px 8px;border-radius:12px}
 .ad-placement .adsbygoogle{min-height:75px}
 .article .ad-placement{margin:20px auto}
}

/* Article reading experience for long school resources and download collections */
.page-content>.article{max-width:none;width:100%;padding:0;overflow:visible;border:0;background:transparent;box-shadow:none}
.page-content>.article:before{display:none}
.article-heading{margin:0 0 21px;padding:23px 26px 25px;border:1px solid #e7ebe5;border-radius:21px;background:linear-gradient(125deg,#fff 0%,#fbf8ed 62%,#eef5ef 100%);box-shadow:0 10px 28px rgba(34,66,69,.055)}
.article-kicker{margin-bottom:14px;color:#63816b}
.article-kicker-mark{border-color:#e8e5d5;background:#fbf7e9;color:#b38c3f}
.article-kind{border-color:#e3e9df;background:#f6f8f2;color:#557366}
.article-heading h1{max-width:850px;margin:16px 0 11px;color:#214c63;font-size:clamp(26px,3.1vw,38px);line-height:1.55}
.article-heading .post-meta{color:#71877f}
.article-heading .post-meta time{color:#788d84}
.article .article-taxonomy{border-color:#e5ebe3;background:linear-gradient(125deg,#fbfcf8,#fff)}
.article .article-taxonomy .tag-list a{border-color:#e4e9dc;background:#f8f8ef;color:#557365}
.article-body{max-width:none;margin:0;padding:clamp(22px,4vw,42px);border:1px solid #e6ebe5;border-radius:21px;background:#fff;box-shadow:0 15px 38px rgba(34,66,69,.06);color:#344e57;font-size:16px;line-height:2.1}
.article-body>h2:first-child,.article-body>h3:first-child{margin-top:0}
.article-body h2,.article-body h3{color:#214c63}
.article-body h2:before,.article-body h3:before{background:linear-gradient(#e8b34f,#338575)}
.article-body p{line-height:2.05}
.article-body .atags{display:none!important}
.article-body table{display:block;max-width:100%;overflow-x:auto;border:1px solid #e4ebe4;border-collapse:separate;border-spacing:0;border-radius:15px;background:#fff;box-shadow:0 7px 20px rgba(31,67,65,.04);scrollbar-width:thin}
.article-body table tbody tr:nth-child(even){background:#fbfcf9}
.article-body table th{background:#edf5ef;color:#315a4d}
.article-body table .article-mid-ad-row>td{min-width:0!important;padding:8px!important;background:#fff!important;text-align:center}
.article-body table .article-mid-ad-row .ad-placement{margin:12px auto;padding:12px 10px 8px}
.article-body table td,.article-body table th{border:0;border-bottom:1px solid #edf0ea;vertical-align:middle}
.article-body table tr:last-child td{border-bottom:0}
.article-body a[href*="drive.google.com"],.article-body a[href*="docs.google.com"]{display:inline-flex;align-items:center;justify-content:center;gap:7px;max-width:100%;margin:3px 2px;padding:7px 12px;border:1px solid #dce9e2;border-radius:10px;background:linear-gradient(135deg,#f1f8f4,#eaf3ef);color:#276859;font-size:.9em;font-weight:700;line-height:1.6;text-decoration:none;transition:transform .15s,border-color .15s,background .15s}
.article-body a[href*="drive.google.com"]:before,.article-body a[href*="docs.google.com"]:before{content:"↓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:7px;background:#fff;color:#398270;font-size:13px}
.article-body a[href*="drive.google.com"]:hover,.article-body a[href*="docs.google.com"]:hover{transform:translateY(-1px);border-color:#b7d1c4;background:#e9f5ee}
.article-body img{border-color:#e5ebe3;border-radius:16px;box-shadow:0 12px 28px rgba(34,66,69,.09)}
.article-body iframe,.article-body video{border-color:#e3e9e4;border-radius:16px;box-shadow:0 12px 28px rgba(34,66,69,.08)}
.article-body blockquote{border-right-color:#d8aa51;background:#fbf8ec;color:#536d68}
.article-body .ad-placement{clear:both;margin:32px auto;padding:15px 16px 10px;border-color:#e9ece5;border-radius:16px;background:linear-gradient(135deg,#fbfcf8,#fff)}
.related-articles{margin-top:28px;padding:25px;border:1px solid #e7ebe5;border-radius:21px;background:linear-gradient(145deg,#fff,#fbfcf9);box-shadow:0 10px 25px rgba(34,66,69,.04)}
.page-share,.article-share{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:7px;margin:10px 0 15px;padding:0;border:0;background:transparent;box-shadow:none}
.share-icon-button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #e2e9e1;border-radius:50%;background:#fff;color:#477c70;cursor:pointer;box-shadow:0 3px 10px rgba(34,66,69,.055);transition:transform .16s,border-color .16s,color .16s,background .16s}
.share-icon-button:hover,.share-icon-button:focus-visible{transform:translateY(-1px);border-color:#bdd4c7;background:#f4f8f3;color:#214c63;outline:none}
.share-icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.share-feedback{color:#64816f;font-size:11px}
.share-feedback:empty{display:none}
.app-home-page .page-share{margin:9px 0 16px}
.article-share{margin-top:11px;margin-bottom:14px}
.breadcrumbs{color:#788b83}
.breadcrumbs a{color:#477c79}
@media(max-width:650px){
 .page-content>.article{margin:0 auto 20px;padding:0}
 .article-heading{margin-bottom:13px;padding:19px 16px 18px;border-radius:17px}
 .article-heading h1{font-size:23px;line-height:1.65}
 .article-kicker{margin-bottom:10px}
 .article .article-taxonomy{padding:11px}
 .article-body{padding:19px 15px;border-radius:17px;font-size:14px;line-height:2}
 .article-body h2{margin-top:28px;font-size:20px}
 .article-body h3{font-size:17px}
 .article-body table{margin:20px -2px;border-radius:12px;font-size:11px}
 .article-body table td,.article-body table th{min-width:84px;padding:7px 8px}
 .article-body a[href*="drive.google.com"],.article-body a[href*="docs.google.com"]{padding:6px 9px;font-size:11px}
 .article-body .ad-placement{margin:22px auto;padding:11px 9px 8px}
 .related-articles{padding:17px 13px;border-radius:17px}
 .page-share,.article-share{margin:8px 0 12px}
 .share-icon-button{width:36px;height:36px}
 .share-icon-button svg{width:17px;height:17px}
}

/* Editorial education portal inspired by Moroccan learning portals */
:root{--portal-ink:#142c3b;--portal-teal:#147f78;--portal-gold:#e3ae4c;--portal-paper:#fff;--portal-muted:#687d84}
body{background:#f2f6f4;color:var(--portal-ink)}
.platform-header{background:var(--portal-paper);border-bottom:0;box-shadow:0 5px 22px rgba(20,44,59,.08)}
.header-main{min-height:96px}
.brand-logo{max-width:275px;max-height:74px;object-fit:contain}
.platform-search{border-radius:8px;background:#f6f8f7}
.platform-search input{font-size:13px}
.nav-wrap{background:#173747}
.nav-inner{min-height:48px;gap:4px}
.nav-inner a{padding:12px 15px;color:#eaf3f0;font-size:12px;font-weight:700}
.nav-inner .nav-home{background:var(--portal-teal);color:white}
.nav-inner a:hover{background:#245466;color:#fff}
.site-layout{gap:23px;margin-top:25px}
.site-sidebar{border-color:#e1e9e4;border-radius:12px;box-shadow:0 8px 24px rgba(20,44,59,.045)}
.sidebar-intro{border-color:#e8eeea}
.sidebar-intro strong{color:var(--portal-ink)}
.sidebar-all{border-radius:8px;background:#eaf4f1;color:#176e67}
.sidebar-group h2{color:#58716f}
.sidebar-group a{border-radius:7px}
.sidebar-group a:hover{background:#eff6f3;color:#147f78}
.sidebar-promo{border-radius:10px;background:linear-gradient(145deg,#173747,#176b69)}
.app-dashboard{max-width:none;padding-bottom:36px}
.app-welcome{min-height:190px;padding:34px 38px;border:0;border-radius:10px;background:linear-gradient(110deg,rgba(17,44,59,.97),rgba(17,76,83,.9)),linear-gradient(135deg,#12394a,#147f78);box-shadow:0 14px 30px rgba(20,44,59,.14)}
.app-welcome:before{left:5%;bottom:-115px;width:330px;height:230px;border-color:rgba(255,255,255,.13);border-radius:50%}
.app-welcome:after{left:17%;top:30px;width:105px;height:105px;border-color:rgba(255,255,255,.12)}
.app-welcome h1{max-width:640px;color:#fff;font-size:clamp(26px,3.4vw,38px);line-height:1.5}
.app-welcome .app-eyebrow{color:#f1cb79;letter-spacing:.03em}
.app-welcome p{max-width:620px;color:#e2efec;font-size:14px;line-height:1.9}
.app-start-button{border-radius:7px;background:var(--portal-gold)!important;color:#203b45!important;box-shadow:0 5px 14px rgba(0,0,0,.12)}
.app-book-art{opacity:.32}
.portal-news{display:flex;align-items:stretch;gap:0;min-height:48px;margin:16px 0 18px;overflow:hidden;border:1px solid #e5eae5;border-radius:8px;background:#fff;box-shadow:0 4px 14px rgba(20,44,59,.035)}
.portal-news>strong{display:flex;align-items:center;gap:8px;flex:none;padding:0 17px;background:#b94b43;color:#fff;font-size:12px}
.portal-news>strong span{font-size:10px;color:#ffe5aa}
.portal-news-items{display:flex;align-items:center;gap:0;min-width:0;overflow:auto;scrollbar-width:none}
.portal-news-items::-webkit-scrollbar{display:none}
.portal-news-items a,.portal-news-items>span{flex:none;max-width:360px;padding:0 17px;border-left:1px solid #edf0ec;color:#51666d;font-size:11px;font-weight:700;line-height:1.7;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.portal-news-items a:hover{color:var(--portal-teal)}
.app-search{border-radius:9px;box-shadow:0 8px 22px rgba(20,44,59,.06)}
.app-search button{border-radius:7px}
.app-shortcuts{gap:11px}
.app-shortcut{border-radius:10px;box-shadow:0 5px 16px rgba(20,44,59,.045)}
.app-shortcut>span{border-radius:10px;background:#eaf4f1;color:#177b73}
.app-section-heading h2{color:var(--portal-ink)}
.app-level-group,.app-recent-list{border-radius:10px}
.app-recent-list{box-shadow:0 6px 19px rgba(20,44,59,.045)}
.app-recent-item{padding:17px 19px}
.app-recent-copy h3{color:#183849}
.portal-about{margin-top:25px;padding:23px 25px;border:1px solid #e3ebe5;border-radius:10px;background:#fff}
.portal-about h2{margin:0 0 9px;color:var(--portal-ink);font-size:17px}
.portal-about p{margin:0;color:var(--portal-muted);font-size:12px;line-height:2}
.ad-placement{border-radius:9px}
@media(max-width:760px){
 .header-main{min-height:74px}
 .brand-logo{max-width:195px;max-height:57px}
 .nav-inner{gap:0}
 .nav-inner a{padding:11px 10px;font-size:11px}
 .site-layout{margin-top:14px;gap:15px}
 .app-welcome{min-height:180px;padding:24px 20px;border-radius:10px}
 .app-welcome>div{max-width:78%}
 .app-welcome h1{font-size:24px}
 .app-welcome p{font-size:12px}
 .portal-news{min-height:44px;margin:12px 0}
 .portal-news>strong{padding:0 11px;font-size:10px}
 .portal-news-items a,.portal-news-items>span{max-width:230px;padding:0 11px;font-size:10px}
}
@media(max-width:650px){
 .platform-header .header-main{min-height:66px}
 .brand-logo{max-width:170px;max-height:49px}
 .nav-inner a{padding:9px 8px;font-size:10px}
 .app-welcome{min-height:164px;padding:20px 16px}
 .app-welcome>div{max-width:83%}
 .app-welcome h1{font-size:21px}
 .app-welcome p{font-size:11px;line-height:1.8}
 .app-start-button{padding:9px 12px;font-size:11px}
 .portal-news-items a,.portal-news-items>span{max-width:180px}
 .portal-about{padding:17px 15px}
 .app-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Search-first home page and faceted resource discovery */
.search-console{position:relative;margin:18px 0 20px;padding:24px 25px 18px;border:1px solid #dfe9e4;border-radius:12px;background:linear-gradient(145deg,#fff 0%,#fff 75%,#f2f8f4 100%);box-shadow:0 12px 30px rgba(20,44,59,.07)}
.search-console-heading{display:flex;align-items:center;gap:13px;margin-bottom:16px}
.search-console-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;border:1px solid #dcebe5;border-radius:12px;background:#eaf5f0;color:#147f78;font-size:29px}
.search-console-heading .app-eyebrow{color:#568073}
.search-console-heading h2{margin:1px 0 3px;color:#173747;font-size:21px}
.search-console-heading p{margin:0;color:#6b7d7d;font-size:12px;line-height:1.8}
.search-console .app-search{min-height:64px;margin:0;padding:8px 9px 8px 16px;border:2px solid #dfe9e4;border-radius:10px;box-shadow:0 7px 19px rgba(20,44,59,.055)}
.search-console .app-search:focus-within{border-color:#6db2a0;box-shadow:0 0 0 4px rgba(20,127,120,.09),0 7px 19px rgba(20,44,59,.05)}
.search-console .app-search>span{font-size:26px;color:#568073}
.search-console .app-search input{font-size:14px}
.search-console .app-search button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:95px;border-radius:8px;background:#147f78!important;color:#fff;box-shadow:0 5px 14px rgba(20,127,120,.18)}
.search-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.search-filters label{display:grid;gap:5px;color:#526b6b;font-size:10px;font-weight:800}
.search-filters select{width:100%;min-height:40px;padding:7px 10px;border:1px solid #e2eae5;border-radius:7px;background:#fbfcfb;color:#3d565a;font:inherit;font-size:11px;outline:none}
.search-filters select:focus{border-color:#70b2a0;box-shadow:0 0 0 3px rgba(20,127,120,.08)}
.popular-queries{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:13px;color:#83928f;font-size:10px}
.popular-queries strong{color:#59716e}
.popular-queries a{padding:5px 9px;border:1px solid #e5ece7;border-radius:999px;background:#f7faf8;color:#51716b;text-decoration:none}
.popular-queries a:hover{border-color:#bed9ce;background:#edf7f1;color:#176e67}
.app-home-page .app-welcome{min-height:150px;padding:26px 31px}
.app-home-page .app-welcome h1{max-width:700px;margin-bottom:5px;font-size:clamp(25px,3vw,34px)}
.app-home-page .app-welcome p{font-size:13px}
.search-no-results{margin-top:18px;padding:24px;border:1px solid #e5ebe5;border-radius:10px;background:#fff;text-align:center;color:#536b6b}
.search-no-results h2{margin:0 0 7px;color:#173747;font-size:18px}
.search-no-results p{margin:0 0 13px;font-size:12px;line-height:1.8}
.search-no-results a{display:inline-flex;padding:8px 14px;border-radius:7px;background:#147f78;color:#fff;font-size:11px;font-weight:800;text-decoration:none}
@media(max-width:650px){
 .search-console{margin:12px 0;padding:17px 13px 14px;border-radius:10px}
 .search-console-heading{gap:10px;margin-bottom:12px}
 .search-console-icon{width:40px;height:40px;border-radius:10px;font-size:24px}
 .search-console-heading h2{font-size:17px}
 .search-console-heading p{font-size:10px}
 .search-console .app-search{min-height:54px;padding:6px 6px 6px 10px}
 .search-console .app-search input{font-size:11px}
 .search-console .app-search button{min-width:70px;padding:8px 9px;font-size:10px}
 .search-filters{gap:6px;margin-top:9px}
 .search-filters label{font-size:9px}
 .search-filters select{min-height:38px;padding:6px 5px;font-size:9px}
 .popular-queries{gap:5px;margin-top:10px;font-size:9px}
 .popular-queries a{padding:4px 7px}
 .app-home-page .app-welcome{min-height:135px;padding:20px 16px}
}