/* Aphroa deferred CSS: drawer, sections, cards, band, forms, table, FAQ, prose, footer. Loaded after first paint. */
hr{margin-block:var(--space-6);border:0;border-block-start:1px solid var(--color-border)}
blockquote{margin-inline:0;padding-inline-start:var(--space-4);border-inline-start:3px solid var(--color-primary-tint-border);color:var(--color-text-secondary)}
code,pre{font-family:var(--font-mono);font-size:.9em}
pre{padding:var(--space-4);overflow-x:auto;border-radius:var(--radius-md);background:var(--color-code-bg);color:var(--color-code-text)}
table{inline-size:100%;border-collapse:collapse}
th,td{padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--color-border);text-align:start}
.site-main{flex:1 0 auto}
.entry-title a{color:inherit;text-decoration:none}
.entry-title a:hover{color:var(--color-primary)}
.pagination{margin-block-start:var(--space-7)}
/* Mobile drawer */
.drawer{position:fixed;inset-block:var(--header-height) 0;inset-inline:0;z-index:40;display:flex;flex-direction:column;overflow-y:auto;padding:var(--space-4) var(--gutter) var(--space-6);background:var(--color-bg)}
.drawer[hidden]{display:none}
.drawer__nav ul{margin:0;padding:0;list-style:none}
.drawer__nav a{display:flex;align-items:center;justify-content:space-between;min-block-size:3.25rem;border-block-end:1px solid var(--color-border);color:var(--color-text);font-size:var(--text-h4);font-weight:600;text-decoration:none}
.drawer__nav a:hover,.drawer__nav .current-menu-item>a{color:var(--color-primary)}
.drawer__foot{margin-block-start:var(--space-5)}
/* Sections */
.section{padding-block:var(--section-y)}
.section--subtle{background:var(--color-bg-subtle)}
.section__head{max-inline-size:var(--measure);margin-block-end:var(--space-6)}
.section__lead{margin-block:var(--space-3) 0;color:var(--color-text-secondary);font-size:var(--text-lg)}
.grid{display:grid;gap:var(--space-5);grid-template-columns:minmax(0,1fr)}
@media(min-width:40em){.grid--2,.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:56.25em){.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Card */
.card{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-raised);transition:border-color var(--motion),transform var(--motion)}
.card--lg{padding:var(--space-6);border-radius:var(--radius-lg)}
.card__title{margin:0;font-size:var(--text-h4);line-height:1.35}
.card p{margin:0;color:var(--color-text-secondary)}
.card--link:hover,.card--link:focus-within{border-color:var(--color-primary);transform:translateY(-2px)}
.card__link{color:inherit;text-decoration:none}
.card__link::after{content:"";position:absolute;inset:0}
.card__link:hover{color:inherit}
.card__more{display:inline-flex;align-items:center;gap:var(--space-2);margin-block-start:auto;padding-block-start:var(--space-2);color:var(--color-link);font-weight:600}
[dir=rtl] .card__more .i{transform:scaleX(-1)}
/* CTA band */
.band{padding-block:var(--space-7);background:var(--color-band-bg);color:var(--color-band-text)}
.band__grid{display:grid;gap:var(--space-5);grid-template-columns:minmax(0,1fr)}
.band__title{margin:0;font-size:var(--text-h2)}
.band .eyebrow{color:var(--color-band-sub)}
.band__text{margin:var(--space-3) 0 0;color:var(--color-band-sub);font-size:var(--text-lg)}
.band__cta{display:grid;gap:var(--space-3)}
.btn--band,.btn--band:hover{color:var(--color-band-btn-text)}
.btn--band{background:var(--color-band-btn-bg)}
.btn--band:hover{filter:brightness(.94)}
.btn--band-ghost,.btn--band-ghost:hover{color:var(--color-band-text)}
.btn--band-ghost{border-color:var(--color-band-sub)}
.btn--band-ghost:hover{background:rgb(255 255 255/.08)}
@media(min-width:56.25em){.band{padding-block:var(--space-8)}.band__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;column-gap:var(--space-7)}.band__cta{justify-items:end}.band__cta .btn{inline-size:100%;max-inline-size:20rem}}
/* Form fields */
.field{display:flex;flex-direction:column;gap:6px;margin-block-end:var(--space-4)}
.label{font-size:var(--text-small);font-weight:600}
.input{inline-size:100%;min-block-size:3rem;padding:0 14px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit}
textarea.input{min-block-size:8rem;padding-block:var(--space-3);resize:vertical}
.input:focus{border-color:var(--color-primary);outline:2px solid var(--color-focus);outline-offset:2px}
.input[aria-invalid=true]{border-color:var(--color-danger)}
.field__hint{margin:0;color:var(--color-text-muted);font-size:var(--text-caption)}
.field__error{margin:0;color:var(--color-danger);font-size:var(--text-small);font-weight:600}
.hp{position:absolute;inset-inline-start:-9999px;inline-size:1px;block-size:1px;overflow:hidden}
/* Table wrapper */
.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}
.table-wrap table{min-inline-size:32rem;margin:0}
.table-wrap th{background:var(--color-bg-subtle);font-size:var(--text-small)}
.table-wrap tr:last-child td{border-block-end:0}
/* FAQ (details) */
.faq{display:flex;flex-direction:column;gap:var(--space-2);max-inline-size:var(--measure)}
.faq__item{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}
.faq__q{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-block-size:3rem;padding:var(--space-3) var(--space-4);font-weight:600;cursor:pointer;list-style:none}
.faq__q::-webkit-details-marker{display:none}
.faq__q:hover,.faq__item[open] .faq__q{background:var(--color-bg-subtle)}
.faq__q .i{color:var(--color-text-muted);transition:transform var(--motion)}
.faq__item[open] .faq__q .i{transform:rotate(180deg)}
.faq__a{padding:var(--space-3) var(--space-4) var(--space-4);background:var(--color-bg-subtle);color:var(--color-text-secondary)}
.faq__a>:last-child{margin-block-end:0}
/* Prose */
.prose{max-inline-size:var(--measure);color:var(--color-text-secondary)}
.prose>*+*{margin-block-start:var(--space-4)}
.prose h1,.prose h2,.prose h3,.prose h4,.prose strong{color:var(--color-text)}
.prose h2{margin-block-start:var(--space-7)}
.prose h3{margin-block-start:var(--space-6)}
.prose li+li{margin-block-start:6px}
.prose img{border-radius:var(--radius-md)}
/* Footer */
.site-footer{padding-block:var(--space-7) var(--space-5);background:var(--color-footer-bg);color:var(--color-footer-text);font-size:var(--text-small)}
.site-footer a{color:var(--color-footer-text)}
.site-footer a:hover{color:var(--color-footer-sub)}
.site-footer :focus-visible{outline-color:var(--color-footer-sub)}
.site-footer .icon-btn{color:var(--color-footer-text)}
.site-footer .icon-btn:hover{background:rgb(255 255 255/.1);color:var(--color-footer-text)}
.site-footer .site-logo{color:var(--color-footer-text)}
.footer__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-5)}
.footer__brand{grid-column:1/-1;max-inline-size:24rem}
.footer__tagline{margin:var(--space-3) 0 0;color:var(--color-footer-sub)}
.footer__title{margin-block-end:var(--space-3);color:var(--color-footer-text);font-size:var(--text-small);letter-spacing:.04em;text-transform:uppercase}
.footer__list{margin:0;padding:0;list-style:none}
.footer__list a{display:inline-block;min-block-size:1.5rem;padding-block:2px;text-decoration:none}
.footer__list a:hover{text-decoration:underline}
.footer__bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-block-start:var(--space-7);padding-block-start:var(--space-5);border-block-start:1px solid rgb(255 255 255/.14)}
.footer__bottom p{margin:0;color:var(--color-footer-sub)}
.footer__tools{display:flex;align-items:center;gap:var(--space-2)}
@media(min-width:56.25em){.footer__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.footer__bottom{flex-direction:row;justify-content:space-between}}
@media(min-width:75em){.footer__grid{grid-template-columns:1.6fr repeat(4,minmax(0,1fr))}.footer__brand{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}