/* house.css — loaded last on every page. A few firm rules that win over any page's own styles.
   (Generated pages already follow these; this catches older standalone pages.) */
*,*::before,*::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;text-shadow:none!important}
h1 em,h2 em,h3 em,h4 em,h1 i,h2 i,h3 i{font-style:normal!important;font-weight:inherit!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;background:none!important}
.blobs{display:none!important}
.rv{opacity:1!important;transform:none!important}
::selection{background:#FFE97A;color:#1A1A1A}

/* ── Pens and highlighters (v3.41). Reid marks up paper with highlighters, circles, boxes and scribbles in different
   pens; these are the same marks for the web. Use one or two per screen, on words that matter. Markup:
     <span class="hl">phrase</span>          yellow highlighter swipe (also .mint .rose .sky; <mark> gets yellow)
     <span class="circled">word</span>        hand-drawn circle, red pencil by default
     <span class="boxed">word</span>          hand-drawn box
     <span class="scribbled">word</span>      wavy underline
     <span class="struck">word</span>         a quick pen line through
     <p class="pen-note">Updated Oct 2026</p> margin-style note in red pencil
   Pen colours: add .red (default), .blue, .green to any of circled / boxed / scribbled / struck / pen-note. */
:root{--hl-y:#FFE97A;--hl-mint:#C9EED5;--hl-rose:#FFD3DC;--hl-sky:#D2E4FA;--pen-red:#C2412D;--pen-blue:#23366F;--pen-green:#2F6E45}
.hl,mark{color:inherit;background:linear-gradient(100deg,transparent .3em,var(--hl,var(--hl-y)) .4em,var(--hl,var(--hl-y)) calc(100% - .5em),transparent calc(100% - .35em)) 0 72%/100% 74% no-repeat;padding:0 .3em;margin:0 -.22em;border-radius:.25em .6em .35em .7em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hl.mint{--hl:var(--hl-mint)} .hl.rose{--hl:var(--hl-rose)} .hl.sky{--hl:var(--hl-sky)} .hl.yellow{--hl:var(--hl-y)}
.circled,.boxed,.struck{position:relative;white-space:nowrap;--mk:var(--pen-red)}
.circled::after,.boxed::after,.struck::after{content:"";position:absolute;pointer-events:none;background:var(--mk);-webkit-mask:var(--shape) no-repeat center/100% 100%;mask:var(--shape) no-repeat center/100% 100%}
.circled::after{--shape:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20120%2050%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M9%2031%20C%206%2013%2C%2058%204%2C%20104%2010%20C%20122%2014%2C%20118%2041%2C%2079%2046%20C%2045%2050%2C%207%2044%2C%2010%2026%20C%2011%2018%2C%2023%2012%2C%2035%209%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20vector-effect%3D%22non-scaling-stroke%22/%3E%3C/svg%3E");inset:-.42em -.45em -.36em -.42em}
.boxed::after{--shape:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20120%2050%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M5%207%20C%2040%204%2C%2080%205%2C%20116%204%20C%20117%2018%2C%20116%2032%2C%20117%2046%20C%2080%2047%2C%2040%2045%2C%203%2047%20C%204%2032%2C%203%2018%2C%206%203%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20vector-effect%3D%22non-scaling-stroke%22/%3E%3C/svg%3E");inset:-.22em -.32em -.18em -.3em}
.struck::after{--shape:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20120%2020%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M3%2012%20C%2030%208%2C%2070%2013%2C%20117%207%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20vector-effect%3D%22non-scaling-stroke%22/%3E%3C/svg%3E");left:-.1em;right:-.1em;top:28%;height:.5em}
.scribbled{--mk:var(--pen-red);position:relative}
.scribbled::after{content:"";position:absolute;left:0;right:0;bottom:-.32em;height:.38em;background:var(--mk);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2060%2010%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%206%20C%205%201%2C%2010%201%2C%2015%206%20S%2025%2011%2C%2030%206%20S%2040%201%2C%2045%206%20S%2055%2011%2C%2060%206%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20vector-effect%3D%22non-scaling-stroke%22/%3E%3C/svg%3E") repeat-x left center/1.4em 100%;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2060%2010%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%206%20C%205%201%2C%2010%201%2C%2015%206%20S%2025%2011%2C%2030%206%20S%2040%201%2C%2045%206%20S%2055%2011%2C%2060%206%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20vector-effect%3D%22non-scaling-stroke%22/%3E%3C/svg%3E") repeat-x left center/1.4em 100%;pointer-events:none}
.pen-note{--mk:var(--pen-red);font-family:var(--sans,system-ui);font-size:.86rem;line-height:1.4;color:var(--mk);border-left:1.5px solid var(--mk);padding-left:.6rem;max-width:32ch}
.circled.blue,.boxed.blue,.scribbled.blue,.struck.blue,.pen-note.blue{--mk:var(--pen-blue)}
.circled.green,.boxed.green,.scribbled.green,.struck.green,.pen-note.green{--mk:var(--pen-green)}
.circled.red,.boxed.red,.scribbled.red,.struck.red,.pen-note.red{--mk:var(--pen-red)}
.tick{display:block;width:2.4rem;height:3px;background:var(--c,var(--pen-blue));margin-bottom:.6rem}
@media print{.circled::after,.boxed::after,.scribbled::after,.struck::after{print-color-adjust:exact;-webkit-print-color-adjust:exact}}