/*
Theme Name: Paint Worlds
Author: Paint Worlds
Description: An accessible retirement and later-life editorial theme with a featured slider, article archive and resource sidebar.
Version: 1.2.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: retirement-journal
License: GNU General Public License v2 or later
*/
:root{--navy:#1b235e;--blue:#44aacc;--ink:#404040;--muted:#676767;--line:#e5e5e5}
*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--ink);font-family:Arial,Tahoma,sans-serif;font-size:17px;line-height:1.65}a{color:#247f9d;text-underline-offset:4px}a:hover{color:#175e76}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #c17b0b;outline-offset:4px}.site{max-width:1190px;margin:auto;background:#fff;min-height:100vh;box-shadow:0 0 6px #0005}.skip{position:absolute;left:10px;top:-100px;background:white;padding:12px;z-index:99}.skip:focus{top:10px}.masthead{padding:34px 29px 30px}.brand{display:inline-block;font-size:36px;line-height:1.3;font-weight:700;color:#278eac;text-decoration:none}.tagline{margin:8px 0 0;font-size:15px;color:var(--muted)}.nav{background:#444}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav ul{display:flex;flex-wrap:wrap;gap:0;list-style:none;padding:0;margin:0}.nav a{display:block;color:white;padding:13px 17px;text-decoration:none;font-size:13px;font-weight:700;text-transform:uppercase}.nav a:hover,.nav a[aria-current=page]{background:#278eac}.menu-toggle{display:none;background:transparent;color:white;border:0;padding:10px 18px;font-size:22px}.content{padding:28px 29px 45px}.feature{position:relative;margin-bottom:78px}.feature-slide{display:grid;grid-template-columns:minmax(0,65fr) minmax(0,35fr);gap:10px}.feature-slide[hidden]{display:none}.feature-image{display:block;min-width:0}.feature-image img{width:100%;height:100%;aspect-ratio:2/1;object-fit:cover;display:block}.feature-copy{background:var(--blue);color:white;padding:20px 28px 24px}.feature-copy h2{font-size:27px;line-height:1.3;margin:0 0 12px}.feature-copy h2 a{color:white;text-decoration:underline}.feature-copy p{font-size:16px;line-height:1.55;margin:15px 0 23px}.meta{color:var(--muted);font-size:13px}.feature-copy .meta{color:white}.button{display:inline-block;background:#278eac;color:white;text-decoration:none;padding:9px 14px;border:0;font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:.4px}.button:hover{background:#176a85;color:white}.feature-copy .button{background:white;color:#267f9b}.slider-controls{position:absolute;left:15px;top:15px;display:flex;gap:3px;z-index:2}.slider-controls button{background:#278eac;color:white;border:0;width:42px;height:42px;font-size:26px;line-height:1}.slider-status{position:absolute;bottom:-32px;right:0;font-size:12px;color:var(--muted)}.columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:29px}.section-title{font-size:13px;line-height:1.3;margin:0 0 20px;background:#eee;text-transform:uppercase;font-weight:700}.section-title span{background:#278eac;color:white;display:inline-block;padding:9px 14px}.post-card{display:grid;grid-template-columns:40% minmax(0,1fr);gap:28px;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:25px}.post-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.post-card h2{font-size:25px;line-height:1.35;margin:0 0 5px}.post-card p{margin:16px 0;font-size:16px;line-height:1.65}.category-label{margin-top:16px;font-size:12px;color:var(--muted)}.sidebar section{margin-bottom:32px}.sidebar h2{font-size:18px;line-height:1.4;border-bottom:3px solid var(--blue);padding-bottom:10px;margin:0 0 16px}.sidebar p,.sidebar li{font-size:15px}.sidebar ul{list-style:none;padding:0}.sidebar li{padding:8px 0;border-bottom:1px solid var(--line)}.search-form{display:flex}.search-form input{width:100%;min-width:0;padding:10px;border:1px solid #ccc}.search-form button{border:0;background:#278eac;color:white;padding:8px 14px}.intro-panel{background:#f1f7f8;padding:22px;border-top:4px solid var(--blue)}.intro-panel h2{border:0;padding:0}.intro-panel a{font-weight:bold}.footer{background:#444;color:#ddd;padding:26px 29px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer a{color:white;font-size:13px}.footer p{font-size:12px;margin:18px 0 0}.article-cover{width:100%;aspect-ratio:2/1;object-fit:cover;display:block;margin-bottom:20px}.article-title{font-size:32px;line-height:1.3;color:#247f9d;margin:0 0 8px}.article-body{font-size:18px;line-height:1.85;overflow-wrap:anywhere}.article-body h2{font-size:25px;line-height:1.4;margin:32px 0 12px}.article-body h3{font-size:20px}.article-body li{margin:8px 0}.article-body blockquote{border-left:4px solid var(--blue);padding:10px 20px;margin:24px 0;background:#f6f8f8}.article-body a{overflow-wrap:anywhere}.notice{background:#f1f7f8;padding:16px;font-size:14px}.pagination{display:flex;gap:14px;flex-wrap:wrap}.screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}.empty{padding:30px;background:#f3f6f8}.copyright{color:#ccc}.preview-note{background:#fff6df;color:#594208;padding:10px 29px;font-size:13px}.nav ul ul{display:none}.nav li:focus-within>ul,.nav li:hover>ul{display:block;position:absolute;background:#444;z-index:4}.nav li{position:relative}
@media(min-width:1000px){.feature-copy{min-height:360px}}
@media(max-width:999px){.columns{grid-template-columns:minmax(0,1fr) 260px;gap:24px}.feature-copy{padding:16px 20px}.feature-copy h2{font-size:23px}.feature-copy p{font-size:15px}.post-card{gap:20px}.post-card h2{font-size:22px}}
@media(max-width:800px){.masthead{text-align:center;padding:30px 20px}.brand{font-size:34px}.menu-toggle{display:block}.nav-inner{display:block}.nav ul{display:none}.nav.is-open ul{display:block}.nav a{padding:12px 18px}.nav li:hover>ul,.nav li:focus-within>ul{position:static}.columns{display:block}.sidebar{margin-top:40px}.feature{margin-bottom:55px}.feature-slide{grid-template-columns:1fr;padding:0;gap:8px}.feature-copy{padding:16px 20px}.feature-copy h2{font-size:24px}.feature-copy p{display:none}.feature-copy .button{margin-top:15px}.content{padding:24px}.sidebar{max-width:none}}
@media(max-width:480px){.content{padding:20px 18px 30px}.brand{font-size:32px}.tagline{font-size:14px}.post-card{display:block}.post-card img{aspect-ratio:2/1;margin-bottom:15px}.post-card h2{font-size:24px}.feature-copy h2{font-size:23px}.article-title{font-size:28px}.article-body{font-size:17px}.footer{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
