/*
Theme Name: Noustiq
Theme URI: https://www.noustiq.com/blog/
Author: Noustiq
Description: Blog theme for noustiq.com. Uses the main website's stylesheet (/assets/style.css), header, footer and WhatsApp button, so the blog looks like the rest of the site.
Version: 1.1
Requires PHP: 7.4
Text Domain: noustiq
*/

/* Styles live in https://www.noustiq.com/assets/style.css. Only WordPress-specific extras are here. */
.prose img{max-width:100%;height:auto;border-radius:14px}
.prose figure{margin:28px 0}
.prose figcaption{font-size:14px;color:var(--mute);margin-top:8px}
.prose a{color:var(--accent-text)}
.prose blockquote{border-left:3px solid var(--lime);padding-left:20px;color:var(--fg)}
.prose h3{font-family:var(--display);font-weight:400;font-size:26px;letter-spacing:.02em;margin-top:32px}
.prose pre,.prose code{font-family:Menlo,Consolas,monospace;font-size:15px}
.prose pre{background:var(--alt);border:1px solid var(--line);border-radius:12px;padding:16px;overflow:auto}
.pager{display:flex;gap:12px;justify-content:center;margin-top:48px}
.pager .page-numbers{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:10px;text-decoration:none}
.pager .current{background:var(--lime);color:#000;border-color:var(--lime)}

/* Article headings in the brand display face */
.prose h2{font-family:var(--display);font-weight:400;font-size:clamp(28px,3.2vw,38px);line-height:1.05;letter-spacing:.01em;margin-top:44px;color:var(--fg)}

/* Subscribe box */
.subscribe{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.sub-form{display:grid;gap:12px;padding:28px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--glass-hi),var(--shadow)}
.sub-form input[type=text],.sub-form input[type=email]{font:inherit;font-size:16px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--input);color:var(--fg)}
.sub-form .btn{justify-self:start}
.sub-msg{font-size:15px;margin:0}.sub-msg.good{color:var(--accent-text)}.sub-msg.bad{color:#e5484d}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:860px){.subscribe{grid-template-columns:1fr;gap:28px}}