/* Navy, gold and sky blue taken from the owner's original TNPSC logo. */
:root{--ink:#192e4b;--muted:#65748a;--green:#0b2b50;--green-dark:#0b2545;--mint:#eaf1fa;--orange:#c5963e;--cream:#f7f9fc;--border:#dfe6ef;--gold:#bc8b2e;--gold-light:#edcf87;--blue-soft:#edf4fb}
.brand{gap:10px;margin-bottom:36px;font-size:10px;letter-spacing:1.3px}
.brand-logo{display:block;width:80px;height:80px;object-fit:contain;flex-shrink:0;border-radius:50%;background:#fff;border:1px solid #e9d5a8;box-shadow:0 3px 12px #0b25450b}
.brand b{font-size:20px;letter-spacing:4px;color:var(--green)}
.brand small{font-size:7px;line-height:1.8;letter-spacing:0}
.sidebar{border-top:4px solid var(--gold);padding-top:27px}
.sidebar-label,.eyebrow,.topic-meta,.step-label{color:#7a879a}
.main-nav a{color:#66768b}.main-nav a.active{color:var(--green);background:#eaf1fa;box-shadow:inset 3px 0 var(--gold)}
.main-nav a.active svg{color:#aa7b26}.main-nav a:hover{background:#f1f5fb}
.mini-unit{background:#f4f7fb}.unit-box{background:#e6edf7;color:var(--green)}
.private-tag{color:#6b7c90}.breadcrumb{color:#6e7f95}.breadcrumb b{color:#2c4566}.breadcrumb span{color:#b9c6d7}
.topbar{background:#ffffffc9}.language-tag{background:#edf3fa;border-color:#dce5f1;color:#3f5778}
.avatar{background:#f5e6c5;color:#8b651d}.status-dot{background:var(--gold)}
.hero{background:linear-gradient(116deg,#0b2545,#12365d);border:1px solid #203f65;box-shadow:0 8px 25px #0b254508}
.hero .eyebrow{color:var(--gold-light)}.hero p{color:#c8d6e7}.hero-link{color:#e1e8f2}
.hero .btn{background:linear-gradient(100deg,#d1a74c,#e9cb84);color:#102945;border-color:#e4c476;box-shadow:0 3px 10px #00000015}
.science-art{isolation:isolate;min-height:220px}
.science-art:before,.science-art:after{content:"";position:absolute;width:244px;height:244px;border-radius:50%;border:1px solid #dfbd6b3d;z-index:-1}
.science-art:after{width:282px;height:282px;border-color:#aac7e41a}
.hero-logo{display:block;width:210px;height:210px;max-width:100%;object-fit:contain;border-radius:50%;border:5px solid #ffffff1f;background:white;box-shadow:0 9px 35px #06192d66}
.stat b{color:var(--green)}.stat-icon,.stat:first-child .stat-icon{background:#e9f1fb;color:#355b8c}
.stat:nth-child(2) .stat-icon{background:#fbf2de;color:#9a7329}.stat:nth-child(3) .stat-icon{background:#e8f3fc;color:#4e81aa}
.learn-card:hover{border-color:#abc0da}.learn-card .card-icon{background:#e9f1fb;color:#355b8c}
.learn-card:nth-child(2) .card-icon{background:#fbf2de;color:#9a7329}.learn-card:nth-child(3) .card-icon{background:#e8f3fc;color:#4e81aa}
.card-bottom{color:#6b7d94}.arrow-circle{background:#edf2f9}.learn-card:hover .arrow-circle{background:#f4e4bb}
.daily-fact{background:#fcf5e6;border-color:#eedfbf}.daily-fact .eyebrow{color:#947329}.daily-fact p{color:#6d654f}
.progress-row{color:var(--muted)}.progress-track{background:#e9eef6}.progress-fill{background:linear-gradient(90deg,#bd8d34,#e0ba64)}
.btn.secondary{border-color:#d5dfec}.btn.light{background:#eaf1fa}.btn:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline-color:#c59335}
.topic-card:hover{border-color:#a6bcda}.topic-num{color:#8a9cb6}.note-article .intro{color:#526882}
.formula{background:#edf3fb;color:#2d4d75;border-left:3px solid #bf913d}
.flash-card{border-color:#d7e1ee;box-shadow:0 12px 28px #0b254505}.flash-card .eyebrow{color:#8f702d}.flash-card p{color:#556b88}
.quiz-how li{color:#576d89}.quiz-how li:before{color:#bd9141}.quiz-card .option:hover:enabled{border-color:#a5bcd8;background:#f2f6fc}
.option-letter{background:#edf2fa;color:#536d91}.option{border-color:#dce4ef}
.results-hero{background:#edf3fb;border:1px solid #dce6f3}.score-ring{border-color:#c69b43}.results-hero p{color:#58708f}
.big-number small,.progress-table th{color:#73869f}.progress-table td{border-bottom-color:#e9eef6}
footer{color:#7f8fa5}.review-item summary span{color:#7b8da7}
/* Answer feedback keeps its familiar success/error colors and explicit text. */
.context-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;margin-bottom:25px;background:#fff;border:1px solid var(--border);border-radius:14px}
.context-bar label{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:650;min-width:0}.context-bar select{max-width:410px;min-width:240px;background:#f5f8fc;border:1px solid #d7e1ee;border-radius:9px;padding:10px 12px;color:var(--ink)}.context-bar>span{font-size:11px;color:var(--muted);white-space:nowrap}
.unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:28px}.unit-tile{text-align:left;border:1px solid var(--border);background:#fff;border-radius:14px;padding:20px;display:flex;align-items:center;gap:15px;color:var(--ink);transition:border-color .15s,transform .15s;min-width:0}.unit-tile:hover{border-color:var(--gold);transform:translateY(-2px)}.unit-tile>span:nth-child(2){flex:1;min-width:0}.unit-tile-number{background:#edf3fb;color:#48678e;border:1px solid #dce5f1;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:11px;font-size:14px;font-weight:700}.unit-tile small{font-size:10px;color:#7b8799}.unit-tile h3{font-size:15px;line-height:1.9;margin:3px 0}.unit-tile p{color:var(--muted);font-size:11px}
.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.syllabus-note{margin-bottom:24px}.syllabus-note p{margin:12px 0 16px;color:#5b708b;line-height:2}.syllabus-table{background:#fff;border:1px solid var(--border);border-radius:14px;margin-bottom:25px}.syllabus-table table{min-width:720px}.syllabus-table td{vertical-align:top}.syllabus-table p{font-size:11px;color:var(--muted);line-height:1.9;margin-top:8px;max-width:320px}.table-scroll{overflow-x:auto;max-width:100%}.resource-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:16px}.resource-links a,.book-reference a{color:#385f8a;text-decoration:underline;text-underline-offset:4px;font-size:12px}.book-reference{border:1px solid var(--border);border-radius:12px;padding:14px 18px;margin:22px 0}.book-reference summary{cursor:pointer;color:#4b6385;font-size:12px}.book-reference p{margin:15px 0;font-size:12px;line-height:2}.book-reference a{display:block;margin:10px 0}.book-reference small{display:block;color:var(--muted)}
.reading-passage{padding:18px 20px;margin:22px 0;background:#fcf6e9;border-left:3px solid var(--gold);border-radius:8px}.reading-passage strong{font-size:12px;color:#947329}.reading-passage p{margin-top:8px;line-height:2;color:#4f637c}.cube-figure{margin:18px 0;padding:18px;background:#f8fafd;border:1px solid var(--border);border-radius:12px;text-align:center}.cube-figure svg{display:block;width:100%;max-width:310px;height:auto;margin:auto;stroke:none}.cube-figure figcaption{font-size:11px;color:var(--muted);margin-top:10px}.question-map{max-height:340px;overflow-y:auto;padding:4px}.daily-fact .text-link{border:0;padding:0;background:none;text-align:left}
@media(max-width:1180px){.context-bar{align-items:flex-start}.context-bar label{flex-direction:column;align-items:flex-start;gap:6px}.context-bar>span{padding-top:30px}.unit-tile{padding:15px;gap:10px}.unit-tile h3{font-size:14px}}
@media(max-width:700px){.main-nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:1px}.main-nav a{padding:9px 3px;min-width:0}.main-nav a span{font-size:8px}.main-nav a svg{width:18px;height:18px}.context-bar{display:block;padding:14px;margin-bottom:20px}.context-bar label{width:100%;font-size:11px}.context-bar select{min-width:0;max-width:100%;width:100%;font-size:12px;padding:12px 8px}.context-bar>span{display:block;padding:9px 0 0}.unit-grid,.book-grid{grid-template-columns:1fr}.unit-tile{padding:17px}.unit-tile h3{font-size:14px}.section-head{gap:12px;flex-wrap:wrap}.section-head>a{font-size:11px}.syllabus-note{padding:19px}.syllabus-note p{font-size:12px}.heading-line .pill{max-width:100%;white-space:normal}.cube-figure{padding:10px}.reading-passage{padding:15px}.note-article h1{overflow-wrap:anywhere}}
.option.correct .option-letter{background:#d3e7cb;color:#34622c}.option.wrong .option-letter{background:#f1d7cf;color:#924c39}
@media(max-width:1180px){.brand-logo{width:70px;height:70px}.brand{gap:8px}.brand b{font-size:18px;letter-spacing:3px}.brand small{font-size:6px}.hero-logo{width:200px;height:200px}}
@media(max-width:940px){.brand-logo{width:58px;height:58px}.brand{font-size:8px;letter-spacing:1px}.brand b{font-size:17px;letter-spacing:2px}.brand small{font-size:6px}.science-art{display:none}}
@media(max-width:700px){.sidebar{padding-top:12px;border-top-width:3px}.brand{gap:11px;margin:0 0 12px;font-size:8px}.brand-logo{width:58px;height:58px}.brand b{display:block;margin-left:0;font-size:18px;letter-spacing:4px}.brand small{font-size:7px;margin-top:3px}.main-nav a.active{box-shadow:inset 0 -3px var(--gold)}.hero{border-radius:16px}}
.news-banner{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:26px;margin:0 0 30px;border-radius:17px;background:#eaf1fa;border:1px solid #cbd8ea}.news-banner p{font-size:12px}.news-banner .btn{flex-shrink:0}.news-intro p{margin:10px 0;font-size:13px;line-height:2}.news-intro .button-row{margin-top:18px}.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;margin-top:15px}.news-card{display:flex;flex-direction:column;min-width:0}.news-card h2{font-size:17px;margin:10px 0}.news-card>p{font-size:12px;line-height:2}.news-meta{display:flex;justify-content:space-between;gap:9px;font-size:11px;color:#806026;margin-bottom:9px}.news-tags{display:flex;gap:6px;flex-wrap:wrap;margin:17px 0 8px}.news-tags span{border-radius:16px;padding:4px 9px;font-size:9px;background:#edf3fb;color:#254764}.news-connection{color:#65768b}.news-actions{display:flex;gap:15px;align-items:center;margin:18px 0 12px}.news-actions button.text-link{background:none;border:0}.news-card .resource-links{margin-top:auto;overflow-wrap:anywhere}.news-filters{flex-wrap:wrap}.news-filters select{max-width:280px}.news-source{padding:18px;background:#f2f6fc;border:1px solid #d8e2ef;border-radius:12px;margin:23px 0}.news-source p{font-size:12px}.news-source .resource-links{margin:12px 0}.news-card a,.news-source a{overflow-wrap:anywhere}
@media(max-width:1000px){.news-grid{grid-template-columns:1fr}.news-banner{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.main-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.news-banner{padding:20px}.news-banner h2{font-size:19px}.news-filters select{max-width:100%;width:100%}.news-card h2{font-size:16px}.news-actions{flex-wrap:wrap}.news-intro .button-row{flex-wrap:wrap}.news-meta{font-size:10px;flex-wrap:wrap}}