.public-shell { margin: 0; background: #e5edf6; color: var(--ops-ink); font: 1rem/1.5 ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif; }
.public-shell a { color: inherit; text-decoration: none; }
.public-shell svg { width: 1.25rem; height: 1.25rem; }
.public-skip { position: absolute; z-index: 100; top: -5rem; left: 1rem; padding: .5rem; background: white; color: var(--ops-navy); }
.public-skip:focus { top: .5rem; }
.public-header { position: sticky; top: 0; z-index: 20; background: var(--ops-navy); color: var(--ops-white); box-shadow: 0 .125rem .625rem rgb(0 0 0 / 10%); }
.public-header-inner { max-width: 75rem; min-height: 4.375rem; margin: auto; padding: .5rem 1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.public-brand { display: flex; align-items: center; gap: .75rem; font-size: 1.1rem; }
.public-brand img { width: 2.75rem; height: 2.75rem; object-fit: contain; }
.public-nav, .public-header-actions { display: flex; align-items: center; gap: 1.25rem; }
.public-nav { font-size: .9rem; font-weight: 600; }
.public-nav [aria-current] { border-bottom: .1875rem solid var(--ops-gold); }
.public-nav span { color: #d2e5fa; }
.public-nav small { display: block; font-size: .65rem; font-weight: 400; }
.public-signin, .public-menu { border: .0625rem solid rgb(255 255 255 / 35%); border-radius: .5rem; padding: .5rem .75rem; background: transparent; color: white; font: inherit; font-weight: 700; }
.public-menu { display: none; cursor: pointer; }
.public-container { max-width: 75rem; margin: auto; padding: 2rem 1rem; }
.public-hero-container { width: 100%; margin-bottom: 2rem; border-radius: 1rem; overflow: hidden; box-shadow: 0 .25rem .75rem rgb(16 36 81 / 10%); background: var(--ops-navy); }
.public-hero-img { display: block; width: 100%; height: auto; max-height: 31.25rem; object-fit: cover; object-position: center; }
.public-visually-hidden { position: absolute; width: .0625rem; height: .0625rem; padding: 0; margin: -.0625rem; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.public-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: 1.5rem; margin-bottom: 2rem; }
.public-card, .public-panel, .public-empty, .public-advisory { background: var(--ops-white); border: .0625rem solid var(--ops-border); border-radius: .75rem; box-shadow: 0 .25rem .75rem rgb(16 36 81 / 5%); }
.public-card { position: relative; display: flex; flex-direction: column; overflow: hidden; padding: 2rem; border: .0625rem solid rgb(255 255 255 / 10%); border-radius: 1rem; color: var(--ops-white) !important; box-shadow: 0 .625rem 1.5625rem rgb(16 36 81 / 15%); animation: public-tally-enter .6s ease-out both; transition: transform .3s ease, box-shadow .3s ease; }
.public-card-schedule { background: linear-gradient(135deg, #0b5cab, #082b54); }.public-card-tally { background: linear-gradient(135deg, #b91c1c, #7f1d1d); }.public-card-advisories { background: linear-gradient(135deg, #1d4ed8, #0b5cab); }
.public-card:nth-child(1) { animation-delay: 100ms; }.public-card:nth-child(2) { animation-delay: 200ms; }.public-card:nth-child(3) { animation-delay: 300ms; }
.public-card::before { content: ''; position: absolute; inset: 0 0 50%; background: linear-gradient(rgb(255 255 255 / 10%), transparent); pointer-events: none; }
a.public-card:hover { transform: translateY(-.375rem); box-shadow: 0 1.25rem 2.5rem rgb(16 36 81 / 25%); }
.public-card-icon { position: relative; display: grid; place-items: center; width: 3.5rem; height: 3.5rem; margin-bottom: 1.5rem; border: .0625rem solid rgb(255 255 255 / 20%); border-radius: 1rem; background: rgb(255 255 255 / 15%); color: var(--ops-white); }
.public-card-icon svg { width: 1.75rem; height: 1.75rem; }.public-card-tally .public-card-icon { background: rgb(228 170 24 / 20%); border-color: rgb(228 170 24 / 40%); color: var(--ops-gold); }
.public-card-content { position: relative; flex: 1; }.public-card h2 { margin: 0 0 .75rem; color: var(--ops-white); font-size: 1.5rem; line-height: 1.2; }.public-card p { margin: 0 0 2rem; color: rgb(255 255 255 / 85%); }
.public-card-action { position: relative; display: flex; justify-content: space-between; align-items: center; gap: .5rem; padding: .85rem 1.25rem; border-radius: .5rem; background: var(--ops-gold); color: var(--ops-navy); font-weight: 800; }
a.public-card:hover .public-card-action { background: #fcd34d; }.public-card-action svg { transition: transform .2s ease; }a.public-card:hover .public-card-action svg { transform: translateX(.25rem); }.public-card-action.is-unavailable { background: rgb(255 255 255 / 18%); color: var(--ops-white); }
.public-card:focus-visible { outline: var(--ops-focus-width) solid var(--ops-focus-color); outline-offset: var(--ops-focus-offset); }
.public-panels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-bottom: 2rem; }
.public-panel { overflow: hidden; }
.public-panel header { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: 1rem 1.25rem; background: var(--ops-navy); color: white; }
.public-panel-link { color: var(--ops-gold) !important; font-size: .85rem; font-weight: 700; }
.public-panel h2 { margin: 0; font-size: 1.1rem; }
.public-panel-body { padding: 1.25rem; }
.public-schedule { --preview-color: #475569; --preview-tint: #f1f5f9; display: flex; align-items: center; gap: 1rem; padding: .75rem 0; border-bottom: .0625rem solid var(--ops-rule); transition: background .2s ease, transform .2s ease; }
.public-schedule::before { content: ''; flex: none; width: .625rem; height: .625rem; border-radius: 50%; background: var(--preview-color); box-shadow: 0 0 0 .1875rem var(--preview-tint); }
.public-schedule.sport-athletics { --preview-color: #0b5cab; --preview-tint: #e0f2fe; }.public-schedule.sport-basketball { --preview-color: #b45309; --preview-tint: #fef3c7; }.public-schedule.sport-volleyball { --preview-color: #166534; --preview-tint: #dcfce7; }.public-schedule.sport-arnis { --preview-color: #991b1b; --preview-tint: #fee2e2; }
.public-schedule:hover { background: var(--ops-soft-surface); transform: translateX(.25rem); }
.public-schedule:last-child { border: 0; }
.public-schedule.is-live { padding-inline: .5rem; background: #fffbeb; border-left: .25rem solid var(--ops-gold); }
.public-schedule-time { flex: 0 0 5.5rem; color: var(--ops-heading); font-weight: 800; }
.public-schedule-time small { font-weight: 400; }
.public-schedule-detail { min-width: 0; flex: 1; padding-left: 1rem; border-left: .0625rem solid var(--ops-rule); }
.public-schedule strong { display: block; }
.public-schedule p { display: flex; align-items: center; gap: .3rem; margin: .25rem 0 0; color: var(--ops-muted-text); font-size: .85rem; }
.public-schedule p svg { width: .9rem; height: .9rem; }
.public-live { display: inline-block; padding: .1rem .4rem; border-radius: 99rem; background: var(--ops-gold); color: var(--ops-navy); font-size: .7rem; font-weight: 800; }
.public-home-tally header h2 { display: flex; align-items: center; gap: .5rem; }
.public-tally { display: flex; align-items: center; gap: .75rem; padding: 1.25rem 1.5rem; border-bottom: .0625rem solid var(--ops-rule); animation: public-tally-enter .4s ease-out both; transition: transform .2s ease, background .2s ease; }
.public-tally:hover { transform: translateX(.375rem); background: var(--ops-soft-surface); }
.public-tally.rank-1 { background: linear-gradient(90deg, #fffbeb, #fff); }.public-tally.rank-2 { background: linear-gradient(90deg, #f1f5f9, #fff); }.public-tally.rank-3 { background: linear-gradient(90deg, #fff7ed, #fff); }
.public-unit { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ops-heading); font-size: 1.2rem; font-weight: 900; }
.public-rank { display: grid; place-items: center; flex: 0 0 2.5rem; color: var(--ops-muted-text); font-size: 1.25rem; font-weight: 900; }.public-rank svg { width: 1.25rem; height: 1.25rem; }.rank-1 .public-rank { color: #b45309; }.rank-2 .public-rank { color: #475569; }.rank-3 .public-rank { color: #9a3412; }
.public-medals { display: flex; flex: none; gap: 1.25rem; font-size: 1.25rem; font-weight: 900; }.public-medals .gold { color: #b45309; }.public-medals .silver { color: #475569; }.public-medals .bronze { color: #9a3412; }
.public-tally-footer { padding: 1.25rem; text-align: center; }.public-tally-footer a { color: var(--ops-action); font-size: .95rem; font-weight: 800; }.public-tally-footer a:hover { text-decoration: underline; }
@keyframes public-tally-enter { from { opacity: 0; transform: translateY(.75rem); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 500px) { .public-tally { padding: 1rem .75rem; gap: .35rem; }.public-unit { font-size: 1.05rem; }.public-rank { flex-basis: 2rem; font-size: 1.1rem; }.public-medals { gap: .5rem; font-size: 1.05rem; } }
@media (prefers-reduced-motion: reduce) { .public-tally, .public-card { animation: none; transition: none; }.public-tally:hover, a.public-card:hover, a.public-card:hover .public-card-action svg { transform: none; }.public-card-action svg { transition: none; } }
.public-empty, .public-empty-text { padding: 1rem; text-align: center; color: var(--ops-muted-text); }
.public-empty { padding: 4rem 1rem; }
.public-advisory { display: flex; align-items: flex-start; gap: 1.25rem; margin-top: 2rem; padding: 1.5rem; border-left: .375rem solid var(--ops-action); }
.public-advisory-icon { display: grid; place-items: center; flex: none; width: 3rem; height: 3rem; border-radius: 50%; background: var(--ops-pale-blue); color: var(--ops-action); }
.public-advisory h2 { margin: 0; font-size: 1rem; }.public-advisory p { margin: .25rem 0 0; color: var(--ops-muted-text); }

/* Advisories page + urgent variant (footer overrides the base bottom margin) */
.public-page-head { margin: 2rem 0 1.5rem; text-align: center; }
.public-page-head h1 { margin: 0 0 .5rem; color: var(--ops-heading); font-size: 2rem; font-weight: 800; }
.public-page-head p { margin: 0; color: var(--ops-muted-text); font-size: 1.05rem; }
.public-advisory-list { display: flex; flex-direction: column; gap: 1.25rem; max-width: 50rem; margin: 0 auto 2rem; }
.public-advisory-list .public-advisory { margin-top: 0; }
.public-advisory-body { display: block; min-width: 0; }
.public-advisory-body h2 { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.public-advisory-badge { padding: .12rem .5rem; border: .0625rem solid #fca5a5; border-radius: 62.4375rem; background: #fef2f2; color: #b4232f; font-size: .68rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.public-advisory.is-urgent { border-left-color: #b4232f; background: #fff7f7; }
.public-advisory.is-urgent .public-advisory-icon { background: #fef2f2; color: #b4232f; }
.public-advisory-meta { font-size: .78rem; font-weight: 600; }
.public-advisory-text { color: var(--ops-field-text) !important; line-height: 1.6; }
.public-advisory-link { display: inline-flex; align-items: center; gap: .35rem; margin-top: .75rem; color: var(--ops-action); font-size: .82rem; font-weight: 800; text-decoration: none; }
.public-advisory-link:hover { text-decoration: underline; }
.public-footer { margin-top: 3rem; padding: 3rem 1rem; background: var(--ops-navy); color: white; }
.public-footer-inner { max-width: 75rem; margin: auto; display: flex; justify-content: space-between; gap: 1rem; }
.public-footer p { margin: .5rem 0; }
.public-tally-link { display: inline-flex; justify-content: center; padding: .65rem 1rem; border-radius: .5rem; background: var(--ops-action); color: white !important; font-weight: 700; }
.public-tally-heading { margin-bottom: 1.5rem; text-align: center; color: var(--ops-heading); }
.public-tally-heading h1 { display: flex; align-items: center; justify-content: center; gap: .75rem; }.public-tally-heading h1 svg { width: 2.25rem; height: 2.25rem; color: var(--ops-gold); }
.public-tabs { display: flex; width: fit-content; max-width: 100%; gap: .35rem; overflow-x: auto; padding: .35rem; margin: 0 auto 2rem; border: .0625rem solid var(--ops-border); border-radius: .75rem; background: var(--ops-soft-surface); }
.public-tabs button { display: flex; align-items: center; gap: .5rem; flex: none; padding: .6rem 1.5rem; border: 0; border-radius: .5rem; background: transparent; color: var(--ops-muted-text); font: inherit; font-weight: 700; cursor: pointer; }
.public-tabs button svg { width: 1.125rem; height: 1.125rem; }.public-tabs button:hover { color: var(--ops-heading); }
.public-tabs button[aria-selected="true"] { background: var(--ops-white); color: var(--ops-action); box-shadow: 0 .125rem .5rem rgb(16 36 81 / 8%); }
.public-tabs button:focus-visible, .public-select:focus-visible { outline: var(--ops-focus-width) solid var(--ops-focus-color); outline-offset: var(--ops-focus-offset); }
.public-tally-board [hidden] { display: none !important; }
.public-select { display: block; width: min(100%, 25rem); margin: .4rem 0 1rem; padding: .75rem; border: .0625rem solid var(--ops-control-border); border-radius: .5rem; background: var(--ops-white); color: var(--ops-ink); font: inherit; }
.public-table-wrap { overflow-x: auto; }
.public-table { width: 100%; border-collapse: collapse; text-align: left; }
.public-table th, .public-table td { padding: .8rem; border-bottom: .0625rem solid var(--ops-rule); white-space: nowrap; }
.public-table thead th { background: var(--ops-soft-surface); color: var(--ops-muted-text); font-size: .75rem; text-transform: uppercase; }
.public-breakdown-title { padding: 1rem; margin: 0; color: var(--ops-heading); font-size: 1.1rem; }
.public-tally-board .public-panel { border-radius: 1rem; box-shadow: 0 .5rem 1.5rem rgb(16 36 81 / 6%); }
.public-tally-board .public-table th, .public-tally-board .public-table td { padding: 1.25rem 1.5rem; }
.public-tally-board .public-table thead th { background: var(--ops-white); }
.public-tally-board .public-table thead th svg { display: inline-block; width: 1.125rem; height: 1.125rem; vertical-align: middle; }
.public-tally-board .public-table tbody tr { animation: public-tally-enter .4s ease-out both; }.public-tally-board .public-table tbody tr:hover { background: var(--ops-soft-surface); }
.public-tally-board .tally-rank-1 { background: linear-gradient(90deg, #fffbeb, #fff); }.public-tally-board .tally-rank-2 { background: linear-gradient(90deg, #f8fafc, #fff); }.public-tally-board .tally-rank-3 { background: linear-gradient(90deg, #fff7ed, #fff); }
.public-rank-badge { display: inline-grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: var(--ops-soft-surface); color: var(--ops-muted-text); font-weight: 800; }.public-rank-badge svg { width: 1rem; height: 1rem; }
.public-rank-badge.rank-1 { background: #fef3c7; color: #b45309; }.public-rank-badge.rank-2 { background: #e2e8f0; color: #475569; }.public-rank-badge.rank-3 { background: #ffedd5; color: #9a3412; }
.public-unit-cell { display: flex; align-items: center; gap: .75rem; color: var(--ops-heading); font-weight: 800; }.public-unit-cell svg { flex: none; color: var(--ops-muted-text); }
.public-tally-board .medal-gold { color: #b45309; }.public-tally-board .medal-silver { color: #475569; }.public-tally-board .medal-bronze { color: #9a3412; }.public-tally-board tbody td { font-weight: 800; }
.public-tally-board-footer { padding: 1rem; background: var(--ops-soft-surface); color: var(--ops-muted-text); text-align: center; font-size: .85rem; }
@media (max-width: 600px) { .public-tabs button { padding: .5rem .75rem; font-size: .85rem; }.public-tally-board .public-table th, .public-tally-board .public-table td { padding: .85rem .5rem; }.public-rank-badge { width: 1.625rem; height: 1.625rem; } }
@media (prefers-reduced-motion: reduce) { .public-tally-board .public-table tbody tr { animation: none; } }
.public-schedule-toolbar { position: sticky; top: var(--public-header-height, 4.375rem); z-index: 10; padding: .5rem 0; margin-bottom: 1rem; background: #e5edf6; }
.public-schedule-filter-bar { display: flex; align-items: center; gap: .75rem; padding: .75rem; border: .0625rem solid var(--ops-border); border-radius: .75rem; background: var(--ops-white); box-shadow: 0 .125rem .5rem rgb(16 36 81 / 6%); }
.public-schedule-search { display: flex; flex: 1; min-width: 0; align-items: center; gap: .75rem; padding: 0 .85rem; border: .0625rem solid var(--ops-border); border-radius: .5rem; background: var(--ops-soft-surface); color: var(--ops-muted-text); }
.public-schedule-search:focus-within { outline: var(--ops-focus-width) solid var(--ops-focus-color); outline-offset: var(--ops-focus-offset); }
.public-schedule-search input { width: 100%; min-width: 0; padding: .8rem 0; border: 0; outline: 0; background: transparent; color: var(--ops-ink); font: inherit; }
.public-schedule-sport { position: relative; flex: 0 0 13.75rem; }
.public-schedule-sport select, .public-sport-trigger { box-sizing: border-box; width: 100%; padding: .8rem .75rem; border: .0625rem solid var(--ops-border); border-radius: .5rem; background: var(--ops-white); color: var(--ops-heading); font: inherit; font-weight: 700; cursor: pointer; }
.public-sport-trigger { display: flex; align-items: center; gap: .6rem; text-align: left; }
.public-sport-selected-icon, .public-sport-options svg { color: var(--ops-action); }
.public-sport-trigger svg, .public-sport-options svg { display: block; flex: none; width: 1.15rem; height: 1.15rem; }
.public-sport-selected-icon svg[fill="currentColor"], .public-sport-options svg[fill="currentColor"] { fill: none; stroke: currentColor; stroke-width: 2; }
.public-sport-selected-name { flex: 1; min-width: 0; }
.public-sport-options { position: absolute; z-index: 20; top: calc(100% + .25rem); left: 0; right: 0; max-height: 17rem; overflow-y: auto; border: .0625rem solid var(--ops-border); border-radius: .5rem; background: var(--ops-white); box-shadow: 0 .5rem 1rem rgb(16 36 81 / 15%); }
.public-sport-options button { display: flex; align-items: center; gap: .65rem; width: 100%; padding: .7rem .8rem; border: 0; background: transparent; color: var(--ops-heading); font: inherit; text-align: left; cursor: pointer; }
.public-sport-options button:hover, .public-sport-options button:focus-visible, .public-sport-options button[aria-selected="true"] { background: var(--ops-pale-blue); }
.public-schedule-sport [hidden] { display: none !important; }
.public-schedule-sport select:focus-visible, .public-sport-trigger:focus-visible, .public-sport-options button:focus-visible { outline: var(--ops-focus-width) solid var(--ops-focus-color); outline-offset: calc(-1 * var(--ops-focus-width)); }
.public-schedule-no-matches { padding: 4rem 1rem; border: .0625rem solid var(--ops-border); border-radius: .75rem; background: var(--ops-white); text-align: center; color: var(--ops-muted-text); }
.public-schedule-no-matches h2 { color: var(--ops-heading); font-size: 1.25rem; }
.public-schedule-no-matches[hidden] { display: none; }
.public-day { margin-bottom: 2rem; }.public-day h2 { position: sticky; top: calc(var(--public-header-height, 4.375rem) + var(--schedule-toolbar-height, 8rem)); z-index: 5; margin: 0 0 1rem; padding: .5rem 0; border-bottom: .125rem solid var(--ops-border); background: #e5edf6; color: var(--ops-heading); font-size: 1.1rem; }
.public-day-cards { position: relative; display: grid; gap: .75rem; padding-left: 1.5rem; }
.public-day-cards::before { content: ''; position: absolute; left: .3125rem; top: 0; bottom: 0; width: .125rem; background: var(--ops-border); }
.public-schedule-card { --sport-accent: #526985; --sport-background: #f1f5f9; position: relative; display: flex; gap: 1rem; padding: 1.25rem; border: .0625rem solid var(--ops-border); border-radius: .75rem; background: var(--ops-white); box-shadow: 0 .25rem .75rem rgb(16 36 81 / 3%); animation: public-tally-enter .4s ease-out both; transition: transform .2s ease, box-shadow .2s ease; }
.public-schedule-card::before { content: ''; position: absolute; left: -1.4375rem; top: 1.5rem; width: .75rem; height: .75rem; border: .1875rem solid var(--sport-accent); border-radius: 50%; background: var(--ops-white); box-shadow: 0 0 0 .25rem #e5edf6; }
.public-schedule-card.sport-athletics { --sport-accent: #0b5cab; --sport-background: #e0f2fe; }.public-schedule-card.sport-basketball { --sport-accent: #b45309; --sport-background: #fef3c7; }.public-schedule-card.sport-volleyball { --sport-accent: #166534; --sport-background: #dcfce7; }.public-schedule-card.sport-arnis { --sport-accent: #991b1b; --sport-background: #fee2e2; }
.public-schedule-card:hover { transform: translateY(-.125rem); box-shadow: 0 .5rem 1.5rem rgb(16 36 81 / 8%); }
.public-schedule-card.is-live { border-left: .25rem solid var(--ops-gold); background: #fffbeb; }
.public-card-time { display: flex; flex: 0 0 7rem; flex-direction: column; gap: .2rem; padding-right: 1rem; border-right: .0625rem solid var(--ops-rule); color: var(--ops-action); }.public-card-time span { color: var(--ops-muted-text); font-size: .75rem; }
.public-card-detail { min-width: 0; }.public-card-detail h3 { margin: .4rem 0; color: var(--ops-heading); font-size: 1rem; }.public-card-detail p { display: flex; align-items: center; gap: .3rem; margin: 0; color: var(--ops-muted-text); }.public-card-detail p svg { width: .9rem; height: .9rem; }.public-sport-label { display: inline-block; padding: .2rem .5rem; border-radius: 99rem; background: var(--sport-background); color: var(--sport-accent); font-size: .75rem; font-weight: 800; }
.public-sport-trigger[aria-expanded="true"] { border-color: var(--ops-action); }.public-sport-trigger > svg:last-child { transition: transform .2s ease; }.public-sport-trigger[aria-expanded="true"] > svg:last-child { transform: rotate(180deg); }
.public-timeline [hidden], .public-day[hidden] { display: none !important; }
@media (max-width: 900px) { .public-panels { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .public-schedule-card { animation: none; transition: none; }.public-schedule-card:hover { transform: none; }.public-sport-trigger > svg:last-child { transition: none; } }
@media (prefers-reduced-motion: reduce) { .public-schedule { transition: none; }.public-schedule:hover { transform: none; } }
@media (max-width: 500px) { .public-advisory { flex-direction: column; gap: .75rem; padding: 1.25rem; }.public-schedule { gap: .5rem; }.public-schedule-time { flex-basis: 4.5rem; }.public-schedule-detail { padding-left: .5rem; } }
@media (max-width: 768px) { .public-schedule-filter-bar { flex-direction: column; align-items: stretch; gap: .5rem; }.public-schedule-sport { flex: auto; width: 100%; } }
@media (max-width: 600px) { .public-menu { display: block; }.public-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; padding: 1rem; background: var(--ops-navy); }.public-header.is-menu-open .public-nav { display: flex; flex-direction: column; align-items: stretch; }.public-hero-container { border-radius: .75rem; }.public-hero-img { max-height: 15.625rem; }.public-footer-inner { flex-direction: column; }.public-schedule-card { flex-direction: column; padding: 1rem; }.public-card-time { flex: auto; flex-direction: row; align-items: baseline; gap: .5rem; padding: 0 0 .5rem; border-right: 0; border-bottom: .0625rem solid var(--ops-rule); } }