.ocf-standard-grid { display:grid;grid-template-columns:280fr 864fr;gap:calc(var(--ocf-grid-gap) * 2.5);align-items:start; }.ocf-standard-grid .ocf-article-toc { position:sticky;top:var(--cardiff-sticky-top); }.prose table { width:100%;border-collapse:collapse;margin-block:var(--ocf-grid-gap);background:var(--cardiff-bg-alt); }.prose td,.prose th { padding:calc(var(--ocf-grid-gap) * 0.75);text-align:left;border-bottom:var(--card-border-width) solid var(--ocf-border); }.prose th { background:var(--cardiff-band);color:var(--ocf-heading-alt);font-size:var(--ocf-font-small-size); }
.ocf-not-found { background:var(--cardiff-bg-alt); }.ocf-not-found-grid { display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--ocf-grid-gap) * 2.5);align-items:center; }.ocf-not-found-code { font-size:calc(var(--font-h1-size) * 2.2);line-height:1;color:var(--ocf-link);font-weight:var(--ocf-font-h1-weight);margin-bottom:var(--ocf-grid-gap); }.ocf-not-found-grid .heading-2 { margin-bottom:calc(var(--ocf-grid-gap) * 0.75); }.ocf-not-found-grid p:not(.ocf-not-found-code) { margin-bottom:calc(var(--ocf-grid-gap) * 0.75); }.ocf-not-found-grid img { width:100%;height:var(--ocf-not-found-image-height);object-fit:cover; }.ocf-not-found-links { display:flex;gap:var(--ocf-grid-gap);margin-top:calc(var(--ocf-grid-gap) * 0.75); }
@media(max-width:767px) { .ocf-standard-grid,.ocf-not-found-grid { grid-template-columns:1fr;gap:calc(var(--ocf-grid-gap) * 1.25); }.ocf-standard-grid .ocf-article-toc { position:static; }.prose td,.prose th { padding:calc(var(--ocf-grid-gap) * 0.375); }.ocf-not-found-grid img { height:var(--ocf-not-found-image-height-mobile); } }
.ocf-standard-single { max-width: var(--ocf-content-width); margin-inline: auto; }

/* Cardiff: general content pages (privacy, terms) — 288px "On this page" rail beside an 800px reading column,
 * article-scale H2s separated by hairline rules. */
.ocf-standard-grid { grid-template-columns: minmax(0, 288px) minmax(0, 800px); justify-content: space-between; }

.ocf-standard-page__content h2 {
    margin: calc(var(--ocf-grid-gap) * 1.5) 0 calc(var(--ocf-grid-gap) * 0.5);
    padding-top: calc(var(--ocf-grid-gap) * 1.5);
    border-top: var(--card-border-width) solid var(--ocf-border);
    font-size: calc(var(--font-h3-size) * 1.333);
    line-height: 1.1;
}

.ocf-standard-page__content > h2:first-child,
.ocf-standard-page__content > :first-child h2:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.ocf-article-toc {
    padding: calc(var(--ocf-space-unit) * 1.5);
    border: var(--card-border-width) solid var(--ocf-border);
    background: var(--cardiff-bg-alt);
}

/* Thank-you page (plugin [ocf_thank_you] shortcode): a centered pressed card edged by the triple stripe. */
.ocf-thank-you {
    position: relative;
    max-width: 760px;
    margin: 0 auto;
    overflow: hidden;
    padding: calc(var(--ocf-space-unit) * 4) calc(var(--ocf-space-unit) * 2.5) calc(var(--ocf-space-unit) * 3);
    border: var(--button-border-width) solid var(--cardiff-ink);
    border-radius: var(--card-radius-lg);
    background: var(--ocf-bg);
    box-shadow: 0 calc(var(--cardiff-press) + 3px) 0 var(--cardiff-ink);
    text-align: center;
}

.ocf-thank-you::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 14px;
    background: linear-gradient(180deg, var(--cardiff-tint) 0 33.33%, var(--ocf-border) 33.33% 66.67%, var(--cardiff-ink) 66.67% 100%);
}

.ocf-thank-you .ocf-thank-you__title { text-transform: uppercase; }
.ocf-thank-you .ocf-thank-you__message { max-width: 36rem; margin-inline: auto; }

html[data-theme="dark"] .ocf-thank-you { background: var(--ocf-dark-bg-alt); border-color: var(--ocf-dark-border); box-shadow: 0 calc(var(--cardiff-press) + 3px) 0 #000; }
