/* Theme Name: Moonlit Margins
Version: 1.0.0
Text Domain: moonlit-margins
*/
:root{--ink:#382e51;--accent:#79503e;--paper:#f5f1e9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 Arial,sans-serif}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.15;text-wrap:balance}h1{font-size:clamp(2.1rem,4vw,3.65rem);margin:.3em 0 .55em}h2{font-size:1.65rem}p{margin:0 0 1.2em}.wrap{width:min(1220px,calc(100% - 64px));margin:auto}.brandline{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px 0}.brandline p{max-width:280px;font-size:14px;margin:0}.custom-logo-link{display:block;line-height:0;max-width:100%}.custom-logo{display:block;width:350px;max-width:100%;height:auto}.masthead{background:#fff}.nav{border-block:1px solid #d9dedb}.nav ul{list-style:none;padding:16px 0;margin:0;display:flex;gap:12px 28px;flex-wrap:wrap}.nav a{text-decoration:none;color:var(--ink);font-size:14px;font-weight:bold}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;padding-block:42px}.layout>*,.hero>*{min-width:0}.hero{margin-bottom:44px}.hero-image img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.hero-copy{padding:28px 0}.hero .lead{font-size:19px;line-height:1.65}.eyebrow,.kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:bold;color:var(--accent)}.button{display:inline-block;background:var(--ink);color:white;text-decoration:none;padding:10px 18px;font-size:14px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid #cdd5d1;margin-bottom:24px}.section-heading a{font-size:13px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.story-image{display:block}.story-image img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.story-body{padding:18px 0}.story h2{font-size:24px;margin:.6em 0}.story h2 a{color:var(--ink);text-decoration:none}.story p{font-size:15px}.entry-meta{font-size:12px;color:#5e6563}.widget{margin-bottom:28px;overflow-wrap:anywhere}.widget h2{font-size:22px}.sidebar-intro{padding:24px;background:#fff;border:1px solid #d7ddd9}.sidebar-icon{width:54px;height:54px;margin-bottom:12px}.widget p,.widget li{font-size:14px}.widget ul{padding-left:19px}.wp-block-search__inside-wrapper{display:flex;max-width:100%;gap:4px}.wp-block-search__input{min-width:0;width:100%}.wp-block-search__button{margin:0!important;padding:8px;font-size:12px}.wp-block-search__label{font-size:14px;font-weight:bold}input,button{font:inherit;border:1px solid #bdc9c3;padding:9px;max-width:100%}button{background:var(--ink);color:#fff;cursor:pointer}.widget-zone:empty{display:none}.article-title{font-size:clamp(2rem,3.5vw,3.25rem)}.article-image{margin:30px 0}.article-image img{display:block;width:100%}.image-note{font-size:11px;color:#69716b;margin-top:8px;line-height:1.5}.entry-content{max-width:76ch;overflow-wrap:anywhere}.entry-content h2{margin-top:1.7em}.entry-content li{margin-bottom:.6em}.entry-content p{line-height:1.85}.entry-content a{overflow-wrap:anywhere}.tag-links{border-top:1px solid #ccd5d0;margin-top:35px;padding-top:16px;font-size:12px}.site-footer{margin-top:50px;padding:46px 0;background:var(--ink);color:#fff}.site-footer a{color:inherit}.site-footer h2{margin:0 0 14px}.site-footer p{font-size:14px;max-width:480px}.foot-links{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:14px}.copyright{font-size:11px!important;margin:30px 0 0;opacity:.85}.foot-top{display:flex;justify-content:space-between;gap:40px}.site-footer .kicker{color:inherit;opacity:.8}.skip-link{position:absolute;left:-10000px}.skip-link:focus{left:10px;top:10px;background:#fff;padding:12px;z-index:9}.archive-title{font-size:38px}.search-form{display:flex;flex-wrap:wrap;gap:8px}.search-form label{min-width:0;flex:1}.search-field{width:100%}:focus-visible{outline:3px solid #eaa632;outline-offset:4px}@media(max-width:900px){.layout{grid-template-columns:minmax(0,1fr) 240px;gap:26px}.wrap{width:calc(100% - 40px)}.brandline p{display:none}.hero h1{font-size:36px}}@media(max-width:700px){.wrap{width:calc(100% - 32px)}.layout{grid-template-columns:1fr;padding-top:28px}.cards{grid-template-columns:1fr}.brandline{padding:22px 0}.custom-logo{width:300px}.nav ul{gap:10px 20px}.nav a{font-size:12px}.hero h1{font-size:34px}.hero-copy{padding:22px 0}.hero .lead{font-size:17px}.site-footer{padding:32px 0}.foot-top{flex-direction:column;gap:20px}.article-title{font-size:32px}.entry-content{font-size:16px}.section-heading{align-items:flex-start}.section-heading h2{font-size:24px}}
.wp-block-search__button{flex-shrink:0;min-width:62px;white-space:nowrap;overflow-wrap:normal}.wp-block-search__input{flex:1;width:0}.copyright{max-width:none!important}.foot-icon{width:70px;height:70px}.foot-grid{display:grid;gap:25px}.foot-small{font-size:12px}.brandline .brand-note{max-width:280px}.nav a:hover{text-decoration:underline}.widget-zone:not(:empty){padding-block:12px} .site-footer nav a{display:inline-block}

body{font-family:Georgia,serif}h1,h2{font-weight:400}.masthead{background:var(--paper)}.brandline{justify-content:center}.brandline .brand-note{display:none}.nav ul{justify-content:center}.nav{border-block:1px solid #ccc1d5}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center}.hero h1{font-size:44px}.hero-image img{border-radius:180px 180px 8px 8px;aspect-ratio:3/4;object-fit:cover}.hero .eyebrow{font-family:Arial,sans-serif}.hero-copy{padding:12px 0}.sidebar-intro{background:#e9e1ee;border:0;border-radius:3px 50px 3px 3px}.sidebar-icon{border-radius:50%}.story-body{border-bottom:1px solid #c9bed0}.site-footer{background:#e9e1ee;color:var(--ink);border-top:1px solid #c5b3ce}.arcana-footer{display:grid;grid-template-columns:90px 1fr 250px;gap:30px;align-items:start}.arcana-footer h2{font-size:34px}.arcana-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:16px}.arcana-footer p{font-style:italic}.copyright{border-top:1px solid #c5b3ce;padding-top:22px}@media(max-width:700px){.hero{display:flex;flex-direction:column}.hero h1{font-size:34px}.hero-image{width:100%}.hero-image img{max-height:330px}.arcana-footer{grid-template-columns:1fr;gap:18px}}