/* FCPS-1 Prep study notes: subject-coloured dotted notebook cards with washi tape and hand-drawn sketches */
@font-face{font-family:"THJ Hand";src:url(../assets/fonts/hand.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"THJ Hand";src:url(../assets/fonts/hand-bold.woff2) format("woff2");font-weight:700;font-display:swap}
.fnote{position:relative;margin:18px 4px 6px;padding:22px 20px 16px;border-radius:6px 6px 18px 6px;color:var(--ink);
  background-color:var(--paper);background-image:radial-gradient(circle,color-mix(in srgb,var(--ink) 16%,transparent) 1px,transparent 1.3px);background-size:18px 18px;
  box-shadow:0 1px 0 rgba(0,0,0,.04),0 14px 26px -18px color-mix(in srgb,var(--ink) 70%,transparent);font-family:"THJ Hand","Segoe Print",cursive;font-size:1.12rem;line-height:1.5;transform:rotate(-.35deg)}
.fnote .tape{position:absolute;top:-11px;left:50%;width:110px;height:24px;margin-left:-55px;transform:rotate(-3deg);opacity:.85;border-radius:2px;
  background:repeating-linear-gradient(45deg,var(--tape) 0 8px,color-mix(in srgb,var(--tape) 70%,#fff) 8px 16px)}
.fnote .fnh b{font-size:1.32rem;font-weight:700;background:linear-gradient(transparent 58%,var(--hi) 58%);padding:0 4px}
.fnote mark{background:linear-gradient(104deg,transparent 2%,var(--hi) 4%,var(--hi) 94%,transparent 98%);color:inherit;padding:0 4px;border-radius:3px}
.fnote b{font-weight:700}
.fnote ul{margin:10px 0 6px;padding-left:4px;list-style:none}
.fnote li{position:relative;padding-left:22px;margin:4px 0}
.fnote li::before{content:"✎";position:absolute;left:0;top:0;font-size:.95rem;opacity:.75}
.fnote .acro{display:flex;flex-wrap:wrap;gap:6px 8px;margin:12px 0 4px}
.fnote .acro span{background:rgba(255,255,255,.65);border:1.5px dashed color-mix(in srgb,var(--ink) 35%,transparent);border-radius:10px;padding:2px 10px;font-size:1.02rem}
.fnote .acro i{font-style:normal;font-weight:700;font-size:1.45rem;margin-right:5px;color:var(--ink)}
.fnote .skw{margin:10px -4px 4px}
.fnote .sk{width:100%;height:auto;display:block}
.fnote .mn{margin:10px 0 0;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.7);border:2px solid var(--hi);font-size:1.12rem}
.fnote .mn span{display:inline-block;font-family:var(--sans,system-ui);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:#fff;border-radius:999px;padding:2px 8px;margin-right:8px;vertical-align:2px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .fnote{filter:brightness(.92) saturate(1.05)}}

.fnote mark.g{background:linear-gradient(104deg,transparent 2%,#c9f2d4 4%,#c9f2d4 94%,transparent 98%)}
.fnote mark.b{background:linear-gradient(104deg,transparent 2%,#cfe3ff 4%,#cfe3ff 94%,transparent 98%)}
@media (prefers-color-scheme:dark){.fnote mark.g{background:rgba(80,200,120,.28)}.fnote mark.b{background:rgba(90,150,255,.28)}}