/*
Theme Name: Projectkey
Description: An illustrated learning journal with English and Serbian editions and a tabbed notebook cover.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: projectkey
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
.projectkey-main{width:min(100% - 40px,1100px);margin:48px auto 72px;min-height:55vh}
.projectkey-entry{max-width:760px;margin:0 auto 48px;font-size:1.12rem;line-height:1.75}
.projectkey-entry h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.12;letter-spacing:-.025em;margin:0 0 28px}
.projectkey-entry h2,.projectkey-entry h3{line-height:1.25;margin:1.8em 0 .6em}
.projectkey-entry img,.projectkey-entry video,.projectkey-entry iframe{max-width:100%;height:auto}
.projectkey-entry figure{margin:2rem 0}.projectkey-entry figcaption{font-size:.85em;opacity:.8}
.projectkey-entry pre{overflow:auto;padding:1em;background:#f2f2f2;color:#202020}
.projectkey-entry a{text-decoration:underline;text-underline-offset:3px}
.projectkey-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:32px}
.projectkey-list article{border-bottom:1px solid #a5a5a5;padding:0 0 28px}
.projectkey-list img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto}
.projectkey-list h2{font-size:1.65rem;line-height:1.2}.projectkey-search input{max-width:70%;padding:10px}.projectkey-search button{padding:10px;cursor:pointer}
.projectkey-notice{max-width:720px;margin:80px auto;padding:32px;border:1px solid #aaa}
.projectkey-navigation{display:flex;gap:20px;justify-content:space-between;margin:32px 0}
.projectkey-latest{width:min(100% - 40px,1100px);margin:64px auto}.projectkey-latest>h2{font-size:2rem;margin:0 0 24px}
.projectkey-owner-menu{padding:12px 24px}.projectkey-owner-menu ul{display:flex;flex-wrap:wrap;gap:24px;list-style:none;margin:0;padding:0}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
:focus-visible{outline:3px solid currentColor;outline-offset:4px}
@media(max-width:480px){.projectkey-main{width:calc(100% - 28px);margin:28px auto}.projectkey-entry{font-size:1rem}}

.projectkey-byline{font-size:.88rem;line-height:1.6;opacity:.8;margin:0 0 24px}

/* Reserve the enhanced folder layout before the deferred tab controller runs. */
html.pk-enhanced .playground-hero .folder-tabs{display:grid;z-index:2}
html.pk-enhanced .playground-hero .folder:not(.tabs-ready) .folder-panel:not(:first-child){display:none}
html.pk-enhanced .playground-hero .folder-panels{min-height:330px}
@media(max-width:800px){html.pk-enhanced .playground-hero .folder-panels{min-height:570px}}
@media(max-width:380px){html.pk-enhanced .playground-hero .folder-panels{min-height:610px}}
@font-face{font-family:"Projectkey Display";src:url('assets/projectkey-display.woff2') format('woff2');font-weight:200 1000;font-style:normal;font-display:optional}
@media print{html.pk-enhanced .playground-hero .folder-tabs{display:none}html.pk-enhanced .playground-hero .folder-panels{min-height:0}html.pk-enhanced .playground-hero .folder:not(.tabs-ready) .folder-panel:not(:first-child){display:block}}

/* Published article cards need a paper surface against the purple home background. */
.projectkey-latest{background:#fffdf2;color:#1c1b19;padding:clamp(20px,4vw,44px);border-radius:24px;box-sizing:border-box}
.projectkey-latest a,.projectkey-latest h2,.projectkey-latest p{color:#1c1b19}

/* Native WordPress articles, archives and search share the notebook paper surface. */
.projectkey-native{width:min(calc(100% - 32px),980px);margin:32px auto 64px;padding:clamp(22px,5vw,64px);background:#fffdf2;color:#1c1b19;border-radius:24px;box-sizing:border-box}
.projectkey-native h1,.projectkey-native h2,.projectkey-native h3,.projectkey-native p{color:#1c1b19}
.projectkey-native a{color:#40208c}.projectkey-native .projectkey-entry{margin:0 auto;max-width:760px}
.projectkey-native .wp-post-image{width:100%;height:auto;margin:24px 0;border-radius:12px}