/* Class 12 Commerce visual system: one shared layout, distinct subject identities. */
:root { --commerce-ink:#19263b; --commerce-muted:#596a7f; --commerce-paper:#fffefa; --commerce-line:rgba(25,38,59,.13); --commerce-accent:#26705f; --commerce-soft:#e8f4ef; --commerce-glow:rgba(44,139,111,.16); }
body.commerce-page { min-height:100vh; color:var(--commerce-ink); background:radial-gradient(ellipse at 8% 0%,var(--commerce-glow),transparent 31rem),radial-gradient(ellipse at 100% 50%,rgba(207,161,99,.15),transparent 32rem),#f2f5f4; font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif; line-height:1.72; }
body.commerce-accountancy { --commerce-accent:#176c83; --commerce-soft:#e4f2f6; --commerce-glow:rgba(33,132,157,.16); }
body.commerce-business { --commerce-accent:#9a5a20; --commerce-soft:#f8eee1; --commerce-glow:rgba(196,123,51,.16); }
body.commerce-economics { --commerce-accent:#32664e; --commerce-soft:#e9f2e7; --commerce-glow:rgba(87,143,87,.16); }
body.commerce-enterprise { --commerce-accent:#8f4962; --commerce-soft:#f7eaf0; --commerce-glow:rgba(164,83,115,.16); }
body.commerce-page > header,.commerce-hero { position:relative; isolation:isolate; overflow:hidden; color:#fff; background:linear-gradient(125deg,color-mix(in srgb,var(--commerce-accent) 76%,#15243a),var(--commerce-accent)); box-shadow:0 18px 42px rgba(23,34,54,.17); }
body.commerce-page .header { position:relative;isolation:isolate;overflow:hidden;padding:clamp(2rem,6vw,4rem) 1.25rem;color:#fff;background:linear-gradient(125deg,color-mix(in srgb,var(--commerce-accent) 76%,#15243a),var(--commerce-accent));box-shadow:0 18px 42px rgba(23,34,54,.17); }
body.commerce-page .header::after { content:"";position:absolute;z-index:-1;width:19rem;height:19rem;right:-5rem;top:-12rem;border:1px solid rgba(255,255,255,.23);border-radius:50%;box-shadow:0 0 0 2rem rgba(255,255,255,.04),0 0 0 4rem rgba(255,255,255,.035); }
body.commerce-page .header h1,body.commerce-page .header .main-title { margin:.25rem 0;font-size:clamp(2rem,5vw,3.25rem);line-height:1.1;letter-spacing:-.04em;font-weight:780;color:#fff!important; }
body.commerce-page .header .board-title,body.commerce-page .header .sub-title { color:rgba(255,255,255,.83); }
body.commerce-page > header::after,.commerce-hero::after { content:""; position:absolute; z-index:-1; width:23rem;height:23rem;right:-6rem;top:-14rem;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 0 0 2.5rem rgba(255,255,255,.04),0 0 0 5rem rgba(255,255,255,.03); }
body.commerce-page > header h1,body.commerce-page > header h2,body.commerce-page > header p,.commerce-hero h1,.commerce-hero p { color:#fff!important; }
body.commerce-page > header h1,.commerce-hero h1 { font-size:clamp(2rem,5vw,3.4rem)!important; line-height:1.1;letter-spacing:-.04em;font-weight:780; }
body.commerce-page main,body.commerce-page .container.commerce-shell { width:min(100% - 2rem,74rem);margin-inline:auto;padding:clamp(1.1rem,4vw,3rem); }
body.commerce-page main > section,body.commerce-page .course-panel,.commerce-panel { margin-block:1.1rem;padding:clamp(1.1rem,3vw,2rem);border:1px solid var(--commerce-line);border-radius:1.15rem;background:var(--commerce-paper);box-shadow:0 12px 30px rgba(32,47,68,.065); }
body.commerce-page .container > section,body.commerce-page .container > .mb-8 { margin-block:1rem;padding:clamp(1rem,2.7vw,1.7rem);border:1px solid var(--commerce-line);border-radius:1.15rem;background:var(--commerce-paper);box-shadow:0 12px 30px rgba(32,47,68,.065); }
body.commerce-page .container { background:transparent; }
body.commerce-page h2,body.commerce-page h3,.commerce-panel h2,.commerce-panel h3 { color:var(--commerce-accent);line-height:1.28;letter-spacing:-.02em;text-wrap:balance; }
body.commerce-page h2,.commerce-panel h2 { font-size:clamp(1.35rem,3vw,1.85rem); }
body.commerce-page p,body.commerce-page li,body.commerce-page td { color:var(--commerce-muted); }
body.commerce-page a { color:var(--commerce-accent);text-underline-offset:3px; }
body.commerce-page a:focus-visible { outline:3px solid var(--commerce-accent);outline-offset:4px;border-radius:4px; }
.commerce-kicker { color:var(--commerce-accent)!important;font-size:.77rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase; }
.commerce-grid,.chapter-grid.commerce-grid,.commerce-page .chapter-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem; }
.commerce-card,.chapter-card,.commerce-page .chapter-card { display:block;min-height:100%;padding:1.2rem;border:1px solid var(--commerce-line);border-radius:1rem;background:linear-gradient(145deg,#fff,var(--commerce-soft));box-shadow:0 7px 22px rgba(32,47,68,.055);transition:transform .2s ease,box-shadow .2s ease; }
.commerce-card:hover,.chapter-card:hover,.commerce-page .chapter-card:hover { transform:translateY(-3px);box-shadow:0 14px 28px rgba(32,47,68,.12); }
.commerce-card h3,.chapter-card h3 { margin:.3rem 0;color:var(--commerce-accent)!important; }
.accounting-entry { overflow-x:auto;margin:1rem 0;border:1px solid var(--commerce-line);border-radius:.9rem;background:#fff; }
.accounting-entry table { width:100%;min-width:34rem;border-collapse:collapse; }
.accounting-entry th { color:white;background:#176c83;text-align:left; }
.accounting-entry th,.accounting-entry td { padding:.7rem .9rem;border-bottom:1px solid var(--commerce-line); }
.accounting-entry .dr { color:#176c83;font-weight:700; }
.working-note,.formula-box,.concept-highlight,.exam-panel,.case-study,.worked-solution { margin:1rem 0;padding:1rem 1.2rem;border:1px solid var(--commerce-line);border-left:4px solid var(--commerce-accent);border-radius:.85rem;background:var(--commerce-soft); }
.formula-box { font-size:1.06rem;font-weight:700;color:var(--commerce-ink);background:linear-gradient(135deg,#f5f7ff,#e9eef9); }
.commerce-table-wrap { overflow-x:auto;margin:1rem 0;border:1px solid var(--commerce-line);border-radius:.85rem; }
.commerce-table-wrap table { width:100%;min-width:34rem;border-collapse:collapse;background:#fff; }
.commerce-table-wrap th { color:white;text-align:left;background:var(--commerce-accent); }
.commerce-table-wrap th,.commerce-table-wrap td { padding:.75rem .9rem;border:1px solid var(--commerce-line); }
.commerce-table-wrap tbody tr:nth-child(even) { background:var(--commerce-soft); }
body.commerce-page table { max-width:100%;border-collapse:collapse; }
body.commerce-page td,body.commerce-page th { padding:.65rem .8rem;border-color:var(--commerce-line); }
body.commerce-page .exercise-box,body.commerce-page .example-box,body.commerce-page .highlight-box,body.commerce-page .key-concept { padding:1rem 1.15rem;border-left:4px solid var(--commerce-accent);border-radius:.85rem;background:var(--commerce-soft); }
.chapter-nav { display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1.5rem 0; }
.chapter-nav a { display:block;padding:1rem;border:1px solid var(--commerce-line);border-radius:.9rem;background:#fff;text-decoration:none; }
.chapter-nav a:last-child { text-align:right; }
.chapter-nav small { display:block;color:var(--commerce-muted); }
.commerce-breadcrumb { margin:1rem auto;width:min(100% - 2rem,74rem);font-size:.9rem;color:var(--commerce-muted); }
.commerce-ad { margin:1.25rem auto;padding:1rem;max-width:74rem;border:1px dashed var(--commerce-line);border-radius:.8rem;background:rgba(255,255,255,.68);text-align:center; }
body.commerce-page footer { margin-top:auto;padding:1.4rem 1rem;color:#e8edf5;background:#202c40;text-align:center; }
body.commerce-page footer a { color:#dce4ff; }
@media(max-width:640px) { body.commerce-page main,body.commerce-page .container.commerce-shell { width:100%;padding:1rem; } .chapter-nav { grid-template-columns:1fr; } .chapter-nav a:last-child { text-align:left; } .commerce-table-wrap { font-size:.9rem; } }
@media(prefers-reduced-motion:reduce) { body.commerce-page *,body.commerce-page *::before,body.commerce-page *::after { animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important; } }