.dashboard-side nav button{background:none;color:white;border:0;text-align:left;font:inherit;padding:12px;border-left:3px solid transparent;cursor:pointer}.dashboard-side nav button.active,.dashboard-side nav button:hover{background:#ffffff12;border-color:var(--gold)}
.dashboard-menu-link{display:none}
body[data-page=dashboard] header nav button.dashboard-menu-link{background:none;border:0;color:inherit;font:inherit;padding:0;text-align:left;cursor:pointer}
.blog-editor{max-width:720px;background:white;border:1px solid var(--line);padding:24px;margin:30px 0}.rich-editor{min-height:260px;background:white;border:1px solid #c6d0da;padding:12px;font-weight:400;white-space:pre-wrap}.blog-editor .check{display:flex;gap:8px;align-items:center}.blog-editor .check input{width:auto;margin:0}.blog-admin-list{max-width:720px}.blog-admin-card{display:flex;justify-content:space-between;align-items:center;background:white;border:1px solid var(--line);padding:16px 20px;margin:10px 0}.blog-admin-card small{display:block;color:#718090}.recent-posts{max-width:1100px;margin:auto;padding:90px max(24px,5vw);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;background:white}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card{border-top:2px solid var(--gold);padding-top:14px}.blog-card h2,.blog-card h3{font:22px/1.3 'Libre Baskerville',serif}.blog-card p{color:#617080}.blog-post{max-width:900px;margin:70px auto 100px;padding:0 24px}.blog-post h1{font:clamp(38px,6vw,68px)/1.1 'Libre Baskerville',serif}.blog-body{font-size:18px;max-width:760px;white-space:pre-wrap}.blog-body p{margin:0 0 1em}.blog-body a{color:var(--red);text-decoration:underline}.blog-list{max-width:1000px;margin:70px auto 100px;padding:0 24px;display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.blog-list .blog-card{background:white;padding:25px;border-top:3px solid var(--gold)}
@media(max-width:700px){.recent-posts,.blog-list{grid-template-columns:1fr;gap:35px}.blog-grid{grid-template-columns:1fr}}
@media(max-width:700px){body[data-page=dashboard] header nav a.dashboard-menu-link{display:block}body[data-page=dashboard] .dashboard-side nav{display:none}}
@media(max-width:700px){body[data-page=dashboard] header nav button.dashboard-menu-link{display:block}}