/*
Theme Name: ExamFormMitra Studio
Description: Studio Blue theme for ExamFormMitra: a passport-photo-studio look with a film-strip hero. Install the "ExamFormMitra Tools" plugin for the exam pages and converter.
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 7.4
Author: ExamFormMitra
License: GPL-2.0-or-later
Text Domain: examformmitra-studio
*/

@font-face{font-family:"Bricolage Grotesque";font-weight:200 800;font-display:swap;src:url("assets/fonts/bricolage-grotesque-latin-wght-normal.woff2") format("woff2")}

:root{
  --em-studio:#c9dff5; --em-studio-deep:#a9c8ea; --em-paper:#fbfcfe; --em-ink:#14233b;
  --em-flash:#ffd43b; --em-stamp:#cf3a2f; --em-link:#245a99; --em-line:#c3d2e6; --em-muted:#4d5f7a;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font-family:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--em-paper);color:var(--em-ink);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--em-link);text-underline-offset:3px}
img{max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--em-link);outline-offset:3px;border-radius:4px}
.screen-reader-text,.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link:focus{position:fixed;left:8px;top:8px;width:auto;height:auto;clip:auto;background:#fff;color:var(--em-ink);padding:10px 14px;z-index:99;border-radius:6px}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}

/* header */
.site-header{background:var(--em-paper)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px;gap:16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:-.02em;text-decoration:none;color:var(--em-ink)}
.brand svg{width:30px;height:30px;flex:none}
.main-nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;font-size:15px;font-weight:500}
.main-nav a{text-decoration:none;color:var(--em-ink);padding:6px 0;border-bottom:2px solid transparent}
.main-nav a:hover,.main-nav .current-menu-item a,.main-nav .current_page_item a{border-color:var(--em-ink)}

/* pages */
.site-main{padding:24px 0 10px}
.entry-header{margin-bottom:18px}
.entry-title{font-size:clamp(32px,5vw,56px);line-height:1.05;letter-spacing:-.03em;font-weight:800;margin:0 0 10px;max-width:20ch}
.entry-content{max-width:72ch}
.entry-content.is-wide{max-width:none}
.entry-content h2{font-size:clamp(24px,3.4vw,32px);letter-spacing:-.02em;margin:1.6em 0 .5em}
.entry-content p,.entry-content li{line-height:1.7}
.crumbs{font-size:14px;color:var(--em-muted);margin:0 0 12px}
.crumbs a{color:var(--em-muted)}
.front-main{padding:0}

/* footer */
.site-footer{margin-top:70px;background:var(--em-ink);color:#dbe5f3;padding:34px 0 40px;font-size:15px}
.site-footer p{max-width:70ch;margin:8px 0 0}
.site-footer strong{color:#fff}
.site-footer a{color:#dbe5f3}

@media (max-width:520px){
  body{font-size:16px}
  .site-header .wrap{flex-wrap:wrap;row-gap:4px}
  .brand{font-size:20px}
  .main-nav ul{gap:16px;font-size:14px;flex-wrap:wrap}
}