/* Header/Footer Variants (A/B) - P1.1 */ .oic-header{padding:14px 0} .oic-footer{padding:18px 0;margin-top:24px} .oic-header__inner,.oic-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:12px} .oic-site-title{font-weight:800;text-decoration:none} .oic-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:12px;flex-wrap:wrap} .oic-nav a{text-decoration:none} /* Variant A (Light) */ .oic-header--a{background:var(--oic-header-bg-a,#ffffff)} .oic-footer--a{background:var(--oic-footer-bg-a,#f3f4f6)} /* Variant B (Dark) */ .oic-header--b{background:var(--oic-header-bg-b,#0b1220);color:var(--oic-header-fg-b,#ffffff)} .oic-header--b a{color:inherit} .oic-footer--b{background:var(--oic-footer-bg-b,#111827);color:var(--oic-footer-fg-b,#ffffff)} .oic-footer--b a{color:inherit} /* Dark mode foundation (auto + toggle) Uses data-theme on when set. */ html[data-theme="dark"]{ --oic-color-bg: #0b0f14; --oic-color-text: #e6e6e6; --oic-color-surface: #121821; --oic-color-border: rgba(255,255,255,.12); } /* Full-width container (used when Container Mode = Full) */ .oic-container-full{ width:100%; max-width:none; margin-inline:auto; padding-inline:16px; } @media (min-width: 768px){ .oic-container-full{padding-inline:24px} } /* Minimal cards/grid for archives/search (P4) */ .oic-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:16px} @media (min-width: 768px){.oic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}} @media (min-width: 1024px){.oic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}} .oic-card-item{border:1px solid var(--oic-color-border, #e5e7eb);border-radius:12px;overflow:hidden;background:var(--oic-color-surface, #fff)} .oic-card-item__link{display:block;color:inherit;text-decoration:none} .oic-card-item__thumb img{display:block;width:100%;height:auto} .oic-card-item__title{padding:12px;font-size:18px;line-height:1.2;margin:0} .oic-entry-header{margin-bottom:16px} .oic-entry-title{font-size:28px;line-height:1.15;margin:0 0 12px} @media (min-width: 768px){.oic-entry-title{font-size:36px}} .oic-entry-thumb img{width:100%;height:auto;border-radius:12px;display:block} .oic-entry-content{margin-top:14px} .oic-archive-header{margin: 0 0 16px} .oic-archive-title{font-size:24px;margin:0} @media (min-width:768px){.oic-archive-title{font-size:30px}} .oic-pagination{margin-top:18px} /* P73: Card elements toggles (meta/excerpt/read more) */ .oic-card-item__meta{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px 10px;font-size:13px;line-height:1.2;opacity:.85} .oic-card-item__meta a{color:inherit;text-decoration:none} .oic-card-item__excerpt{padding:0 12px 12px;margin:0;font-size:14px;line-height:1.55;opacity:.9} .oic-card-item__more-wrap{padding:0 12px 14px} .oic-card-item__more-wrap.is-align-auto{text-align:start} .oic-card-item__more-wrap.is-align-left{text-align:left} .oic-card-item__more-wrap.is-align-center{text-align:center} .oic-card-item__more-wrap.is-align-right{text-align:right} .oic-card-item__more{display:inline-block;font-size:13px;line-height:1;border:1px solid var(--oic-color-border, #e5e7eb);border-radius:999px;padding:8px 12px;text-decoration:none}