/* WordPress additions to the design's stylesheet (main.css is generated from the design source). */

/* In-page links land below the fixed header. */
[id]{scroll-margin-top:96px}

/* Logged-in admin bar: keep the fixed header, menu and basket drawer below it. */
.admin-bar .site-head,.admin-bar .drawer,.admin-bar .menu-sheet{top:32px}
@media screen and (max-width:782px){.admin-bar .site-head,.admin-bar .drawer,.admin-bar .menu-sheet{top:46px}}
@media screen and (max-width:600px){#wpadminbar{position:fixed}}

/* Ordinary pages (checkout, my account, journal posts, anything added later). */
.plain-hero{padding-top:calc(76px + env(safe-area-inset-top,0px) + clamp(40px,6vw,88px));padding-bottom:clamp(36px,5vw,72px)}
.plain-main{padding-block:clamp(40px,6vw,88px) clamp(72px,9vw,128px)}
.plain-body>*{max-width:760px}
.plain-body--wide>*{max-width:none}
.plain-body>*+*{margin-top:1.1em}
.plain-body h2{font-size:clamp(26px,2.6vw,36px);line-height:1.15;margin-top:1.6em}
.plain-body h3{font-size:clamp(22px,2vw,26px);line-height:1.2;margin-top:1.4em}
.plain-body a{text-underline-offset:4px;text-decoration-thickness:1px}
.plain-body ul,.plain-body ol{padding-left:1.2em}
.plain-body li+li{margin-top:.4em}
.plain-body img{height:auto;border-radius:10px}
.plain-body blockquote{margin:1.6em 0;padding-left:24px;border-left:1px solid var(--gold);font:italic 400 clamp(22px,2vw,26px)/1.35 var(--display)}
.plain-meta{font:500 12px/1.4 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.plain-entry{padding-block:28px;border-bottom:1px solid var(--hairline)}
.plain-entry h2{margin-top:0}
.plain-entry h2 a{text-decoration:none}
.plain-entry h2 a:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.plain-entry .plain-meta{margin-block:10px 12px}
.nav-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:40px}
.nav-links .page-numbers{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--hairline);border-radius:10px;text-decoration:none}
.nav-links .page-numbers.current{background:var(--navy);border-color:var(--navy);color:var(--paper)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Sending a form. */
[data-form] button[disabled]{opacity:.6;cursor:progress}
