/* domesticwizard.co.uk: a tidy wizard's household almanac, from a blank file.
   Faces: Constantia / Iowan Old Style for titles, Seravek / Candara for reading, Consolas for small labels; all the reader's own. */

:root{
  --dw-robe:#2B2560;
  --dw-robe-deep:#1D1846;
  --dw-robe-soft:#3A3380;
  --dw-soap:#0F7C78;
  --dw-soap-wash:#E3F3F1;
  --dw-brass:#9A6B12;
  --dw-brass-light:#E9C979;
  --dw-linen:#FBF7EF;
  --dw-parchment:#F2EBDD;
  --dw-lavender:#ECE8F8;
  --dw-ink:#1F1C2C;
  --dw-dim:#5A566B;
  --dw-rule:#DDD6C8;
  --dw-ember:#B4381C;
  --dw-ember-wash:#FBEAE4;
  --dw-span:1160px;
  --dw-read:740px;
  --dw-face-title:Constantia,"Iowan Old Style",Cochin,"Book Antiqua","Palatino Linotype",Georgia,serif;
  --dw-face-text:Seravek,Candara,"Segoe UI",Ubuntu,"Helvetica Neue",Arial,sans-serif;
  --dw-face-tag:Consolas,Menlo,"Liberation Mono","DejaVu Sans Mono",monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.spellhouse{margin:0;background:var(--dw-linen);color:var(--dw-ink);font-family:var(--dw-face-text);font-size:17px;line-height:1.65}
:where(.spellhouse) a{color:var(--dw-soap);text-decoration-thickness:1px;text-underline-offset:3px}
:where(.spellhouse) a:hover{color:var(--dw-robe)}
:where(.spellhouse) img{max-width:100%;height:auto}
:where(.spellhouse) :is(h1,h2,h3,h4){font-family:var(--dw-face-title);line-height:1.2;color:var(--dw-ink);font-weight:700}
.tucked{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.jumpdown{position:absolute;left:-999px;top:8px;z-index:9;background:var(--dw-brass-light);color:var(--dw-ink);padding:8px 14px;font-weight:700}
.jumpdown:focus{left:8px}
.parchwidth{max-width:var(--dw-span);margin:0 auto;padding:0 20px}
.muted{color:var(--dw-dim)}
.sparkdot{width:.9em;height:.9em;fill:var(--dw-brass);vertical-align:-.08em;margin-right:6px;flex:none}
.onwardmark{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-2px;margin-left:5px;flex:none}

/* the wizard bar */
.wizbar{background:var(--dw-robe);color:#fff;background-image:radial-gradient(circle at 12% 30%,rgba(233,201,121,.18) 0 1.5px,transparent 2.5px),radial-gradient(circle at 74% 62%,rgba(255,255,255,.14) 0 1px,transparent 2px),radial-gradient(circle at 46% 18%,rgba(255,255,255,.12) 0 1px,transparent 2px);background-size:180px 90px,240px 110px,150px 70px}
.wizbar__frame{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:14px;padding-bottom:14px}
.wandmark{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#fff;min-width:0}
.wandmark:hover{color:#fff}
.wandmark__img{width:40px;height:40px;border-radius:10px;flex:none}
.wandglyph{width:42px;height:42px;flex:none}
.wandglyph__plate{fill:var(--dw-robe-deep);stroke:var(--dw-brass-light);stroke-width:2}
.wandglyph__stick{stroke:#F5EFE2;stroke-width:3.4;stroke-linecap:round}
.wandglyph__tip{stroke:var(--dw-brass-light);stroke-width:3.4;stroke-linecap:round}
.wandglyph__spark{fill:var(--dw-brass-light)}
.wandglyph__bubble{fill:none;stroke:#8FD6D0;stroke-width:1.8}
.wandglyph__shine{fill:#8FD6D0}
.wandglyph--small{width:26px;height:26px;margin-right:8px;vertical-align:-7px}
.wandmark__words{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.wandmark__name{font:700 23px var(--dw-face-title);letter-spacing:.2px}
.wandmark__strap{font-size:13.5px;color:#D9D3F2}
.seekline{display:flex;flex:0 1 380px;min-width:0}
.seekline__field{flex:1;min-width:0;font:inherit;font-size:15px;padding:9px 12px;border:0;border-radius:20px 0 0 20px;background:#F5F2FB;color:var(--dw-ink)}
.seekline__go{font:700 14px var(--dw-face-text);border:0;border-radius:0 20px 20px 0;padding:0 16px;background:var(--dw-brass-light);color:var(--dw-robe-deep);cursor:pointer}
.seekline__go:hover{background:#fff}
.charmtabs{background:var(--dw-robe-deep);border-top:1px solid rgba(255,255,255,.12)}
.charmtabs__list{list-style:none;margin:0 auto;display:flex;flex-wrap:wrap;gap:4px 6px;padding-top:8px;padding-bottom:8px}
.charmtabs__list a{display:inline-block;color:#EDE8FF;text-decoration:none;font-size:14.5px;padding:6px 12px;border:1px solid rgba(233,201,121,.35);border-radius:999px}
.charmtabs__list a:hover{background:var(--dw-brass-light);border-color:var(--dw-brass-light);color:var(--dw-robe-deep)}

/* the spell desk */
.spelldesk{padding:48px 0 44px;background:linear-gradient(180deg,var(--dw-lavender),var(--dw-linen))}
.spelldesk__layout{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end}
.spelldesk__over{display:flex;align-items:center;margin:0 0 10px;font:13px var(--dw-face-tag);letter-spacing:.3px;color:var(--dw-dim)}
.spelldesk__title{margin:0 0 14px;font-size:clamp(44px,7vw,78px);line-height:1;letter-spacing:-.5px;overflow-wrap:anywhere}
.deskhalf--plain{color:var(--dw-robe)}
.deskhalf--charmed{color:var(--dw-soap);font-style:italic}
.spelldesk__strap{margin:0 0 12px;font-size:19px;max-width:44ch;color:var(--dw-ink)}
.spelldesk__tally{margin:0;font:13.5px var(--dw-face-tag);color:var(--dw-brass)}
.askwand{background:#fff;border:2px solid var(--dw-robe);border-radius:18px;padding:20px 22px;box-shadow:6px 6px 0 var(--dw-brass-light)}
.askwand__label{display:block;margin:0 0 10px;font:700 22px var(--dw-face-title);color:var(--dw-robe)}
.askwand__row{display:flex;gap:8px}
.askwand__field{flex:1;min-width:0;font:inherit;font-size:16px;padding:11px 14px;border:2px solid var(--dw-rule);border-radius:12px;background:var(--dw-linen)}
.askwand__field:focus{outline:3px solid var(--dw-brass-light);border-color:var(--dw-robe)}
.askwand__go{display:inline-flex;align-items:center;font:700 16px var(--dw-face-text);border:0;border-radius:12px;padding:0 18px;background:var(--dw-robe);color:#fff;cursor:pointer}
.askwand__go:hover{background:var(--dw-soap)}
.askwand__tries{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
.askwand__tries a{font-size:13.5px;text-decoration:none;padding:4px 10px;border-radius:999px;background:var(--dw-soap-wash);color:var(--dw-soap)}
.askwand__tries a:hover{background:var(--dw-soap);color:#fff}

/* section headings */
.folio{margin:0 0 22px;max-width:70ch}
.folio__title{margin:0 0 6px;font-size:clamp(26px,3.2vw,34px);color:var(--dw-robe)}
.folio__lead{margin:0;color:var(--dw-dim);font-size:17px}
.folio--onrobe .folio__title{color:#fff}
.folio--onrobe .folio__lead{color:#D9D3F2}

/* stain spells */
.stainspells{padding:46px 0}
.stainspells__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.spellcard{background:#fff;border:1px solid var(--dw-rule);border-top:5px solid var(--dw-soap);border-radius:12px;padding:16px 18px}
.spellcard__name{display:flex;align-items:center;margin:0 0 6px;font-size:20px}
.spellcard__move{margin:0 0 10px;font-size:15.5px}
.spellcard__ways{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0;font-size:14.5px;font-weight:700}

/* care-label runes */
.runeboard{padding:46px 0;background:var(--dw-robe);color:#fff}
.runeboard__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.runetile{background:var(--dw-robe-soft);border:1px solid rgba(233,201,121,.35);border-radius:14px;padding:16px}
.runeglyph{display:block;width:62px;height:50px;margin:0 0 10px}
.runeline{fill:none;stroke:#fff;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}
.runedot{fill:var(--dw-brass-light)}
.runeink{fill:none;stroke:var(--dw-brass-light);stroke-width:2.6;stroke-linejoin:round}
.runetile__name{margin:0 0 6px;font-size:19px;color:#fff}
.runetile__line{margin:0;font-size:14.5px;color:#E2DDF5}
.runeboard__more{margin:18px 0 0}
.runeboard__more a{display:inline-flex;align-items:center;color:var(--dw-brass-light);font-weight:700;text-decoration:none}
.runeboard__more a:hover{color:#fff;text-decoration:underline}

/* the potion shelf */
.potionshelf{padding:46px 0;background:var(--dw-parchment)}
.potionshelf__row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:stretch}
.phial{position:relative;background:#fff;border:2px solid var(--dw-robe);border-radius:26px 26px 14px 14px;padding:26px 16px 16px;margin-top:16px}
.phial__neck{position:absolute;top:-16px;left:50%;width:40%;height:18px;transform:translateX(-50%);background:var(--dw-brass);border-radius:6px 6px 2px 2px}
.phial__label{margin:0 0 10px;padding:6px 8px;text-align:center;font-size:17.5px;background:var(--dw-linen);border:1px dashed var(--dw-brass);border-radius:6px}
.phial__good,.phial__never{margin:0 0 8px;font-size:14.5px}
.phial__good b,.phial__never b{display:block;font:700 11.5px var(--dw-face-tag);letter-spacing:.6px;text-transform:uppercase}
.phial__good b{color:var(--dw-soap)}
.phial__never b{color:var(--dw-ember)}
.phial__ways{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0;font-size:14px;font-weight:700}
.nevermix{margin:22px 0 0;background:var(--dw-ember-wash);border:2px solid var(--dw-ember);border-radius:14px;padding:16px 20px}
.nevermix__title{margin:0 0 8px;font:700 22px var(--dw-face-title);color:var(--dw-ember)}
.nevermix__list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:6px 22px}
.nevermix__list li{font-size:15px}
.nevermix__list b{color:var(--dw-ember)}
.nevermix__ways{margin:10px 0 0}
.nevermix__ways a{display:inline-flex;align-items:center;font-weight:700;color:var(--dw-ember)}

/* how often */
.oftentable{padding:46px 0}
.oftentable__list{margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 28px}
.oftentable__item{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--dw-rule)}
.oftentable__item dt{font:700 17px var(--dw-face-title);color:var(--dw-robe)}
.oftentable__item dd{margin:0;font-size:15.5px}
.oftentable__rule{display:block;font-weight:700}
.oftentable__ways{display:block;margin-top:3px}
.oftentable__ways a{font-size:14.5px}

/* old wives' tales */
.wivestales{padding:46px 0;background:var(--dw-lavender)}
.wivestales__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.taletile{background:#fff;border-radius:14px;padding:16px 18px;border:1px solid var(--dw-rule)}
.taletile__claim{margin:0 0 10px;font:700 18px/1.35 var(--dw-face-title);color:var(--dw-ink)}
.taletile__truth{margin:0 0 10px;font-size:15.5px}
.taletile__badge{display:block;width:max-content;margin:0 0 6px;font:700 11px var(--dw-face-tag);letter-spacing:.6px;text-transform:uppercase;padding:2px 8px;border-radius:4px;background:var(--dw-ember-wash);color:var(--dw-ember)}
.taletile__badge--true{background:var(--dw-soap-wash);color:var(--dw-soap)}
.taletile__ways{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0;font-size:14.5px;font-weight:700}

/* the grimoire */
.grimoire{padding:46px 0}
.grimoire__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.chapterleaf{background:#fff;border:1px solid var(--dw-rule);border-radius:4px 16px 16px 4px;border-left:8px solid var(--dw-robe);padding:16px 18px}
.chapterleaf__head{display:grid;grid-template-columns:auto 1fr;gap:0 12px;align-items:baseline}
.chapterleaf__num{grid-row:span 2;font:700 30px var(--dw-face-title);color:var(--dw-brass);min-width:34px}
.chapterleaf__name{margin:0;font-size:20px}
.chapterleaf__count{margin:0;font:12.5px var(--dw-face-tag);color:var(--dw-dim)}
.chapterleaf__line{margin:8px 0 10px;font-size:14.5px;color:var(--dw-dim)}
.chapterleaf__list{list-style:none;margin:0;padding:0}
.chapterleaf__list li{display:flex;align-items:baseline;gap:8px;padding:5px 0;border-top:1px dotted var(--dw-rule);font-size:15px}
.chapterleaf__list li>a{flex:1;text-decoration:none}
.chapterleaf__list li>a:hover{text-decoration:underline}
.chapterleaf__list i{font:normal 12.5px var(--dw-face-tag);color:var(--dw-dim)}
.chapterleaf__parts{display:inline-flex;gap:4px}
.chapterleaf__parts a{display:inline-grid;place-items:center;min-width:22px;height:22px;font-size:12px;text-decoration:none;border:1px solid var(--dw-rule);border-radius:50%}

/* most asked */
.oftenasked{padding:40px 0;background:var(--dw-parchment)}
.oftenasked__list{margin:0;padding:0;list-style:none;columns:2;column-gap:28px}
.oftenasked__list li{break-inside:avoid;border-bottom:1px solid var(--dw-rule)}
.oftenasked__q{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 2px;text-decoration:none;font-size:16px;color:var(--dw-ink)}
.oftenasked__q:hover{color:var(--dw-soap)}
.freshbrew{padding:40px 0}

/* inner pages */
.pagebench{padding:30px 0 56px}
.beforeyoustart{max-width:var(--dw-read);margin:34px 0 0;background:var(--dw-lavender);border:2px solid var(--dw-robe);border-radius:14px;padding:16px 20px}
.beforeyoustart__title{margin:0 0 6px;font:700 19px var(--dw-face-title);color:var(--dw-robe)}
.beforeyoustart__text{margin:0;font-size:15.5px}

/* the engine's own markup, dressed */
.breadcrumb{font-size:13.5px;color:var(--dw-dim);margin:0 0 14px}
.breadcrumb a{color:var(--dw-dim)}
.breadcrumb a:hover{color:var(--dw-soap)}
.eyebrow{display:inline-block;margin:0 0 10px;font:700 12px var(--dw-face-tag);letter-spacing:.5px;text-transform:uppercase;background:var(--dw-soap-wash);color:var(--dw-soap);border-radius:4px;padding:3px 8px}
.eyebrow a{color:inherit;text-decoration:none}
.display{font-family:var(--dw-face-title);font-weight:700;font-size:clamp(28px,4vw,42px);line-height:1.15;margin:0 0 14px;color:var(--dw-robe)}
.pagebench h1.display::first-letter{text-transform:uppercase}
.lead{font-size:18.5px;color:var(--dw-dim);max-width:62ch}
.section{padding:24px 0}
.section-head{margin:0 0 18px}
.section-head .display{font-size:clamp(22px,2.6vw,28px)}
.section-cap .display{font-size:24px}
.container{max-width:var(--dw-span);margin:0 auto}
.btn{display:inline-flex;align-items:center;gap:6px;font:700 15px var(--dw-face-text);text-decoration:none;border-radius:999px;padding:10px 18px;border:2px solid var(--dw-robe);color:var(--dw-robe);background:#fff}
.btn--accent{background:var(--dw-robe);color:#fff}
.btn--accent:hover{background:var(--dw-soap);border-color:var(--dw-soap);color:#fff}
.btn--ghost:hover{background:var(--dw-lavender)}
.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--dw-rule);border-radius:14px;overflow:hidden}
.post-card:hover{border-color:var(--dw-robe)}
.post-card-media{display:block;aspect-ratio:16/9;background:var(--dw-parchment);overflow:hidden}
.post-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.post-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}
.post-cat{font:700 11.5px var(--dw-face-tag);letter-spacing:.5px;text-transform:uppercase;color:var(--dw-brass)}
.post-cat a{color:inherit;text-decoration:none}
.post-card-title{margin:0;font-size:18px;line-height:1.3}
.post-card-title a{color:var(--dw-ink);text-decoration:none}
.post-card-title a:hover{color:var(--dw-soap);text-decoration:underline}
.post-card-excerpt{margin:0;font-size:14.5px;color:var(--dw-dim)}
.post-card-meta{font-size:12.5px;color:var(--dw-dim)}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{display:block;background:#fff;border:1px solid var(--dw-rule);border-radius:14px;padding:16px;text-decoration:none;color:var(--dw-ink)}
.card:hover{border-color:var(--dw-robe)}
.card-tag{display:inline-block;font:700 12px var(--dw-face-tag);color:var(--dw-brass);margin-bottom:4px}
.chip-row{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--dw-lavender);color:var(--dw-robe);font-size:13.5px;text-decoration:none}
.blk-more{margin-top:18px}
.pillar-link{display:flex;align-items:center;gap:14px;margin:18px 0;padding:16px 18px;background:var(--dw-robe);color:#fff;border-radius:14px;text-decoration:none}
.pillar-link:hover{background:var(--dw-soap);color:#fff}
.pl-eyebrow{font:700 11.5px var(--dw-face-tag);letter-spacing:.6px;text-transform:uppercase;color:var(--dw-brass-light)}
.pl-title{font:700 19px var(--dw-face-title)}
.pl-arrow,.pc-arrow{margin-left:auto}
.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pillar-card{display:block;background:#fff;border:2px solid var(--dw-robe);border-radius:14px;padding:14px 16px;text-decoration:none;color:var(--dw-ink)}
.pillar-card:hover{background:var(--dw-lavender)}
.pc-tag{display:block;font:700 11.5px var(--dw-face-tag);text-transform:uppercase;letter-spacing:.5px;color:var(--dw-brass)}
.topic-index{margin:30px 0 0}
.topic-index-head .display{font-size:24px}
.topic-index-head p{color:var(--dw-dim)}
.topic-index-list{list-style:none;margin:0;padding:0;columns:3;column-gap:24px}
.topic-index-list li{break-inside:avoid;padding:5px 0;border-bottom:1px dotted var(--dw-rule)}
.topic-index-list a{text-decoration:none}
.topic-index-list a:hover{text-decoration:underline}
.results-head{margin:0 0 18px}
.results-count{color:var(--dw-dim)}
.results-list{display:flex;flex-direction:column;gap:10px}
.result{display:block;background:#fff;border:1px solid var(--dw-rule);border-radius:12px;padding:14px 16px;text-decoration:none;color:var(--dw-ink)}
.result:hover{border-color:var(--dw-robe)}
.result h2{margin:0 0 4px;font-size:18.5px;color:var(--dw-robe)}
.result p{margin:0;font-size:15px;color:var(--dw-dim)}
.result-meta{font-size:12.5px;color:var(--dw-dim)}
.pagination{display:flex;flex-wrap:wrap;gap:6px;margin:26px 0 0}
.pagination a,.pagination span{display:inline-block;min-width:38px;text-align:center;padding:7px 10px;border:1px solid var(--dw-rule);border-radius:999px;background:#fff;text-decoration:none;font:700 14px var(--dw-face-text)}
.pagination a:hover{border-color:var(--dw-robe)}
.blk-notfound{padding:30px 0}
.blk-notfound .display{font-size:clamp(28px,4vw,40px)}
.hero{padding:10px 0 6px}
.blk-prose{max-width:var(--dw-read)}
.inline-cta{margin:22px 0;padding:16px 18px;border-radius:14px;background:var(--dw-soap-wash);border:1px solid var(--dw-soap)}
.inline-cta-body{font-size:15.5px}

/* articles */
.article-hero{margin:0 0 22px}
.article-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.article-hero-grid.solo{grid-template-columns:1fr;max-width:var(--dw-read)}
.article-hero-copy h1{font-size:clamp(28px,3.6vw,40px);margin:0 0 12px;color:var(--dw-robe)}
.post-meta{font-size:13.5px;color:var(--dw-dim)}
.article-lead{font-size:18.5px;color:var(--dw-ink);margin:10px 0 0}
.article-hero-media{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--dw-rule)}
.article-hero-media img{display:block;width:100%;height:auto}
.article-shell{display:grid;grid-template-columns:minmax(0,var(--dw-read));gap:30px}
.article-shell.has-rail{grid-template-columns:minmax(0,var(--dw-read)) 280px}
.article-main,.article-rail{min-width:0}
.toc{background:#fff;border:1px solid var(--dw-rule);border-left:6px solid var(--dw-brass);border-radius:6px 14px 14px 6px;padding:14px 18px;margin:0 0 24px}
.toc-h{margin:0 0 8px;font:700 12.5px var(--dw-face-tag);letter-spacing:.6px;text-transform:uppercase;color:var(--dw-dim)}
.toc ol{margin:0;padding:0 0 0 20px;columns:2;column-gap:26px}
.toc li{margin:3px 0;font-size:15px;break-inside:avoid}
.toc a{text-decoration:none}
.toc a:hover{text-decoration:underline}
.article-body{font-size:17.5px}
.article-body>*:first-child{margin-top:0}
.article-body h2{font-size:clamp(22px,2.4vw,27px);margin:34px 0 12px;color:var(--dw-robe)}
.article-body h3{font-size:20px;margin:26px 0 10px}
.article-body h4{font-size:17.5px;margin:20px 0 8px}
.article-body p{margin:0 0 16px}
.article-body ul,.article-body ol{margin:0 0 16px;padding-left:24px}
.article-body li{margin:5px 0}
.article-body li::marker{color:var(--dw-brass);font-weight:700}
.article-body blockquote{margin:20px 0;padding:12px 18px;border-left:5px solid var(--dw-soap);background:#fff;border-radius:0 12px 12px 0}
.article-body .key-takeaways{background:#fff;border:2px solid var(--dw-robe);border-radius:14px;padding:16px 18px 10px;margin:0 0 24px}
.article-body .key-takeaways li{list-style:none;position:relative;padding-left:26px}
.article-body .key-takeaways li::before{content:"";position:absolute;left:0;top:.42em;width:14px;height:14px;background:var(--dw-brass);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.article-body .pro-tip{background:var(--dw-soap-wash);border:2px solid var(--dw-soap);border-radius:14px;padding:14px 18px;margin:20px 0}
.article-body .pro-tip::before{content:"Wizard’s tip";display:inline-block;margin-right:8px;font:700 11px var(--dw-face-tag);letter-spacing:.6px;text-transform:uppercase;background:var(--dw-soap);color:#fff;border-radius:4px;padding:1px 7px}
.related-inline-link{font-weight:700}
.table-wrap{overflow-x:auto;margin:20px 0;border:1px solid var(--dw-rule);border-radius:12px;background:#fff}
.table-wrap table{border-collapse:collapse;width:100%;font-size:15.5px}
.table-wrap th,.table-wrap td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--dw-rule);vertical-align:top}
.table-wrap th{background:var(--dw-robe);color:#fff;font-size:14px}
.table-wrap tr:last-child td{border-bottom:0}
.faq{margin:34px 0 0}
.faq h2{font-size:clamp(22px,2.4vw,27px);color:var(--dw-robe)}
.faq-list{display:flex;flex-direction:column;gap:10px}
.faq-item{background:#fff;border:1px solid var(--dw-rule);border-radius:12px}
.faq-item summary{list-style:none;cursor:pointer;padding:13px 16px 13px 44px;position:relative;font:700 17px/1.35 var(--dw-face-title)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::before{content:"+";position:absolute;left:14px;top:12px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--dw-robe);color:#fff;font:700 15px var(--dw-face-text)}
.faq-item[open] summary::before{content:"−";background:var(--dw-soap)}
.faq-a{padding:0 16px 14px 44px;font-size:16px}
.article-rail .post-links,.article-rail .card{font-size:15px}
.post-links{list-style:none;margin:0;padding:0}
.post-links li{padding:6px 0;border-bottom:1px dotted var(--dw-rule)}

/* the footer, under the stairs */
.understairs{margin-top:20px;background:var(--dw-robe-deep);color:#D9D3F2;font-size:15px}
.understairs a{color:#fff}
.understairs a:hover{color:var(--dw-brass-light)}
.understairs__layout{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;padding-top:36px;padding-bottom:26px}
.wandmark--foot{margin:0 0 10px}
.understairs__about{margin:0;max-width:54ch}
.understairs__chapters,.understairs__links{list-style:none;margin:0;padding:0}
.understairs__chapters li,.understairs__links li{padding:4px 0}
.understairs__chapters a,.understairs__links a{text-decoration:none}
.understairs__chapters span{display:inline-block;min-width:30px;font:700 14px var(--dw-face-title);color:var(--dw-brass-light)}
.understairs__end{padding-bottom:26px}
.understairs__end::before{content:"";display:block;height:1px;margin-bottom:16px;background:rgba(255,255,255,.12)}
.understairs__disclosure{margin:0 0 8px;font-size:14px}
.understairs__goodbye{display:flex;align-items:center;margin:0 0 6px;font:italic 700 18px var(--dw-face-title);color:#fff}
.understairs__small{margin:0;font:12.5px var(--dw-face-tag);color:#B9B2D9}

@media (max-width:980px){
  .runeboard__grid,.potionshelf__row{grid-template-columns:repeat(3,1fr)}
  .nevermix__list{grid-template-columns:1fr}
}
@media (max-width:760px){
  .parchwidth{padding:0 16px}
  .wizbar__frame{flex-wrap:wrap}
  .seekline{flex:1 1 100%}
  .charmtabs__list{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .charmtabs__list::-webkit-scrollbar{display:none}
  .charmtabs__list a{white-space:nowrap;font-size:13.5px}
  .spelldesk{padding:30px 0 30px}
  .spelldesk__layout{grid-template-columns:1fr;gap:22px}
  .askwand__row{flex-direction:column}
  .askwand__go{justify-content:center;padding:12px}
  .stainspells__grid,.wivestales__grid,.grimoire__grid,.post-grid,.card-grid,.pillar-grid,.runeboard__grid,.potionshelf__row,.oftentable__list{grid-template-columns:1fr}
  .oftentable__item{grid-template-columns:1fr;gap:2px}
  .oftenasked__list{columns:1}
  .topic-index-list{columns:1}
  .toc ol{columns:1}
  .article-hero-grid{grid-template-columns:1fr}
  .article-shell.has-rail{grid-template-columns:minmax(0,1fr)}
  .article-hero-media{display:none}
  .understairs__layout{grid-template-columns:1fr}
  .table-wrap{border:0;background:transparent}
  .table-wrap thead{display:none}
  .table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;width:100%}
  .table-wrap tr{margin:0 0 12px;background:#fff;border:1px solid var(--dw-rule);border-radius:12px;overflow:hidden}
  .table-wrap td[data-label]::before{content:attr(data-label);display:block;font:700 12px var(--dw-face-tag);text-transform:uppercase;letter-spacing:.4px;color:var(--dw-dim);margin-bottom:2px}
}
@media print{
  .wizbar,.charmtabs,.understairs,.askwand,.beforeyoustart,.article-rail{display:none}
}