/*
Theme Name: InstaHost Blog
Theme URI: https://www.instahost.co.uk/
Author: InstaHost (AMVEN Ltd)
Author URI: https://www.instahost.co.uk/
Description: InstaHost block theme for blog.instahost.co.uk. Matches the main site's design system (paper/ink palette, Archivo + IBM Plex Mono, 2px corners). Full-site-editing theme; most styling lives in theme.json — this file carries the chrome and interactive affordances.
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: instahost-blog
*/

:root{
  --ih-paper:#F7F5F1; --ih-paper-2:#EFEDE7; --ih-ink:#14171A; --ih-ink-2:#1B2025;
  --ih-slate:#5A6470; --ih-line:#DCD8D0; --ih-line-dark:#2C3238; --ih-signal:#3DDC7F;
  --ih-mono:'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,monospace;
}

/* ── Eyebrow (mono label) ── */
.ih-eyebrow{
  font-family:var(--ih-mono);font-size:11px;font-weight:500;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ih-slate);display:block;
}

/* ── Utility bar ── */
.ih-utility{background:var(--ih-ink);color:var(--ih-paper);font-family:var(--ih-mono);font-size:12px;letter-spacing:.04em}
.ih-utility a{color:#98A3AE;text-decoration:none}
.ih-utility a:hover{color:var(--ih-paper)}

/* ── Site header ── */
.ih-lockup{display:flex;align-items:center;gap:10px;text-decoration:none}
.ih-lockup .word{font-weight:800;font-size:22px;letter-spacing:-.045em;color:var(--ih-ink)}
.ih-nav a{color:var(--ih-ink);text-decoration:none;font-weight:500;font-size:14px}
.ih-nav a:hover{color:var(--ih-slate)}

/* ── Post meta / author box ── */
.ih-postmeta{font-family:var(--ih-mono);font-size:12px;letter-spacing:.04em;color:var(--ih-slate)}
.ih-authorbox{border:1px solid var(--ih-line);border-radius:2px;padding:22px 24px}

/* ── Code block: copy affordance + line-friendly spacing ── */
.wp-block-code{position:relative;overflow:auto}
.wp-block-code .ih-copy{
  position:absolute;top:8px;right:8px;font-family:var(--ih-mono);font-size:10px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--ih-ink);background:var(--ih-paper);
  border:1px solid var(--ih-line);border-radius:2px;padding:4px 9px;cursor:pointer;line-height:1;
}
.wp-block-code .ih-copy:hover{background:var(--ih-paper-2)}
.wp-block-code .ih-copy.done{color:var(--ih-signal);border-color:var(--ih-signal)}

/* ── Callout blocks (delivered by the InstaHost Blocks plugin; styled here as a fallback) ── */
.ih-callout{border:1px solid var(--ih-line);border-left-width:3px;border-radius:2px;padding:16px 18px;margin:1.4rem 0;font-size:.95rem;line-height:1.6}
.ih-callout--info{border-left-color:var(--ih-signal)}
.ih-callout--tip{border-left-color:#2F9166}
.ih-callout--warning{border-left-color:#C8862B}
.ih-callout--note{border-left-color:#2B7BB0}
.ih-callout__title{font-weight:700;margin:0 0 6px;letter-spacing:-.01em}

/* ── TL;DR / summary block ── */
.ih-tldr{background:var(--ih-paper-2);border-radius:2px;padding:20px 22px;margin:1.6rem 0}
.ih-tldr__label{font-family:var(--ih-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ih-slate);margin:0 0 8px}

/* ── Skip link ── */
.ih-skip{position:absolute;left:-9999px}
.ih-skip:focus{left:12px;top:12px;background:var(--ih-ink);color:var(--ih-paper);padding:8px 14px;border-radius:2px;z-index:100}