/*
Theme Name: Rattastich Nieuw
Author: Rattastich
Description: Overzichtelijk Nederlands informatiethema met bewerkbare startpagina’s.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: rattastich-nieuw
*/
:root{--ink:#203c31;--green:#315f48;--muted:#58685d;--cream:#faf8f1;--line:#dde3d8;--accent:#e8edda}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--green);text-underline-offset:4px}a:hover{color:#172d21}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bd713c;outline-offset:5px}img{max-width:100%;height:auto}header,.wrap,footer{max-width:1180px;margin:auto;padding:0 32px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:104px}.brand{text-decoration:none;font:bold 31px Georgia,serif;letter-spacing:-1px}.brand small{display:block;font:11px system-ui;letter-spacing:2px;text-transform:uppercase}nav ul{display:flex;gap:22px;list-style:none;padding:0;margin:0;flex-wrap:wrap}nav a{font-size:14px;text-decoration:none;font-weight:600}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;padding:55px 0 65px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--green)}h1,h2,h3{font-family:Georgia,serif;font-weight:normal;line-height:1.14}h1{font-size:clamp(44px,5.4vw,72px);letter-spacing:-2px;margin:22px 0}h1 em{color:#5e754e}h2{font-size:40px;margin:16px 0 26px}h3{font-size:27px;margin:18px 0 12px}.lead{font-size:19px;color:var(--muted);max-width:570px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:30px 0}.button{display:inline-block;background:var(--green);color:white!important;padding:13px 23px;border-radius:7px;text-decoration:none;font-size:14px;font-weight:700}.button:hover{background:#203e2e}.textlink{font-size:14px;font-weight:700;text-decoration:none}.small{font-size:12px;color:var(--muted)}figure{margin:0;position:relative}.hero-photo{width:100%;aspect-ratio:1/1.09;object-fit:cover;object-position:center;border-radius:140px 140px 18px 18px;background:var(--accent)}figcaption{position:absolute;bottom:20px;left:20px;right:20px;background:#faf8f1ed;padding:15px 18px;border-radius:7px}figcaption span{display:block;font:22px Georgia,serif}figcaption small{font-size:11px;color:var(--muted)}.features{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:30px}.features b,.features span{display:block}.features b{font:23px Georgia,serif}.features span{color:var(--muted);font-size:13px;margin-top:6px}.guide{padding:68px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);background:#fffdf7;padding:28px;border-radius:10px;text-decoration:none;display:flex;flex-direction:column;transition:transform .15s}.card:hover{transform:translateY(-3px)}.card p{font-size:14px;color:var(--muted);margin:0 0 22px}.number{font-size:13px;color:#667d55}.arrow{font-size:13px;font-weight:700;margin-top:auto}.accent{background:var(--accent)}.faq{max-width:760px;margin:0 auto 75px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-weight:600;cursor:pointer}.faq p{color:var(--muted);font-size:15px}.article{max-width:780px;padding:50px 0 70px;margin:auto}.article h1{font-size:54px}.article h2{font-size:30px;margin-top:38px}.source{font-size:13px;color:var(--muted);margin:20px 0}footer{border-top:1px solid var(--line);padding-top:30px;padding-bottom:30px;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted)}.skip{position:absolute;left:-10000px}.skip:focus{left:15px;top:15px;z-index:99;background:white;padding:8px}.menu-toggle{display:none}.search-form{display:flex;gap:8px;flex-wrap:wrap}.search-field{padding:12px;border:1px solid var(--line);border-radius:6px}.search-submit{padding:12px 18px;background:var(--green);color:white;border:0;border-radius:6px;cursor:pointer}@media(max-width:900px){header{flex-wrap:wrap;padding-top:22px;padding-bottom:22px}nav ul{gap:15px}.hero{gap:30px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){header,.wrap,footer{padding-left:22px;padding-right:22px}header{min-height:90px}.brand{font-size:27px}nav{width:100%}nav ul{gap:10px 17px}nav a{font-size:12px}.hero{grid-template-columns:1fr;padding:30px 0 40px;gap:24px}.hero h1{font-size:49px}.hero-photo{aspect-ratio:1.3}.features{gap:18px;grid-template-columns:1fr}.features b{font-size:21px}.cards{grid-template-columns:1fr}.guide{padding:40px 0}h2{font-size:33px}.article{padding-top:25px}.article h1{font-size:41px}footer{flex-direction:column;gap:10px}.lead{font-size:17px}}@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}