/* ihp-base.css — the layer the parent theme used to supply.
   Deliberately a normalise, never a look. The design mock — the render that
   was signed off — was built on the tokens and design sheets with no parent
   CSS underneath, so this file's job is to make a browser's defaults sane and
   otherwise get out of the way. Anything here that starts to look like design
   belongs in ihp-design.css instead. */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
/* No scroll-behavior:smooth here. It was in the first draft; the site never
   had it under Kadence, the mock never had it, and it made scrollIntoView
   asynchronous — which is how the tablet audit's tap test read 71 of 72
   page-widths as "covered" on 20 Sep: the tap point was measured before the
   scroll had happened. Anchor scrolling stays instant, as visitors have it. */
body{margin:0;min-height:100vh}
main{display:block}
.ihp-main{display:block;min-height:40vh}

img,svg,video,iframe{max-width:100%}
img,video{height:auto}
img{border:0;vertical-align:middle}
figure{margin:0 0 var(--s-6)}
figcaption{font-size:var(--ihp-body-sm);line-height:var(--ihp-body-sm-lh);color:var(--ihp-slate)}

h1,h2,h3,h4,h5,h6{margin:0 0 .5em}
p{margin:0 0 var(--s-4)}
ul,ol{margin:0 0 var(--s-4);padding-left:1.4em}
li{margin:.25em 0}
blockquote{margin:var(--s-6) 0;padding:var(--s-2) var(--s-6);border-left:4px solid var(--ihp-teal);color:var(--ihp-slate)}
hr{border:0;border-top:1px solid var(--ihp-mist);margin:var(--s-8) 0}
table{border-collapse:collapse;width:100%;margin:0 0 var(--s-6)}
th,td{padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--ihp-mist);text-align:left;vertical-align:top}
th{font-weight:600;color:var(--ihp-navy)}
code,kbd,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9375em}
pre{overflow-x:auto}
button,input,select,textarea{font:inherit;color:inherit}

/* Keyboard users: one visible ring everywhere, the same colour the design
   uses for links on light surfaces. */
:focus-visible{outline:3px solid var(--ihp-teal-ink);outline-offset:2px}

/* WordPress's own accessibility helper class, and the skip link header.php
   prints — invisible until focused, then a pinned pill in the top corner. */
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;border:0;white-space:nowrap}
.ihp-skip:focus{clip:auto;clip-path:none;height:auto;width:auto;margin:0;position:fixed;top:12px;left:12px;z-index:1000;background:#fff;color:var(--ihp-navy);padding:12px 16px;border-radius:8px;box-shadow:var(--e2);font-weight:600;text-decoration:none}

/* Block alignment classes the editor may emit in a post body. */
.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
.alignwide{max-width:var(--ihp-container);margin-left:auto;margin-right:auto}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignleft{float:left;margin:0 var(--s-6) var(--s-4) 0}
.alignright{float:right;margin:0 0 var(--s-4) var(--s-6)}
.wp-block-image img{display:block}
.wp-caption{max-width:100%}
