/* WordToResume v12: ORIGINAL V10 NEWSREADER + MANROPE DESIGN.
   The HTML's original styling remains authoritative. This stylesheet styles
   ONLY functionality and new SEO sections introduced after v10. */
:root {--ink:#0A1424;--text:#101B2B;--blue:#1664D9;--blue-dark:#0F4DAE;--soft:#F1F5FB;--line:#B9C6DB}
body{font-family:Manrope,system-ui,sans-serif}
h1,h2,h3{font-family:Newsreader,Georgia,serif;font-weight:600;letter-spacing:normal}
/* Browser-visible brand icon, preserving original wordmark typography. */
.logo{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.logo img{display:block;flex:none;width:30px;height:30px}
.logo .wordmark{color:var(--ink)}
.logo .wordmark span{color:var(--blue)}
/* Existing desktop nav, responsive toggle only. */
header .wrap{gap:16px}
nav{gap:18px;align-items:center}
nav a{font-size:14px}
.menu-toggle{display:none;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:9px;padding:7px 10px;font:700 19px Manrope,sans-serif;cursor:pointer}
/* Original solid blue-and-white visual appearance. */
.eyebrow{color:#1254bb;font:700 13px Manrope,sans-serif;margin-bottom:12px}
.hero h1 em{font-style:normal;color:var(--blue)}
.hero{background:var(--soft)}
.work{background:var(--soft)}
/* Existing original panes, with functional page controls. */
#paperWrap{position:relative;overflow:hidden;background:#fff}
.page-nav{display:flex;justify-content:center;align-items:center;gap:15px;margin:16px auto 4px}
.page-nav button{font:700 14px Manrope,sans-serif;background:#fff;border:2px solid var(--line);border-radius:9px;padding:9px 15px;min-width:108px;cursor:pointer;color:var(--ink)}
.page-nav button:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}
.page-nav button:disabled{opacity:.45;cursor:not-allowed}
#pageCounter{font:700 14px Manrope,sans-serif;color:var(--ink);white-space:nowrap}
.preview-help{font:500 13px/1.5 Manrope,sans-serif;color:#42516b;text-align:center;margin:10px 0 0}
/* New SEO landing cards styled in the original V10 visual language. */
.section-kicker{font:800 13px Manrope,sans-serif;color:var(--blue-dark)}
.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.path-card{display:flex;flex-direction:column;gap:9px;padding:25px 22px;background:#fff;color:var(--ink);text-decoration:none;border:2px solid var(--line);border-radius:14px}
.path-card:hover{border-color:var(--blue)}
.path-card span{color:var(--blue-dark);font:700 12px Manrope,sans-serif}
.path-card strong{font:600 27px/1.1 Newsreader,Georgia,serif}
.path-card small{font:500 14px/1.6 Manrope,sans-serif;color:#42516b}
.path-card b{margin-top:auto;color:var(--blue-dark);font:700 14px Manrope,sans-serif}
/* Restore original heading hierarchy and FAQ legibility. */
.block h2{font-weight:600}
summary{font-family:Manrope,sans-serif}
/* Responsive navigation and cards. */
@media(max-width:1070px){nav{gap:10px}nav a{font-size:13px}}
@media(max-width:900px){
 .menu-toggle{display:block;order:3}
 header .wrap>.btn{margin-left:auto}
 nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;border-bottom:2px solid var(--line);box-shadow:0 10px 22px #0a142420;padding:10px 20px;flex-direction:column;gap:0;z-index:20}
 nav.open{display:flex}
 nav a{display:block;width:100%;padding:11px 4px;font-size:15px}
 .path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 header .wrap{gap:8px;padding:0 12px}
 .logo{font-size:17px;gap:5px}
 .logo img{width:24px;height:24px}
 header .wrap>.btn{font-size:12px;padding:10px 12px}
 .menu-toggle{padding:6px 9px}
 .path-grid{grid-template-columns:1fr}
 .page-nav{gap:7px}
 .page-nav button{padding:9px 8px;min-width:86px;font-size:12px}
 #pageCounter{font-size:12px}
}