/*
Theme Name: KEN16 Portal
Description: Content portal in mustard, olive and brick with geometric accents.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ken16-portal
License: GPL-2.0-or-later
*/

*{box-sizing:border-box}body{margin:0;background:#fafafa;color:#17191c;font:16px/1.7 system-ui,sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit}.site-header{padding:22px 5%;border-bottom:2px solid #17191c;display:flex;align-items:center;justify-content:space-between;background:white}.logo{font-size:38px;font-weight:950;letter-spacing:-2px;text-decoration:none}nav{display:flex;gap:26px}nav a{text-decoration:none;font-weight:700}main{max-width:1440px;margin:auto;padding:32px 5% 70px}.eyebrow{font-size:14px;font-weight:800;letter-spacing:2px}h1{font-size:clamp(30px,4.5vw,58px);line-height:1.25;margin:12px 0 28px;letter-spacing:-1px}.filters{display:flex;gap:10px;margin-bottom:28px}.filters button{border:1px solid #17191c;background:transparent;padding:8px 22px;border-radius:0}.filters button[aria-pressed=true]{background:#254bff;color:white;border-color:#254bff}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.work{text-align:left;border:0;padding:0;background:none;color:inherit;min-width:0}.art{height:390px;overflow:hidden;background:#e4e6ec;border-bottom:7px solid #7754e8}.art img{width:100%;height:100%;object-fit:contain;display:block}.a1{background:#ffdf42;border-color:#ffcf00}.a1 img{object-fit:cover;object-position:top}.a2{background:#211328;border-color:#ff5776}.meta{font-size:14px;font-weight:700;margin-top:18px}h2{font-size:24px;line-height:1.4;margin:6px 0}p{margin:6px 0;color:#525760}.section-head{border-top:2px solid;margin-top:60px;padding-top:22px;display:flex;justify-content:space-between;align-items:baseline}.section-head h2{font-size:30px}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:22px}.post{padding:22px 0;border-top:1px solid #aaa}.post h3{font-size:21px;line-height:1.5;margin:12px 0}.badge{font-size:14px;background:#e4eaff;padding:4px 10px}.by{font-size:14px;margin-top:20px}.notice{font-size:14px;background:#e9edf5;padding:12px 5%;color:#424854}.site-footer{padding:24px 5%;border-top:1px solid #aaa;display:flex;justify-content:space-between;font-size:14px}dialog{border:1px solid;max-width:620px;width:90%;padding:28px}dialog::backdrop{background:#0009}dialog button{padding:8px 20px;background:#17191c;color:white;border:0}button:focus-visible,a:focus-visible{outline:3px solid #254bff;outline-offset:5px}[hidden]{display:none!important}@media(max-width:750px){.site-header{padding:15px 5%}.logo{font-size:30px}nav{gap:16px;font-size:14px}.grid{grid-template-columns:1fr}.art{height:430px}.posts{grid-template-columns:1fr}.section-head{margin-top:40px}main{padding-top:24px}.filters button{padding:7px 18px}.site-footer{gap:20px}}

:root{--paper:#fffbe9;--ink:#28271e;--gold:#dda000;--olive:#77832e;--red:#bb3930}body{background:var(--paper);color:var(--ink)}.site-header{background:var(--paper);border-color:var(--ink);padding-top:26px;padding-bottom:26px}.logo{font-size:46px;letter-spacing:-3px}.logo span{color:var(--red)!important}main{padding-top:40px}.notice{background:var(--olive);color:white;font-size:14px}h1{font-size:clamp(40px,6.5vw,86px);font-weight:900;letter-spacing:-.055em;line-height:1.02;margin:20px 0 30px;max-width:1000px}.eyebrow{color:#59582b}.filters button{border-color:var(--ink);font-weight:700}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.grid{gap:0;border:1px solid var(--ink)}.work{padding:24px;background:var(--gold);display:flex;flex-direction:column}.work+.work{border-left:1px solid var(--ink)}.work:nth-child(2){background:var(--olive);color:white}.work:nth-child(3){background:var(--red);color:white}.work p{color:inherit;opacity:1;font-size:16px}.art{height:350px;width:100%;border:0;background:#24231f}.a1{background:#24231f}.a2{background:#24231f}.work h2{font-size:29px;letter-spacing:-.035em;line-height:1.12;margin:12px 0}.meta{font-size:14px;letter-spacing:.045em}.section-head{margin-top:64px}.section-head h2{font-size:44px;letter-spacing:-2px}.post{border-color:#817e69}.badge{background:var(--gold);color:var(--ink);font-weight:800}.post:nth-child(2) .badge{background:var(--olive);color:white}.post:nth-child(3) .badge{background:var(--red);color:white}.post h3{font-size:26px;letter-spacing:-.03em}.post p{color:#514f43}.site-footer{background:var(--ink);color:var(--paper);border:0;padding-top:30px;padding-bottom:30px}dialog{background:var(--paper)}button:focus-visible,a:focus-visible{outline-color:var(--red)}@media(max-width:750px){.logo{font-size:34px}.grid{gap:0}.work+.work{border-left:0;border-top:1px solid var(--ink)}.work{padding:22px}.art{height:380px}h1{font-size:clamp(38px,10vw,65px)}.notice{font-size:12px}nav{gap:14px}.section-head h2{font-size:36px}}
body{background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22%23dda000%22%20fill-opacity%3D%22.09%22%20d%3D%22M0%200h160v160H0zM320%20320h160v160H320z%22%2F%3E%3Cpath%20fill%3D%22%2377832e%22%20fill-opacity%3D%22.09%22%20d%3D%22M320%200a160%20160%200%200%201%20160%20160H320zM0%20480a160%20160%200%200%201%20160%20160H0z%22%2F%3E%3Cpath%20fill%3D%22%23bb3930%22%20fill-opacity%3D%22.065%22%20d%3D%22M480%20160h160v160zM160%20320h160v160z%22%2F%3E%3Ccircle%20cx%3D%22240%22%20cy%3D%22240%22%20r%3D%2265%22%20fill%3D%22%23dda000%22%20fill-opacity%3D%22.085%22%2F%3E%3Ccircle%20cx%3D%22560%22%20cy%3D%22560%22%20r%3D%2265%22%20fill%3D%22%2377832e%22%20fill-opacity%3D%22.075%22%2F%3E%3C%2Fsvg%3E");background-size:640px 640px}.logo{letter-spacing:-2px}.filters button:not([aria-pressed=true]){background:#fffbe9dd}.post{background:#fffbe9b8;padding:22px 16px}@media(max-width:750px){.logo{font-size:30px;letter-spacing:-1.5px}body{background-size:400px 400px}} 
/* WordPress integration */
body{min-height:100vh}.site-header{position:relative}.site-header .logo{white-space:nowrap}main{width:100%}.work a{color:inherit;text-decoration:none}.cover-link{display:block;width:100%}.work-action{margin-top:22px;font-weight:800;text-decoration:underline!important}.reading{max-width:900px;margin:auto;background:#fffbe9ed;padding:32px}.reading h1{font-size:clamp(32px,5vw,60px);line-height:1.25;letter-spacing:-.025em;overflow-wrap:anywhere}.entry-content{margin-top:30px;overflow-wrap:anywhere}.entry-content img,.entry-content video,.entry-content iframe{max-width:100%}.entry-content img{height:auto}.entry-content p{color:var(--ink);margin:1.3em 0}.entry-content h2,.entry-content h3{margin:1.5em 0 .6em}.entry-content table{display:block;max-width:100%;overflow-x:auto}.entry-content pre{overflow:auto}.entry-content .alignwide,.entry-content .alignfull{max-width:100%;margin-left:0;margin-right:0}.posts h3 a{text-decoration:none}.posts h3 a:hover{text-decoration:underline}.pagination,.post-navigation{display:flex;gap:16px;flex-wrap:wrap;margin:32px 0}.pagination a,.pagination span{padding:8px 14px;border:1px solid}.pagination .current{background:var(--ink);color:var(--paper)}.skip-link{position:absolute;top:-100px;left:10px}.skip-link:focus{top:10px;z-index:99999;background:white;padding:12px}.site-footer a{margin-left:14px}.section-head a{font-weight:700}.section-head{gap:20px}.by{color:#514f43}.entry-content a{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #28271e;outline-offset:4px}@media(max-width:750px){.reading{padding:20px 12px}.site-footer{flex-wrap:wrap}.site-header{gap:12px}.work{min-width:0}.work h2{overflow-wrap:anywhere}.section-head{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}