/* Lyme Green public branding — native Listmonk appearance settings */
@font-face{font-family:Inter;src:url('https://www.lymegreen.org.uk/wp-content/plugins/lymegreen-site-experience/Inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Bricolage Grotesque';src:url('https://www.lymegreen.org.uk/wp-content/plugins/lymegreen-site-experience/Bricolage-Grotesque.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--green:#193a2b;--leaf:#365f26;--cream:#f3f3ea;--lime:#e5ebae;--ink:#33473b;--line:#dbe3d5}
html,body{min-width:320px}
body{background:var(--cream);color:var(--ink);font:16px/1.75 Inter,Arial,sans-serif;margin:0;padding:32px 20px}
a{color:var(--leaf);text-decoration-color:#78915b;text-underline-offset:4px;overflow-wrap:anywhere}
a:hover{color:var(--green)}
h1,h2,h3,h4{font-family:'Bricolage Grotesque','Trebuchet MS',Arial,sans-serif;color:var(--green);font-weight:700;line-height:1.15;letter-spacing:-.035em}
h1{font-size:clamp(36px,5vw,54px)}h2{font-size:clamp(30px,4vw,40px);margin:0 0 24px}h3{font-size:25px}
.container{max-width:760px;margin:0 auto}
.wrap{padding:0;background:#fff;border:1px solid var(--line);border-top:5px solid var(--green);border-radius:0 0 24px 24px;box-shadow:0 16px 50px #193a2b0a;overflow:hidden}
.header{padding:24px 40px;margin:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}
.header .logo img{width:230px;max-width:100%;height:auto;display:block}
.header .logo{max-width:65%}
.lg-nav{display:flex;align-items:center;gap:18px;font-size:13px;font-weight:600}
.lg-nav a{text-decoration:none;white-space:nowrap}
.wrap>section,.wrap>.section{padding:40px;margin:0}
.wrap>section.center{text-align:left}
.lg-eyebrow{color:var(--leaf);font-size:11px;letter-spacing:.14em;font-weight:700;text-transform:uppercase;margin:0 0 14px}
.lg-intro{font-size:17px;line-height:1.7;margin:-8px 0 28px;max-width:570px}
.lg-hero{background:var(--green);color:#fff;padding:44px 40px}
.lg-hero h1{color:#fff;margin:0 0 20px;max-width:580px}
.lg-hero .lg-eyebrow{color:var(--lime)}.lg-hero p{color:#e4ebdf}
.lg-hero .button{background:var(--lime);color:var(--green);border-color:var(--lime)}
.lg-hero .button:hover{background:#d6e2a3}
.lg-home-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.lg-home-links>a:not(.button){color:#fff}
.lg-note{padding:30px 40px;background:#f3f3ea}
.lg-note h2{font-size:27px;margin-bottom:12px}.lg-note p{margin:0}
label{color:var(--green);font-size:14px;font-weight:600}
input[type=text],input[type=email],input[type=password],select,textarea{font:inherit;border:1px solid #b5c5ac;border-radius:10px;padding:12px 15px;box-shadow:none;background:#fff;color:var(--green);width:100%;min-height:49px}
input[type=checkbox],input[type=radio]{accent-color:var(--leaf);width:19px;height:19px;vertical-align:middle;margin-right:8px;flex-shrink:0}
input:focus,select:focus,textarea:focus{border-color:var(--leaf)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b0723e;outline-offset:4px}
.button,button,input[type=submit]{font:600 15px/1.4 Inter,Arial,sans-serif;background:var(--green);color:#fff;border:2px solid var(--green);padding:13px 25px;border-radius:30px;min-height:48px;box-shadow:none;cursor:pointer;text-decoration:none;display:inline-block}
.button:hover,button:hover,input[type=submit]:hover{background:var(--leaf);border-color:var(--leaf);color:#fff}
.button.button-outline{background:#fff;color:var(--green);border:2px solid var(--green)}
.button.button-outline:hover{background:var(--green);color:#fff}
.lists{margin:26px 0;padding:22px;background:var(--cream);border:1px solid var(--line);border-radius:14px}
.lists h2{font-family:Inter,Arial,sans-serif;font-size:14px;letter-spacing:0;margin:0 0 14px}
.lists li{margin:12px 0}.lists .description{color:#5c6c60;line-height:1.6;margin-left:31px}
.form p{margin:0 0 22px}.form label{display:inline-block;margin-bottom:7px}
.form .nonce{display:none}.unsub-all{border-color:var(--line)}
.error{color:#a23b24;background:#fff1e9;padding:12px 16px;border-radius:10px}
.archive li{padding:20px 0;border-bottom:1px solid var(--line)}.archive .date{color:#5c6c60}
.pagination .pg-selected{background:var(--lime);border-radius:8px}
footer.container{text-align:left;padding:26px 12px 10px;margin:0 auto;color:#5c6c60;font-size:12px;line-height:1.8}
footer a{color:var(--leaf);text-decoration:underline}footer p{margin:0 0 9px}
.lg-footer-links{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0}
.lg-powered{font-size:11px;color:#5c6c60}.lg-form-note{font-size:12px;color:#5c6c60}
.login .submit{margin-top:24px}.login button{justify-content:center}
@media(max-width:600px){body{padding:16px 12px}.header{padding:22px 24px;align-items:flex-start;flex-direction:column;gap:16px}.header .logo{max-width:100%}.header .logo img{width:210px}.lg-nav{font-size:12px;gap:20px}.wrap>section,.wrap>.section,.lg-hero{padding:30px 24px}.lg-note{padding:26px 24px}.lg-hero h1{font-size:39px}.lg-intro{font-size:16px}.lists{padding:17px}.lg-home-links{align-items:flex-start;flex-direction:column;gap:14px}footer.container{padding:24px 10px}.right{text-align:left}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Outcome pages use bare headings in Listmonk; keep them padded even without JavaScript. */
.wrap>h2{padding:40px 40px 0;margin:0 0 20px}
.wrap>h2+div{padding:0 40px 40px}
.wrap>.lg-message{padding:44px 40px 48px}
.lg-message h2{font-size:clamp(32px,4vw,44px);margin:0 0 22px}
.lg-message-lead{font-size:18px;line-height:1.75;max-width:570px;margin:0 0 20px}
.lg-message-hint{font-size:14px;line-height:1.75;color:#5c6c60;background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:0 0 28px}
.lg-message .button{margin-top:4px}
@media(max-width:600px){.wrap>h2{padding:30px 24px 0}.wrap>h2+div{padding:0 24px 30px}.wrap>.lg-message{padding:30px 24px 34px}.lg-message-lead{font-size:16px}.lg-message-hint{padding:16px}.lg-message .button{display:block;width:100%;box-sizing:border-box}}