.op-pagination{margin-block:2rem;padding:1.5rem;border:1px solid var(--wp--preset--color--line,#d8ded7);border-radius:6px}.op-pagination p{margin:0 0 .75rem}.op-pagination progress{display:block;width:100%;height:.4rem;margin-bottom:1rem;accent-color:var(--wp--preset--color--accent,#245c42)}.op-pagination-buttons,.op-pagination-numbers{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.75rem}.op-pagination a,.op-pagination .post-page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:.5rem .8rem;border:1px solid currentColor;border-radius:4px;text-decoration:none}.op-pagination [aria-current]{font-weight:700;background:var(--wp--preset--color--ink,#202722);color:var(--wp--preset--color--paper,#faf9f6)}.op-ad{width:100%;max-width:var(--op-site-width,1200px);min-height:var(--op-ad-height,250px);margin:var(--op-ad-spacing,32px) auto;padding:8px 0;contain:layout;box-sizing:border-box;background:var(--wp--preset--color--paper,#faf9f6);text-align:center}.op-ad-label{display:block;font:11px/1.5 system-ui,sans-serif;letter-spacing:.04em;color:var(--wp--preset--color--muted,#59625b)}.op-ad-mount{min-height:calc(var(--op-ad-height,250px) - 33px)}.op-ad-preview{border:2px dashed #777;padding:2rem}.op-breadcrumbs{font-size:.875rem;margin-bottom:1.5rem}.op-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0}.op-breadcrumbs li+li:before{content:'/';margin-right:.5rem}.op-related ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:1rem;list-style:none;padding:0}.op-related li{border:1px solid var(--wp--preset--color--line,#ddd);padding:1rem;border-radius:5px}.op-toc{padding:1rem;border:1px solid var(--wp--preset--color--line,#ddd)}.op-toc a{display:inline-block;padding:.3rem 0}.op-archive-ad{grid-column:1/-1;list-style:none}@media(max-width:781px){.op-ad{min-height:var(--op-ad-mobile-height,250px)}.op-ad-mount{min-height:calc(var(--op-ad-mobile-height,250px) - 33px)}.op-pagination{padding:1rem}}@media print{.op-ad{display:none}}

/* Circular article navigation. Labels remain available to assistive technology. */
.op-pagination--arrows{position:relative;padding:9px 16px;border:0;border-inline:1px solid var(--wp--preset--color--line,#ededed);border-radius:0;background:var(--wp--preset--color--surface,#fff)}
.op-pagination--arrows>p,.op-pagination--arrows .op-pagination-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.op-pagination--arrows .op-pagination-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;gap:1rem;margin:0}
.op-pagination--arrows .op-pagination-buttons>a,.op-pagination--arrows .op-pagination-disabled{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:2px solid currentColor;border-radius:50%;background:var(--wp--preset--color--surface,#fff);color:var(--wp--preset--color--ink,#111);box-shadow:0 2px 4px #00000014;text-decoration:none}
.op-pagination--arrows .op-pagination-buttons>a:first-child{color:#888}
.op-pagination--arrows .op-pagination-disabled{color:#a0a0a0}
.op-pagination-icon{display:block;width:14px;height:14px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor}
.op-pagination-icon--previous{transform:translateX(3px) rotate(-135deg)}
.op-pagination-icon--next{transform:translateX(-3px) rotate(45deg)}
[dir=rtl] .op-pagination-icon--previous{transform:translateX(-3px) rotate(45deg)}
[dir=rtl] .op-pagination-icon--next{transform:translateX(3px) rotate(-135deg)}
.op-pagination--arrows .op-pagination-buttons>a:hover{box-shadow:0 2px 6px #00000026}
.op-pagination--arrows .op-pagination-buttons>a:focus-visible{outline:3px solid var(--wp--preset--color--accent,#245c42);outline-offset:4px}
.op-ad{border:1px dashed var(--wp--preset--color--line,#d8ded7);border-radius:4px;background:var(--wp--preset--color--surface,#fff)}
.op-ad-mount{position:relative;display:grid;align-items:center}
.op-ad-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:var(--wp--preset--color--muted,#59625b);font:500 .85rem/1.5 system-ui,sans-serif;pointer-events:none}
.op-ad-filled .op-ad-placeholder{display:none}
.op-load-more{text-align:center;margin-block:2.5rem}
.op-load-more-button,.op-share-buttons>a,.op-share-buttons>button,.op-back-to-top{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.6rem 1.25rem;border:1px solid var(--wp--preset--color--accent,#245c42);border-radius:6px;background:var(--wp--preset--color--surface,#fff);color:var(--wp--preset--color--accent,#245c42);font:600 .9rem/1.5 system-ui,sans-serif;text-decoration:none;cursor:pointer}
.op-load-more-button{min-width:200px;background:var(--wp--preset--color--accent,#245c42);color:var(--wp--preset--color--paper,#fff)}
.op-load-more-button[aria-disabled=true]{opacity:.65;cursor:wait}
.op-load-more-previous{display:block;width:fit-content;margin:0 auto 1rem}
.op-load-more-status,.op-share p[role=status]{font-size:.875rem;min-height:1.5em}
.op-share{padding-block:1.5rem;border-block:1px solid var(--wp--preset--color--line,#d8ded7);margin-block:2rem}
.op-share h2{font-size:1.3rem;margin-top:0}
.op-share-buttons{display:flex;flex-wrap:wrap;gap:.6rem}
.op-back-to-top{position:fixed;inset-inline-end:1rem;bottom:1rem;z-index:30;box-shadow:0 2px 8px #0002}
.op-related{margin-block:3rem}
.op-related li{padding:0;overflow:hidden;background:var(--wp--preset--color--surface,#fff);display:flex;flex-direction:column}
.op-related li>a{display:block;height:100%;color:var(--wp--preset--color--ink,#202722);text-decoration:none}
.op-related img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.op-related-title{display:-webkit-box;-webkit-line-clamp:var(--op-title-lines,3);-webkit-box-orient:vertical;overflow:hidden;font-weight:700;line-height:1.35;margin:1rem}
.op-related-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.9rem;line-height:1.6;margin:0 1rem 1rem;color:var(--wp--preset--color--muted,#59625b)}
.op-related-category{display:block;font-size:.75rem;margin:1rem 1rem 0;color:var(--wp--preset--color--accent,#245c42)}
.op-related li:focus-within{outline:3px solid var(--wp--preset--color--accent,#245c42);outline-offset:3px}
.op-pagination--arrows .op-pagination-buttons>a,.op-pagination--arrows .op-pagination-disabled{width:var(--op-arrow-size,44px);height:var(--op-arrow-size,44px);flex-basis:var(--op-arrow-size,44px)}
[hidden]{display:none!important}
@media print{.op-share,.op-back-to-top,.op-load-more{display:none}}
.op-share-buttons>a,.op-share-buttons>button{gap:.55rem;border-color:var(--wp--preset--color--line,#d8ded7);color:var(--wp--preset--color--ink,#202722);transition:background-color .15s,border-color .15s}
.op-share-buttons>a:hover,.op-share-buttons>button:hover{background:var(--wp--preset--color--paper,#faf9f6);border-color:var(--wp--preset--color--accent,#245c42)}
.op-share--icons .op-share-buttons>a,.op-share--icons .op-share-buttons>button{width:44px;padding:0;border-radius:50%}
.op-share--icons .op-share-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.op-share--text .op-icon{display:none}
.op-icon{display:block;flex-shrink:0}
@media(prefers-reduced-motion:reduce){.op-share-buttons>a,.op-share-buttons>button{transition:none}}
@media(max-width:781px){.op-ad[data-op-device=desktop]{display:none}}
@media(min-width:782px){.op-ad[data-op-device=mobile]{display:none}}

/* Placements outside the main container use the same viewport gutters. */
.wp-site-blocks>.op-ad,.wp-site-blocks>header+.op-ad{width:calc(100% - 2*var(--op-gutter,clamp(1rem,4vw,3rem)))}
/* Icon-only return control; the translated accessible name is on the button. */
.op-back-to-top{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid var(--wp--preset--color--line,#d8ded7);border-radius:50%;background:var(--wp--preset--color--surface,#fff);color:var(--wp--preset--color--ink,#202722);box-shadow:0 3px 12px #20272212}
.op-back-to-top:hover{border-color:var(--wp--preset--color--accent,#245c42)}
