/* MA99 shop subject pages (2 Nov 2026): /shop/hsc-<subject>-notes.html, built by site-tools/build_subject_pages.py.
   Also styles the "Browse by subject" links on shop.html. Uses the site's existing tokens only. */
.sjCrumb{font-size:.78rem;color:var(--phildim);margin-bottom:14px}
.sjCrumb a{color:var(--phildim);text-decoration:underline;text-underline-offset:3px}
.sjCrumb a:hover{color:var(--philink)}
.sjYrs{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--gap,22px);margin-top:34px}
.sjYr h3{margin-top:6px}
.sjK{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--acc)}
.sjC{margin-top:8px;font-size:.88rem;line-height:1.6}
.sjPk{list-style:none;padding:0;margin:16px 0 0}
.sjPk li{font-size:.9rem;line-height:1.6;padding:10px 0;border-top:1px solid var(--line);color:var(--dim)}
.sjPk li b{color:var(--ink)}
.sjLbl{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--dim2);margin-top:18px}
.sjTopics{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:10px 0 0}
.sjTopics li{font-size:.78rem;line-height:1.3;padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--dim)}
.sjSoon{margin-top:18px}
.sjOther{margin-top:60px}
.sjShop{margin-top:40px}
.sjLinks{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.sjLink{display:inline-block;border:1.5px solid var(--line);border-radius:var(--btnrad);padding:9px 16px;font-size:.82rem;font-weight:600;color:var(--dim);text-decoration:none;transition:all .25s}
.sjLink:hover{border-color:var(--acc);color:var(--acc)}
.sjLink.on{background:var(--acc);border-color:var(--acc);color:#fff}
.sjAll{margin-top:16px;font-size:.88rem}
.sjAll a{font-weight:700;text-decoration:none}
@media (max-width:760px){.sjYrs{grid-template-columns:1fr}.sjLink{padding:8px 13px;font-size:.78rem}}

/* 2 Nov 2026 (later): offers line in the shop hero, cart discount note, Look inside previews, notes box on blog articles. */
.sjPromo{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:.88rem;line-height:1.5;color:var(--phildim)}
.sjPromo b{color:var(--philink)}
.sjPromoA{display:inline-block;padding:7px 14px;border-radius:999px;border:1px solid rgba(201,165,90,.6);background:rgba(201,165,90,.14);color:var(--philink)}
.sjPromoB{align-self:center}
.mcDisc{margin:8px 0 0;font-size:.82rem;line-height:1.5;color:var(--dim);padding:9px 12px;border-radius:10px;background:rgba(14,90,138,.07)}
.mcDisc.on{background:rgba(201,165,90,.16);color:var(--ink)}
.mcDisc b{color:var(--ink)}
.sjLook{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.sjLookI{display:block;text-decoration:none;color:var(--dim);font-size:.72rem;font-weight:600}
.sjLookI img{display:block;width:100%;height:auto;aspect-ratio:520/735;object-fit:cover;object-position:top;border-radius:6px;border:1px solid var(--line);border-top:3px solid var(--pk,#0E5A8A);box-shadow:0 6px 16px -10px rgba(18,41,74,.35);background:#fff;transition:transform .2s,box-shadow .2s}
.sjLookI:hover img{transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(18,41,74,.45)}
.sjLookI span{display:block;margin-top:6px}
.sjLookI.pk-full{--pk:#C9A55A}.sjLookI.pk-notes{--pk:#0E5A8A}.sjLookI.pk-exam{--pk:#2D7A5F}
.sjBlog .sjLinks{margin-top:12px;background:none;padding:0;border:0}
.sjBlog .sjLink{padding:7px 13px;font-size:.78rem;background:var(--bg)}
.sjBlog .sjBlogGo{display:inline-block;margin-top:12px;font-weight:700;font-size:.88rem;color:var(--acc);text-decoration:none}
@media (max-width:760px){.sjPromo{font-size:.82rem}.sjLook{gap:8px}}