/* Mowbray sprinkles (preview, 10 Oct 2026). One accent in view at a time. Marker #F3E7A1 only ever behind words. */
#mw{--marker:#F3E7A1}
/* 2. one handwritten margin note per inner page */
#mw .mws-note{display:flex;width:max-content;align-items:flex-start;gap:6px;font-family:'Caveat',cursive;font-size:24px;line-height:1;color:var(--red);transform:rotate(-3deg);margin:6px 0 2px 8px;opacity:0;animation:mws-in .5s ease 1.25s forwards}
#mw .mws-note svg{width:30px;height:22px;flex:none;margin-top:-6px}
#mw .mws-note path{fill:none;stroke:var(--red);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@keyframes mws-in{to{opacity:1}}
/* 3. marker swipe behind one phrase */
#mw mark.mws-mark{background:linear-gradient(100deg,transparent 0 2%,var(--marker) 2% 97%,transparent 97%) no-repeat 0 62%/100% .62em;color:inherit;padding:0 .08em}
/* 4. resources: stroke icons on tool cards, pencil underline on hover instead of a lift */
#mw .mwr-ico{display:block!important;width:28px;height:28px;margin:0 0 12px}
#mw .mwr-ico path,#mw .mwr-ico circle,#mw .mwr-ico rect{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#mw .mwr-ico .r{stroke:var(--red)}
#mw .mwr-card:hover{transform:none;box-shadow:none}
#mw .mwr-card h3{background:var(--pencil) no-repeat 0 100%/0% .22em;transition:background-size .35s ease;display:inline;padding-bottom:.06em}
#mw .mwr-card:hover h3{background-size:100% .22em}
#mw .mwr-tag{color:var(--graphite)}
/* 5. glossary: open category gets a red rule; the sign goes back to ink */
#mw .mwr-cat summary::after{color:var(--ink)}
#mw .mwr-cat[open] summary{box-shadow:inset 0 -2px 0 var(--red)}
@media(prefers-reduced-motion:reduce){#mw .mws-note{animation:none;opacity:1}}
@media(max-width:620px){#mw .mws-note{font-size:21px;margin-left:2px}}