/* Additions for the dynamic build. The original styles.css is left untouched. */

.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Filter buttons are links now (server-side filtering) */
a.filter-btn{text-decoration:none}

/* Main nav current page */
nav.main a[aria-current="page"]{color:var(--ochre-text)}

/* Form feedback */
.form-flash{border:1px solid var(--rule);border-left:3px solid var(--ochre);background:var(--paper-light);padding:.85rem 1rem;margin:0 0 var(--s3);font-size:.95rem}
.form-flash.is-success{border-left-color:#3F6B4A}
.form-flash.is-error{border-left-color:var(--ochre);color:var(--ochre-text)}
.field-error{color:var(--ochre-text);font-size:.85rem;margin:.35rem 0 0}
.contact-form{margin-top:var(--s4)}
.contact-form .two{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.contact-form select{width:100%;border:1px solid var(--rule);background:var(--paper-light);color:var(--ink);min-height:50px;padding:.8rem .95rem;border-radius:0;font:inherit}
.order-form input + input{margin-top:.6rem}
.pay-status{border:1px solid var(--rule);background:var(--paper-light);padding:.85rem 1rem;margin-bottom:var(--s3)}
.order-review dd{margin-bottom:.6rem}

/* Rich text written in the admin editor */
.essay-body blockquote{border-left:3px solid var(--ochre-line);margin:var(--s4) 0;padding:.25rem 0 .25rem var(--s3);font-family:var(--serif);font-size:1.3rem;font-style:italic;color:var(--ink-soft)}
.essay-body ul,.essay-body ol{margin:0 0 1.6rem 1.25rem;padding:0;font-size:1.06rem;line-height:1.8}
.essay-body li + li{margin-top:.4rem}
.essay-body h3{font-size:1.4rem;margin:var(--s4) 0 var(--s2)}
.essay-body img{height:auto;margin:var(--s4) auto}
.essay-body a{color:var(--ochre-text)}
.essay-body hr{border:0;border-top:1px solid var(--rule);margin:var(--s5) 0}

/* Missing cover */
.cover-placeholder{aspect-ratio:2/3;background:var(--paper-shade)}

/* Notebook pagination */
.site-pager{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:var(--s5)}
.site-pager a{border:1px solid var(--rule);padding:.4rem .8rem;font-size:.85rem;text-decoration:none;color:var(--ink-soft)}
.site-pager a.is-active{background:var(--ink);border-color:var(--ink);color:var(--paper)}

@media (max-width:620px){
  .contact-form .two{grid-template-columns:1fr}
}

/* Drop cap only on the article body, not on the "Context" box above it */
.essay-content-wrap .question-box p::first-letter{font:inherit;float:none;margin:0;color:inherit;line-height:inherit}