/* Colours and artwork supplied by Sivagangai PG Teachers. */
.install-banner{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e1e1e3;border-radius:16px;padding:14px;margin-bottom:18px}.install-banner img{object-fit:contain}.install-banner div{flex:1}.install-banner p{font-size:12px;color:#65676c;margin:5px 0 0}.install-banner .primary{margin:0;padding:12px 16px;font-size:12px;white-space:nowrap}.install-guidance{padding:14px;background:#fff5d5;border-radius:12px;font-size:13px;line-height:1.7}.hero #tagline{max-width:600px}.hero .hero-bottom{max-width:none;justify-content:flex-start}.hero #welcome{max-width:760px}@media(max-width:650px){.install-banner{gap:8px;padding:12px}.install-banner img{width:38px;height:38px}.install-banner strong{font-size:13px}.install-banner p{font-size:11px}.hero #tagline{max-width:100%}.hero #welcome{font-size:32px}}
:root{color:#30343a;background:#f7f7f7}body{color:#30343a}.brand{color:#30343a;letter-spacing:1.4px}.brand-logo{width:64px;height:64px;object-fit:contain;background:white;border-radius:12px}.hero{background:#ffcd32;color:#30343a;border:1px solid #eeb51a}.hero .eyebrow{color:#594814}.hero h1{position:relative;z-index:1}.hero em{color:#383d44}.hero>p:not(.eyebrow){color:#51471f}.hero-bottom{color:#4a422a}.hero-logo{position:absolute;right:32px;top:32px;width:235px;height:235px;object-fit:contain;border-radius:20px;background:white;box-shadow:0 12px 30px #77561312}.modes{background:#eaeaea}.modes button{color:#62646a}.modes .active{background:#ffce39;color:#30343a}.quiet{color:#4d5055}.search,.filters select{border-color:#dbdcdf}.filters label{color:#5b5d62}.filters select{color:#30343a}.status-row p,.section-head>span{color:#66696e}.card{border-color:#e1e1e3;box-shadow:0 3px 14px #1b1b1b04}.badge{background:#fff0b9;color:#685014}.save{color:#73561a}.card .subject,.card .meta{color:#65676c}.card h3{color:#30343a}.card p{color:#66696e}.card .teacher-credit{color:#44474d;font-weight:500}.resource-id{font-size:11px;letter-spacing:.6px;font-weight:700;color:#66501a;background:#fff8de;border-left:3px solid #ffbf18;padding:7px 10px;border-radius:3px}.card a{border-color:#eeeeef;color:#665013}.empty{background:#efefef;color:#5b5d62}.load-more{border-color:#d7b957;color:#4d421f}footer{color:#67696d}nav{border-color:#dedee1}nav button{color:#6c6e72}nav .active{color:#70530a}.primary{background:#ffca28;color:#30343a}#toast{background:#383d44}.intro{position:fixed;inset:0;min-height:100dvh;background:#fff;padding:0;overflow:hidden}.intro-art{width:100%;height:100dvh;object-fit:contain;display:block}.intro-skip{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px;border:1px solid #e3b32c;border-radius:30px;background:#fff5d5ed;color:#373b41;font-size:12px;font-weight:700;padding:12px 17px;box-shadow:0 2px 8px #0000000b}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#a87900}@media(max-width:760px){.hero-logo{width:110px;height:110px;right:20px;top:auto;bottom:24px}.hero h1{font-size:32px}.hero>p:not(.eyebrow){max-width:205px}.hero-bottom{max-width:190px}.brand-logo{width:52px;height:52px}.brand{font-size:11px;gap:8px}.brand small{font-size:10px;letter-spacing:0}.section-head{align-items:flex-start}.section-head h2{line-height:1.5}.intro-art{object-fit:contain}}