.okr-profile{--okr-accent:#1769c2;--okr-ink:#17191d;max-width:1080px;margin:2rem auto;color:var(--okr-ink);font-family:inherit;line-height:1.6}.okr-profile *{box-sizing:border-box}.okr-profile .okr-hero{display:flex;align-items:center;gap:2rem;padding:2.5rem;background:linear-gradient(120deg,#181a20,#30333b);color:#fff;border-radius:1rem;border-bottom:6px solid var(--okr-accent);margin-bottom:1.5rem}.okr-profile .okr-hero h1,.okr-profile .okr-hero h2{color:#fff;margin:.4rem 0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.15}.okr-profile .okr-hero p{color:#e4e5e9;margin:.5rem 0}.okr-profile .okr-kicker{font-size:.75rem;font-weight:800;letter-spacing:.15em}.okr-profile .okr-avatar{display:block;width:160px;height:160px;object-fit:cover;border-radius:50%;border:4px solid #fff;flex-shrink:0}.okr-profile .okr-placeholder{display:grid;place-items:center;background:#424650;font-size:4rem}.okr-profile .okr-badge{display:inline-block;padding:.25rem .75rem;margin-top:.7rem;border:1px solid #737782;border-radius:2rem;font-size:.8rem}.okr-profile .okr-card{background:#f5f6f8;border:1px solid #e2e4e8;border-radius:1rem;padding:1.75rem;margin-bottom:1.25rem}.okr-profile h3{margin:0 0 1rem;font-size:1.45rem}.okr-profile .okr-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.okr-profile .okr-wide{grid-column:1/-1}.okr-profile label{display:block;font-weight:650;margin-bottom:.5rem}.okr-profile input[type=text],.okr-profile textarea{width:100%;background:white;border:1px solid #c4c8d0;border-radius:.4rem;padding:.8rem;color:#17191d;font-size:1rem;height:auto}.okr-profile input[type=file]{display:block;max-width:100%;padding:.8rem 0}.okr-profile .okr-help{font-size:.85rem;color:#545a65;margin:.5rem 0}.okr-profile .okr-check{display:flex;align-items:flex-start;gap:.6rem;font-weight:400;margin:.8rem 0}.okr-profile .okr-check input{margin:.3rem 0 0;accent-color:var(--okr-accent);width:1.1rem;height:1.1rem;flex-shrink:0}.okr-profile .button{background:var(--okr-accent);color:#fff;border:0;border-radius:.4rem;padding:.9rem 1.5rem;font-weight:750;text-transform:none;display:inline-block}.okr-profile .button:hover{background:#104f98;color:#fff}.okr-profile a:focus-visible,.okr-profile button:focus-visible,.okr-profile input:focus-visible,.okr-profile textarea:focus-visible{outline:3px solid #307be6;outline-offset:3px}.okr-profile .okr-notice{padding:1rem;border-left:4px solid var(--okr-accent);background:#eef6ff}.okr-profile .okr-links{display:flex;gap:1.5rem;flex-wrap:wrap;margin:1.5rem 0}.okr-profile .okr-break{overflow-wrap:anywhere}.okr-profile .okr-lines{white-space:pre-line}.okr-profile .okr-welcome{padding:2rem}.okr-welcome{padding:2rem;background:#f5f6f8;border-left:5px solid #1769c2;border-radius:.7rem}.okr-public{padding:0 1rem}.okr-profile .okr-card h2{font-size:1.4rem}.okr-profile .okr-grid>.okr-card{margin:0}.okr-profile .okr-grid{margin-bottom:1rem}@media(max-width:650px){.okr-profile .okr-hero{flex-direction:column;align-items:flex-start;padding:1.5rem;gap:1rem}.okr-profile .okr-avatar{width:112px;height:112px}.okr-profile .okr-grid{grid-template-columns:1fr}.okr-profile .okr-card{padding:1.25rem}.okr-profile .okr-save{width:100%}}
.okr-profile [hidden]{display:none!important}
.okr-profile .okr-hero{padding:1.5rem;gap:1.25rem}.okr-profile .okr-avatar{width:112px;height:112px}.okr-profile .okr-hero h2{font-size:2rem}.okr-profile .okr-card{padding:1.25rem}.okr-profile .okr-stream-notice{margin:.75rem 0 0;padding:.9rem 1rem;background:#fff;border-left:3px solid #1769c2;font-size:.9rem}.okr-profile .okr-card>p:last-child{margin-bottom:0}.okr-profile .okr-placeholder{font-size:3rem}
/* Rider card layout */
.okr-profile .okr-hero {
    position: relative;
    padding: 2rem;
    background: linear-gradient(115deg, #16191f 0%, #272c35 72%, #203f65 100%);
    border-radius: 1rem;
}
.okr-profile .okr-hero h2 { font-size: clamp(1.75rem, 3.4vw, 2.65rem); font-weight: 700; }
.okr-profile .okr-hero .okr-kicker { color: #91c6ff; }
.okr-profile .okr-section {
    background: #f7f8fa;
    border: 1px solid #e4e7ec;
    padding: 1.5rem;
}
.okr-profile .okr-section-title { display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1.5rem; }
.okr-profile .okr-section-number {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .65rem;
    background: #e6f1ff;
    color: #175b9d;
    font-size: .85rem;
    font-weight: 800;
}
.okr-profile .okr-section-title h3 { margin: 0 0 .2rem; font-weight: 650; font-size: 1.3rem; }
.okr-profile .okr-section-title p { margin: 0; color: #646c79; font-size: .9rem; }
.okr-profile .okr-field label { color: #343b47; font-size: .9rem; }
.okr-profile .okr-field input,
.okr-profile .okr-field select,
.okr-profile .okr-field textarea {
    width: 100%;
    min-height: 3rem;
    border: 1px solid #cbd1da;
    border-radius: .6rem;
    background-color: #fff;
    color: #17191d;
    font-size: 1rem;
    padding: .8rem 1rem;
    line-height: 1.4;
}
.okr-profile .okr-field select { padding-right: 2.4rem; cursor: pointer; }
.okr-profile select:focus-visible { outline: 3px solid #307be6; outline-offset: 3px; }
.okr-profile .okr-field input:hover,
.okr-profile .okr-field select:hover { border-color: #8b96a7; }
.okr-profile input[type=file] { width: 100%; color: #596270; font-size: .9rem; }
.okr-profile input[type=file]::file-selector-button {
    margin-right: .8rem;
    border: 0;
    border-radius: .5rem;
    padding: .7rem 1rem;
    background: #1769c2;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}
.okr-profile .okr-save { min-width: 12rem; border-radius: .6rem; padding: 1rem 1.5rem; }
@media (max-width: 650px) {
    .okr-profile .okr-hero { padding: 1.4rem; }
    .okr-profile .okr-section { padding: 1.1rem; }
    .okr-profile .okr-section-title { gap: .75rem; }
    .okr-profile .okr-field input,
    .okr-profile .okr-field select { font-size: 1rem; }
}
/* Light profile header */
.okr-profile .okr-hero {
    background: linear-gradient(115deg, #f0f7ff 0%, #fff 78%);
    color: #222936;
    border: 1px solid #d6e4f3;
    border-left: 5px solid #1769c2;
    border-bottom: 1px solid #d6e4f3;
    box-shadow: 0 .4rem 1.5rem rgba(35, 78, 125, .05);
}
.okr-profile .okr-hero h1,
.okr-profile .okr-hero h2 { color: #222936; }
.okr-profile .okr-hero p { color: #697180; }
.okr-profile .okr-hero .okr-kicker { color: #205f9f; }
.okr-profile .okr-hero .okr-badge { color: #205f9f; background: #e7f2ff; border-color: #c6def7; }
.okr-profile .okr-placeholder { background: #e3eefb; border-color: #fff; }
/* Private account dashboard */
.okr-dashboard ~ h3.title,
.okr-dashboard ~ h3.title + p { display: none; }
.okr-profile.okr-dashboard { margin: 0 0 2rem; }
.okr-profile .okr-dash-welcome { margin-bottom: 1.5rem; padding: 1.75rem; border: 1px solid #d8e5f3; border-left: 5px solid #1769c2; border-radius: 1rem; background: linear-gradient(110deg,#edf6ff,#fff); }
.okr-profile .okr-dash-welcome .okr-kicker { color: #205f9f; }
.okr-profile .okr-dash-welcome h2 { margin: .5rem 0; font-size: 2rem; color: #222936; font-weight: 700; }
.okr-profile .okr-dash-welcome p { margin: 0; color: #656d79; }
.okr-profile .okr-dash-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 1rem; }
.okr-profile .okr-dash-grid .okr-card { margin: 0; padding: 1.5rem; background: #f8f9fb; }
.okr-profile .okr-dash-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.okr-profile .okr-dash-heading h3 { margin: 0; }
.okr-profile .okr-dash-heading strong { color: #1769c2; font-size: 2.4rem; line-height: 1; }
.okr-profile .okr-dash-heading small { font-size: 1rem; margin-left: .2rem; }
.okr-profile .okr-progress { height: .65rem; overflow: hidden; border-radius: 1rem; background: #e7e9ef; }
.okr-profile .okr-progress span { display: block; height: 100%; background: linear-gradient(90deg,#1769c2,#6ab5ef); border-radius: inherit; }
.okr-profile .okr-missing-label { margin: 1.2rem 0 .5rem; font-size: .9rem; font-weight: 650; }
.okr-profile .okr-missing { display: flex; flex-wrap: wrap; gap: .4rem; list-style: none; padding: 0; margin: 0 0 1rem; }
.okr-profile .okr-missing li { border: 1px solid #e2dfe4; border-radius: 2rem; padding: .3rem .75rem; background: #fff; font-size: .8rem; }
.okr-profile .okr-ready { color: #326348; }
.okr-profile .okr-records .okr-kicker { font-size: .65rem; color: #6a7180; }
.okr-profile .okr-records h3 { margin-top: .4rem; }
.okr-profile .okr-dash-grid dl { margin: 0; }
.okr-profile .okr-dash-grid dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: .65rem 0; border-bottom: 1px solid #e4e7ed; }
.okr-profile .okr-dash-grid dt { color: #667080; font-size: .9rem; font-weight: 400; }
.okr-profile .okr-dash-grid dd { margin: 0; font-weight: 650; text-align: right; }
.okr-profile .okr-records dd { font-variant-numeric: tabular-nums; }
.okr-profile .okr-riding { grid-column: 1/-1; }
.okr-profile .okr-riding dl { display: grid; grid-template-columns: 1fr 1fr; column-gap: 2rem; }
.okr-profile .okr-dash-footnote { margin: 1rem 0 0; color: #6a7180; font-size: .85rem; }
@media(max-width:650px) {
    .okr-profile .okr-dash-grid,
    .okr-profile .okr-riding dl { grid-template-columns: 1fr; }
    .okr-profile .okr-dash-welcome { padding: 1.25rem; }
    .okr-profile .okr-dash-grid .okr-card { padding: 1.2rem; }
}
/* Interactive rider profile */
.okr-profile .okr-hero { align-items: center; flex-wrap: wrap; padding: 2rem; background: linear-gradient(120deg,#f1f8ff 5%,#fff 65%,#e4f2ff); border-left-width: 0; border-top: 5px solid #1769c2; }
.okr-profile .okr-hero-info { flex: 1; min-width: 12rem; }
.okr-profile .okr-photo-form { position: relative; flex: 0 0 auto; width: 112px; max-width: none; margin: 0; padding: 0; border: 0; text-align: center; }
.okr-profile .okr-photo-menu summary { display: inline-block; margin-top: .4rem; color: #175b9d; font-size: .8rem; font-weight: 650; cursor: pointer; list-style: none; }
.okr-profile .okr-photo-menu summary::-webkit-details-marker { display: none; }
.okr-profile .okr-photo-menu summary:focus-visible { outline: 3px solid #307be6; outline-offset: 3px; }
.okr-profile .okr-photo-menu .okr-photo-tools { position: absolute; z-index: 20; top: 100%; left: 0; width: min(17rem, 75vw); padding: 1rem; border: 1px solid #d6e4f3; border-radius: .7rem; background: #fff; box-shadow: 0 .5rem 1.5rem rgba(35,78,125,.14); text-align: left; }
.okr-profile .okr-photo-tools label { font-size: .8rem; color: #606775; }
.okr-profile .okr-photo-tools input[type=file] { font-size: .75rem; padding: .4rem 0; }
.okr-profile .okr-photo-tools input[type=file]::file-selector-button { font-size: .8rem; padding: .6rem .8rem; }
.okr-profile .okr-photo-tools .okr-help { font-size: .7rem; }
.okr-profile .okr-photo-remove { background: transparent; border: 0; color: #205f9f; padding: .25rem 0; font-size: .75rem; text-decoration: underline; }
.okr-profile .okr-photo-status { font-size: .75rem; margin: .3rem 0 0; }
.okr-profile .okr-photo-status:empty { display: none; }
.okr-profile .okr-editor-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(13rem,.47fr); gap: 1.25rem; align-items: start; }
.okr-profile .okr-editor-main { min-width: 0; }
.okr-profile .okr-tabs { display: flex; flex-wrap: wrap; gap: .35rem; padding: .4rem; margin-bottom: 1rem; background: #edf0f5; border-radius: .8rem; }
.okr-profile .okr-tabs button { flex: 1 0 auto; border: 0; border-radius: .5rem; padding: .7rem .65rem; color: #646d7d; background: transparent; text-transform: none; font-size: .8rem; font-weight: 650; line-height: 1.2; }
.okr-profile .okr-tabs button[aria-selected=true] { background: #fff; color: #175b9d; box-shadow: 0 .15rem .5rem rgba(39,48,65,.08); }
.okr-profile .okr-editor-main .okr-card { margin: 0; background: #fff; border-color: #e3e7ee; padding: 1.5rem; min-height: 23rem; }
.okr-profile .okr-editor-main .okr-grid { gap: 1.2rem; }
.okr-profile .okr-editor-main .okr-field label { font-size: .8rem; }
.okr-profile .okr-editor-main .okr-field input,
.okr-profile .okr-editor-main .okr-field select { background-color: #f8f9fc; border-color: #e0e5ed; }
.okr-profile .okr-live-card { position: sticky; top: 3rem; overflow: hidden; padding: 1.5rem; border: 1px solid #ccdef1; border-radius: 1rem; background: linear-gradient(145deg,#fff,#edf6ff); box-shadow: 0 .4rem 1.5rem rgba(35,78,125,.06); }
.okr-profile .okr-live-card .okr-kicker { font-size: .6rem; color: #205f9f; letter-spacing: .12em; }
.okr-profile .okr-live-card h3 { margin: .8rem 0 .4rem; font-size: 1.55rem; line-height: 1.15; overflow-wrap: anywhere; }
.okr-profile .okr-preview-bike { font-size: .95rem; margin: 0 0 .75rem; color: #626b79; overflow-wrap: anywhere; }
.okr-profile .okr-preview-level { display: inline-block; padding: .25rem .65rem; border-radius: 2rem; background: #e2efff; color: #175b9d; font-size: .7rem; }
.okr-profile .okr-preview-number { padding: 1.25rem 0 .8rem; }
.okr-profile .okr-preview-number span { display: block; font-size: .6rem; letter-spacing: .12em; color: #838999; }
.okr-profile .okr-preview-number strong { display: inline-flex; flex-wrap: wrap; max-width: 100%; margin-top: .4rem; padding: 0; border: 1px solid #d6d6d6; border-radius: .15rem; background: #fff; color: #000; font-size: 3.5rem; line-height: 1.1; font-weight: 800; text-align: center; overflow: hidden; box-sizing: border-box; }
.okr-profile .okr-preview-number .okr-number-digit { display: grid; place-items: center; width: .72em; height: 1.2em; background: #fff; color: #000; font: inherit; letter-spacing: 0; }
.okr-profile .okr-number-digit + .okr-number-digit { border-left: 1px solid #e4e4e4; }
.okr-profile .okr-live-card dl { margin: 0 0 1rem; }
.okr-profile .okr-live-card dl div { display: flex; justify-content: space-between; gap: .5rem; padding: .6rem 0; border-top: 1px solid #d8e5f3; }
.okr-profile .okr-live-card dt { font-size: .8rem; color: #727987; font-weight: 400; }
.okr-profile .okr-live-card dd { font-size: .9rem; margin: 0; font-weight: 700; font-variant-numeric: tabular-nums; }
.okr-profile .okr-live-card .okr-help { font-size: .75rem; }
.okr-profile .okr-savebar { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 1rem; padding: 1rem 1.25rem; background: #fff; border: 1px solid #e5e7ed; border-radius: .8rem; }
.okr-profile .okr-edit-status { font-size: .8rem; color: #727a87; }
.okr-profile .okr-savebar .okr-save { min-width: 0; padding: .8rem 1.4rem; }
@media(max-width:900px) {
    .okr-profile .okr-editor-layout { grid-template-columns: 1fr; }
    .okr-profile .okr-live-card { position: static; display: grid; grid-template-columns: 1fr 1fr; column-gap: 1rem; }
    .okr-profile .okr-live-card .okr-kicker,
    .okr-profile .okr-live-card h3,
    .okr-profile .okr-live-card .okr-help { grid-column: 1/-1; }
    .okr-profile .okr-preview-number { grid-column: 2; grid-row: 3/5; padding-top: 0; text-align: right; }
    .okr-profile .okr-live-card dl { grid-column: 1/-1; }
}
@media(max-width:650px) {
    .okr-profile .okr-hero { flex-direction: row; gap: 1rem; padding: 1.25rem; }
    .okr-profile .okr-hero .okr-avatar { width: 5rem; height: 5rem; }
    .okr-profile .okr-hero-info { min-width: 0; }
    .okr-profile .okr-hero h2 { font-size: 1.65rem; }
    .okr-profile .okr-photo-form { flex-basis: auto; width: 5rem; padding: 0; border: 0; }
    .okr-profile .okr-photo-tools input[type=file] { max-width: 100%; }
    .okr-profile .okr-editor-main .okr-card { padding: 1.2rem; }
    .okr-profile .okr-savebar { position: sticky; bottom: .5rem; z-index: 5; box-shadow: 0 -.25rem 1rem rgba(39,48,65,.06); }
    .okr-profile .okr-savebar .okr-save { width: auto; }
}
.okr-profile .okr-season-events { border: 0; margin: 0; padding: 0; min-width: 0; }
.okr-profile .okr-season-events[hidden] { display: none; }
.okr-profile .okr-season-events legend { font-weight: 700; margin-bottom: .5rem; }
.okr-profile .okr-season-events label { display: flex; align-items: center; gap: .75rem; padding: 1rem; margin: .5rem 0; border: 1px solid #d6e4f3; border-radius: .75rem; background: #f5f9ff; cursor: pointer; }
.okr-profile .okr-season-events input { width: 1.1rem; height: 1.1rem; margin: 0; flex-shrink: 0; accent-color: #1769c2; }
.okr-profile .okr-time { border: 0; padding: 1rem 0 0; margin: .75rem 0 0; min-width: 0; }
.okr-profile .okr-time legend { float: left; width: 100%; font-size: .9rem; color: #343b47; font-weight: 650; margin-bottom: 1rem; }
.okr-profile .okr-time-controls { clear: both; display: flex; flex-wrap: wrap; align-items: flex-end; gap: 1rem; }
.okr-profile .okr-time-parts { display: grid; grid-template-columns: 3.2rem .35rem 3.2rem .35rem 4.2rem; gap: .3rem; align-items: end; }
.okr-profile .okr-time-parts label { text-align: center; }
.okr-profile .okr-editor-main .okr-time-parts input { text-align: center; font-variant-numeric: tabular-nums; padding: .6rem .2rem; min-height: 2.8rem; }
.okr-profile .okr-time-separator { align-self: end; padding-bottom: .65rem; text-align: center; color: #7b8796; font-weight: 700; }
.okr-profile .okr-time-result { min-width: 8.5rem; padding: .45rem .85rem; border: 1px solid #cfe1f4; border-radius: .6rem; background: #eef6ff; }
.okr-profile .okr-time-result span { display: block; color: #5b718b; font-size: .65rem; }
.okr-profile .okr-time-result output { display: block; color: #174f89; font-size: 1.25rem; font-weight: 750; font-variant-numeric: tabular-nums; line-height: 1.5; }
.okr-profile .okr-story-toolbar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .7rem; margin-bottom: 1rem; font-size: .75rem; font-weight: 700; letter-spacing: .08em; color: #316591; }
.okr-profile .okr-story-toolbar a { color: #1769c2; letter-spacing: 0; text-decoration: none; }
.okr-profile .okr-story-private { font-weight: 400; letter-spacing: 0; color: #748395; }
.okr-profile .okr-story { overflow: hidden; border: 1px solid #d6e5f5; border-radius: 1.3rem; background: #fff; box-shadow: 0 1rem 3rem rgba(28,72,120,.09); }
.okr-profile .okr-story-hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.15fr); background: linear-gradient(130deg,#edf7ff,#fff 78%); }
.okr-profile .okr-story-photo { position: relative; min-height: 25rem; margin: 0; background: #dfefff; }
.okr-profile .okr-story-photo .okr-avatar { width: 100%; height: 100%; min-height: 25rem; position: absolute; inset: 0; object-fit: cover; border: 0; border-radius: 0; }
.okr-profile .okr-story-photo .okr-placeholder { display: grid; font-size: 6rem; background: linear-gradient(135deg,#deedff,#f5faff); }
.okr-profile .okr-story-photo figcaption { position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 1.2rem; background: rgba(255,255,255,.92); color: #174f89; font-size: .7rem; font-weight: 850; letter-spacing: .1em; }
.okr-profile .okr-story-photo figcaption span { font-size: .55rem; align-self: center; letter-spacing: .05em; }
.okr-profile .okr-story-identity { position: relative; padding: 2rem; display: flex; flex-direction: column; justify-content: center; }
.okr-profile .okr-story-eyebrow { display: block; color: #3176b7; font-size: .65rem; letter-spacing: .14em; font-weight: 800; line-height: 1.5; }
.okr-profile .okr-story-identity h1,.okr-profile .okr-story-identity h2 { margin: 1rem 0 .65rem; color: #14395e; font-size: clamp(2rem,3.5vw,3.5rem); font-weight: 800; line-height: 1.05; overflow-wrap: anywhere; }
.okr-profile .okr-story-bike { margin: 0; color: #25629a; font-size: 1.15rem; font-weight: 650; }
.okr-profile .okr-story-signature { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; margin-top: .6rem; }
.okr-profile .okr-story .okr-preview-number strong { font-size: 4rem; box-shadow: 0 .2rem .6rem rgba(28,72,120,.06); }
.okr-profile .okr-story-tags { display: flex; flex-direction: column; gap: .5rem; }
.okr-profile .okr-story-tags span { border-radius: 2rem; background: #e3f0ff; color: #255a8b; padding: .35rem .7rem; font-size: .7rem; }
.okr-profile .okr-story-home { margin: 1rem 0 0; color: #14395e; font-size: 1.05rem; font-weight: 700; }
.okr-profile .okr-story-home span { display: block; color: #72869b; font-size: .6rem; font-weight: 600; letter-spacing: .1em; }
.okr-profile .okr-story-body { padding: 0 2rem; }
.okr-profile .okr-story-bio { padding: 2rem 0; border-bottom: 1px solid #e2edf7; }
.okr-profile .okr-story-bio p { margin: .8rem 0 0; max-width: 48rem; color: #233e59; font-size: 1.25rem; line-height: 1.7; overflow-wrap: anywhere; }
.okr-profile .okr-story-pace { padding: 2rem 0; border-bottom: 1px solid #e2edf7; }
.okr-profile .okr-story-section-heading h3 { margin: .4rem 0 1.3rem; color: #14395e; font-size: 1.4rem; }
.okr-profile .okr-story-laps { display: grid; grid-template-columns: repeat(auto-fit,minmax(12rem,1fr)); gap: 1rem; }
.okr-profile .okr-story-laps > div { position: relative; padding: 1.2rem 1.5rem; background: #eff7ff; border-left: 4px solid #2a7ac2; border-radius: 0 .6rem .6rem 0; }
.okr-profile .okr-story-laps span,.okr-profile .okr-story-laps small { display: block; color: #5f7892; font-size: .7rem; }
.okr-profile .okr-story-laps span { text-transform: uppercase; letter-spacing: .09em; font-weight: 750; }
.okr-profile .okr-story-laps strong { display: block; margin: .3rem 0; color: #134f86; font-size: clamp(1.8rem,3vw,2.5rem); line-height: 1.2; font-variant-numeric: tabular-nums; }
.okr-profile .okr-story-columns { display: grid; grid-template-columns: repeat(auto-fit,minmax(15rem,1fr)); gap: 2rem; }
.okr-profile .okr-story-columns:empty { display: none; }
.okr-profile .okr-story-columns > section { padding: 2rem 0; }
.okr-profile .okr-story-columns h3 { color: #173f66; margin: .65rem 0 1rem; font-size: 1.8rem; line-height: 1.2; }
.okr-profile .okr-story-season h3 b { color: #2076c3; }
.okr-profile .okr-story-columns p { color: #60778d; font-size: .85rem; margin: .55rem 0; }
.okr-profile .okr-story-event-tags { display: flex; flex-wrap: wrap; gap: .4rem; margin: 1rem 0; }
.okr-profile .okr-story-event-tags span { padding: .35rem .6rem; border: 1px solid #cedff0; border-radius: .35rem; font-size: .7rem; color: #285d8e; }
.okr-profile .okr-story-details { display: grid; grid-template-columns: repeat(auto-fit,minmax(11rem,1fr)); gap: 1.4rem; padding: 1.5rem 0 2rem; border-top: 1px solid #e2edf7; }
.okr-profile .okr-story-details span { display: block; color: #8292a2; font-size: .7rem; }
.okr-profile .okr-story-details strong { display: block; margin-top: .4rem; color: #375674; font-size: .85rem; font-weight: 650; }
.okr-profile .okr-story-footer { display: flex; justify-content: space-between; align-items: center; padding: 1rem 2rem; background: #eaf4ff; border-top: 4px solid #2a7ac2; color: #2269aa; }
.okr-profile .okr-story-footer strong { font-style: italic; letter-spacing: .08em; }
.okr-profile .okr-story-footer span { font-size: .75rem; }
.okr-profile .okr-story-invite { padding: 1rem .25rem; font-size: .85rem; color: #60778d; }
@media(max-width:650px) {
    .okr-profile .okr-story-hero { grid-template-columns: 1fr; }
    .okr-profile .okr-story-photo { min-height: 22rem; }
    .okr-profile .okr-story-photo .okr-avatar { min-height: 22rem; }
    .okr-profile .okr-story-identity { padding: 1.5rem; }
    .okr-profile .okr-story-body { padding: 0 1.5rem; }
    .okr-profile .okr-story-identity h1,.okr-profile .okr-story-identity h2 { font-size: 2.5rem; }
    .okr-profile .okr-story-columns { grid-template-columns: 1fr; gap: 0; }
    .okr-profile .okr-story-footer { padding: 1rem 1.5rem; }
}
.okr-profile .okr-details-form .okr-editor-layout { display: block; }
.okr-profile .okr-hero .okr-hero-card { display: block; position: static; flex: 0 0 13rem; max-width: 100%; padding: 0 0 0 1.5rem; border: 0; border-left: 1px solid #d5e5f4; border-radius: 0; background: transparent; box-shadow: none; }
.okr-profile .okr-hero-card .okr-preview-number { padding: 0 0 .75rem; text-align: left; }
.okr-profile .okr-hero-card dl { margin: 0; }
.okr-profile .okr-hero-info .okr-badge { margin-left: .5rem; }
.okr-profile .okr-feedback-invitation { color: #45617c; font-size: .95rem; line-height: 1.7; margin: 0 0 1rem; max-width: 48rem; }
@media(max-width:650px) {
    .okr-profile .okr-hero .okr-hero-card { flex: 1 0 100%; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 1.25rem; padding: 1rem 0 0; border-left: 0; border-top: 1px solid #d5e5f4; }
    .okr-profile .okr-hero-card .okr-preview-number { grid-column: auto; grid-row: auto; padding: 0; }
    .okr-profile .okr-hero-card dl { grid-column: auto; }
}
.okr-profile .okr-atmosphere-form { margin-top: 1.5rem; background: #f5faff; }
.okr-profile .okr-atmosphere-form h3 { margin-top: .5rem; }
.okr-profile .okr-atmosphere-image { display: block; max-width: 100%; width: auto; height: auto; max-height: 42rem; margin: 1rem auto; border-radius: .8rem; }
.okr-profile .okr-atmosphere-empty { display: grid; place-items: center; min-height: 10rem; padding: 2rem; border: 2px dashed #bdd5ef; color: #607e9b; text-align: center; }
.okr-profile .okr-story-atmosphere { margin: 0; padding: 2rem 0; border-bottom: 1px solid #e2edf7; }
.okr-profile .okr-story-atmosphere img { margin-top: 0; }
.okr-profile .okr-story-atmosphere figcaption { color: #60778d; font-size: .85rem; }
.okr-profile .okr-story-atmosphere figcaption span { display: block; color: #3176b7; font-weight: 750; font-size: .65rem; letter-spacing: .1em; margin-bottom: .3rem; }
.okr-profile .okr-privacy-info { margin-top: 1.5rem; padding: 1.25rem; border: 1px solid #d6e5f4; border-radius: .7rem; background: #f4f9ff; }
.okr-profile .okr-privacy-info h4 { margin: 0 0 .75rem; color: #245d91; font-size: 1rem; }
.okr-profile .okr-privacy-info p { font-size: .85rem; color: #526d86; margin-bottom: .75rem; }

/* Account navigation, shared across all WooCommerce account sections. */
.woocommerce-account .woocommerce-MyAccount-navigation-wrapper.type-new {
    padding: 1.1rem;
    border: 1px solid #d9e7f5;
    border-radius: 1.15rem;
    background: linear-gradient(160deg,#f0f7ff 0%,#fff 40%);
    box-shadow: 0 .5rem 1.8rem rgba(35,78,125,.05);
    font-family: "Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
}
.woocommerce-account .woocommerce-MyAccount-navigation-wrapper .MyAccount-user-info {
    display: flex; flex-direction: column; align-items: center; gap: .85rem;
    margin: 0 0 1rem; padding: .6rem 0 1.3rem; border-bottom: 1px solid #dfebf6; text-align: center;
}
.woocommerce-account .woocommerce-MyAccount-navigation-wrapper .MyAccount-user-info img.avatar {
    width: 5rem; height: 5rem; margin: 0; border: 4px solid #fff; border-radius: 50%;
    box-shadow: 0 0 0 1px #c9def3; object-fit: cover;
}
.woocommerce-account .woocommerce-MyAccount-navigation-wrapper .MyAccount-user-info > div { width: 100%; min-width: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation-wrapper .MyAccount-user-name {
    color: #193f65; font: 700 1.05rem/1.4 "Segoe UI",system-ui,sans-serif; margin: 0 0 .25rem;
}
.woocommerce-account .woocommerce-MyAccount-navigation-wrapper .MyAccount-user-name + div {
    color: #78899b; font-size: .7rem; line-height: 1.5; overflow-wrap: anywhere;
}
.woocommerce-account .woocommerce-MyAccount-navigation-wrapper .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; }
.woocommerce-account .woocommerce-MyAccount-navigation-wrapper .woocommerce-MyAccount-navigation li { margin: .2rem 0; padding: 0; border: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation-wrapper .woocommerce-MyAccount-navigation li a {
    display: flex; align-items: center; gap: .7rem; min-height: 2.8rem; padding: .7rem .75rem;
    border-radius: .65rem; color: #526b83; background: transparent; border: 0;
    font: 600 .85rem/1.35 "Segoe UI",system-ui,-apple-system,sans-serif;
    text-decoration: none; transition: background-color .15s,color .15s;
}
.woocommerce-account .woocommerce-MyAccount-navigation-wrapper .woocommerce-MyAccount-navigation li a:hover {
    color: #175b9d; background: #edf5ff;
}
.woocommerce-account .woocommerce-MyAccount-navigation-wrapper .woocommerce-MyAccount-navigation li.is-active a {
    color: #fff; background: #216db4; box-shadow: 0 .25rem .65rem rgba(33,109,180,.16);
}
.woocommerce-account .woocommerce-MyAccount-navigation-wrapper .woocommerce-MyAccount-navigation li a:focus-visible {
    outline: 3px solid #76ade0; outline-offset: 2px;
}
.woocommerce-account .woocommerce-MyAccount-navigation-wrapper .woocommerce-MyAccount-navigation li a::before {
    content: ""; display: block; flex: 0 0 1.15rem; width: 1.15rem; height: 1.15rem; margin: 0;
    background-color: currentColor; mask: var(--okr-account-icon) center/contain no-repeat;
    -webkit-mask: var(--okr-account-icon) center/contain no-repeat;
}
.woocommerce-account .woocommerce-MyAccount-navigation-wrapper .woocommerce-MyAccount-navigation li a::after { content: none; }
.woocommerce-account .woocommerce-MyAccount-navigation-wrapper .woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: .8rem; padding-top: .6rem; border-top: 1px solid #dfebf6;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard { --okr-account-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3C%2Fsvg%3E"); }
.woocommerce-account .woocommerce-MyAccount-navigation-link--jazdecky-profil { --okr-account-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021v-2a8%208%200%200%201%2016%200v2%22%2F%3E%3C%2Fsvg%3E"); }
.woocommerce-account .woocommerce-MyAccount-navigation-link--orders { --okr-account-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%207h14l1%2014H4L5%207Z%22%2F%3E%3Cpath%20d%3D%22M9%208V6a3%203%200%200%201%206%200v2%22%2F%3E%3C%2Fsvg%3E"); }
.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads { --okr-account-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12m-5-5%205%205%205-5M4%2016v5h16v-5%22%2F%3E%3C%2Fsvg%3E"); }
.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address { --okr-account-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%2010c0%205-7%2011-7%2011S5%2015%205%2010a7%207%200%200%201%2014%200Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E"); }
.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account { --okr-account-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%226%22%20r%3D%222%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2212%22%20r%3D%222%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2218%22%20r%3D%222%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E"); }
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout { --okr-account-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%203H4v18h5M9%2012h12m-4-4%204%204-4%204%22%2F%3E%3C%2Fsvg%3E"); }

.woocommerce-account:has(.okr-dashboard) .woocommerce-MyAccount-navigation-wrapper .MyAccount-user-info img.avatar {
    width: 10rem; height: 10rem; max-width: 100%;
}
.okr-profile .okr-story-hero.okr-story-hero--identity { grid-template-columns: 1fr; }
.okr-profile .okr-story-hero--identity .okr-story-identity {
    display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: .35rem 2rem; padding: 2rem;
}
.okr-profile .okr-story-hero--identity .okr-story-eyebrow,
.okr-profile .okr-story-hero--identity h2,
.okr-profile .okr-story-hero--identity .okr-story-bike,
.okr-profile .okr-story-hero--identity .okr-story-home { grid-column: 1; }
.okr-profile .okr-story-hero--identity h2 { margin: .5rem 0; }
.okr-profile .okr-story-hero--identity .okr-story-signature { grid-column: 2; grid-row: 1/5; margin: 0; }
@media(max-width:650px) {
    .okr-profile .okr-story-hero--identity .okr-story-identity { grid-template-columns: 1fr; padding: 1.5rem; }
    .okr-profile .okr-story-hero--identity .okr-story-signature { grid-column: 1; grid-row: auto; }
}

.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation-wrapper) {
    display: grid; grid-template-columns: 245px minmax(0,1fr); gap: 30px; align-items: start;
}
.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation-wrapper)::before,
.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation-wrapper)::after { display: none; }
.woocommerce-account .woocommerce > .woocommerce-MyAccount-navigation-wrapper.type-new {
    float: none; width: auto; margin: 0; position: sticky; top: var(--okr-menu-top,48px);
    max-height: calc(100dvh - var(--okr-menu-top,48px) - 16px); overflow-y: auto; scrollbar-width: thin;
}
.woocommerce-account .woocommerce > .woocommerce-MyAccount-content { float: none; width: auto; min-width: 0; margin: 0; }
.woocommerce-account .woocommerce-MyAccount-content > .okr-profile { margin-top: 0; }
.okr-profile .okr-story-sharing { text-align: right; margin: 1rem 0; font-size: .8rem; }
@media(max-width:900px) {
    .woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation-wrapper) { grid-template-columns: 1fr; gap: 1.25rem; }
    .woocommerce-account .woocommerce > .woocommerce-MyAccount-navigation-wrapper.type-new { position: static; max-height: none; overflow: visible; }
}

.woocommerce-account .template-container { overflow: clip; }
.woocommerce-account .okr-dashboard ~ .MyAccount-dashboard-buttons,
.woocommerce-account .okr-dashboard ~ .swiper-entry { display: none; }

body.okr-public-view { background: #f2f7fc; margin: 0; }
.okr-public-view .okr-public-header,.okr-public-view .okr-public-meta { max-width: 860px; margin: 0 auto; padding: 1rem; display: flex; justify-content: space-between; align-items: center; }
.okr-public-view .okr-public-header > a { color: #17558e; font-size: 1.4rem; font-weight: 900; font-style: italic; letter-spacing: .04em; text-decoration: none; }
.okr-public-view .okr-public-header > span { color: #73879b; font-size: .75rem; }
.okr-public-view .okr-public-meta { justify-content: center; gap: 1.5rem; font-size: .75rem; }
.okr-public-view .okr-public { max-width: 860px; margin: 0 auto; padding: 0 1rem; }
.okr-public .okr-story-hero { grid-template-columns: 180px minmax(0,1fr); padding: 1.5rem; gap: 1.5rem; align-items: center; }
.okr-public .okr-story-photo { min-height: 180px; height: 180px; border-radius: 1rem; overflow: hidden; }
.okr-public .okr-story-photo .okr-avatar { min-height: 0; height: 180px; }
.okr-public .okr-story-photo figcaption { display: none; }
.okr-public .okr-story-identity { padding: 0; }
.okr-public .okr-story-identity h1 { margin: 0 0 .45rem; font-size: clamp(1.8rem,4vw,2.5rem); }
.okr-public .okr-story-bike { font-size: 1rem; }
.okr-public .okr-story-signature { margin: .25rem 0 0; }
.okr-public .okr-preview-number { padding: .6rem 0 0; }
.okr-public .okr-preview-number strong { font-size: 2.7rem; }
.okr-public .okr-story-body { padding: 0 1.5rem; }
.okr-public .okr-story-bio,.okr-public .okr-story-pace { padding: 1.25rem 0; }
.okr-public .okr-story-bio p { font-size: 1.05rem; margin-top: .5rem; }
.okr-public .okr-story-section-heading h3 { font-size: 1.1rem; margin: .3rem 0 .8rem; }
.okr-public .okr-story-laps > div { padding: .8rem 1rem; }
.okr-public .okr-story-laps strong { font-size: 1.8rem; }
.okr-public .okr-story-columns > section { padding: 1.25rem 0; }
.okr-public .okr-story-columns h3 { font-size: 1.4rem; margin: .4rem 0; }
.okr-public .okr-story-details { padding: 1rem 0; gap: .8rem; }
.okr-public .okr-story-footer { padding: .75rem 1.5rem; }
.okr-public .okr-story-atmosphere { padding: 1.25rem 0; }
.okr-public-view .elementor-menu-cart__container,
.okr-public-view .widget_shopping_cart,
.okr-public-view .wHelp_bubble,
.okr-public-view .wpml-ls-statics-footer { display: none !important; }
@media(max-width:550px) {
    .okr-public .okr-story-hero { grid-template-columns: 100px minmax(0,1fr); gap: 1rem; padding: 1.1rem; align-items: start; }
    .okr-public .okr-story-photo,.okr-public .okr-story-photo .okr-avatar { height: 100px; min-height: 100px; }
    .okr-public .okr-story-identity h1 { font-size: 1.7rem; }
    .okr-public .okr-preview-number strong { font-size: 2rem; }
    .okr-public .okr-story-signature { gap: .5rem; }
    .okr-public .okr-story-tags span { font-size: .6rem; }
    .okr-public .okr-story-body { padding: 0 1.1rem; }
}

.okr-public-view > div:has(> a[href="https://db-ip.com"]) { background: transparent !important; color: #8a9caf !important; padding: 0 !important; font-size: 9px !important; }


/* Number plate, readable season plan and compact profile facts. */
.okr-profile .okr-preview-number > .okr-number-brand {
    color: #111; font-family: inherit; font-size: .75rem; font-weight: 800;
    font-style: italic; letter-spacing: .12em; line-height: 1.3;
}
.woocommerce-account .okr-profile.okr-dashboard .okr-story-signature {
    align-items: stretch; width: max-content; max-width: 100%; gap: 8px;
}
.woocommerce-account .okr-profile.okr-dashboard .okr-preview-number {
    padding: 10px 12px !important; min-width: 152px;
}
.woocommerce-account .okr-profile.okr-dashboard .okr-preview-number > .okr-number-brand {
    font-size: 12px !important; color: #111; letter-spacing: 1.6px;
}
.woocommerce-account .okr-profile.okr-dashboard .okr-preview-number strong {
    color: #000; display: inline-flex; justify-content: center; gap: 0;
    border: 1px solid #bcc7d0; border-radius: 3px; background: #fff;
    margin-top: 7px; font-size: 40px !important; line-height: 1 !important;
}
.woocommerce-account .okr-profile.okr-dashboard .okr-preview-number .okr-number-digit {
    display: grid; place-items: center; width: .82em; height: 1.15em;
    color: #000; background: #fff; border: 0; font: inherit !important;
}
.woocommerce-account .okr-profile.okr-dashboard .okr-number-digit + .okr-number-digit {
    border-left: 1px solid #bcc7d0;
}
.woocommerce-account .okr-profile.okr-dashboard .okr-story-tags {
    display: grid; grid-template-columns: 1fr; gap: 6px; align-self: stretch; width: 100%;
}
.woocommerce-account .okr-profile.okr-dashboard .okr-story-tags span {
    display: flex; justify-content: center; align-items: center; text-align: center;
    padding: 6px 10px; margin: 0; min-height: 28px;
}
.okr-profile .okr-story-columns,
.woocommerce-account .okr-profile.okr-dashboard .okr-story-columns {
    grid-template-columns: minmax(0,1fr); align-items: start; gap: 14px;
}
.okr-profile .okr-season-heading {
    display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap;
}
.woocommerce-account .okr-profile.okr-dashboard .okr-season-heading h3 { margin: 0; }
.okr-profile .okr-season-heading a,.okr-profile .okr-season-note a {
    color: #1763a4; text-decoration: underline; text-underline-offset: 3px; font-size: 13px;
}
.woocommerce-account .okr-profile.okr-dashboard .okr-story-season .okr-season-intro {
    font-size: 13px; line-height: 1.55; margin: 8px 0 14px; max-width: 60ch;
}
.okr-profile .okr-season-summary { margin: 0; padding: 0; }
.okr-profile .okr-season-summary > div {
    display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.25fr);
    gap: 16px; padding: 11px 0; border-top: 1px solid #d9e7e2; align-items: baseline;
}
.okr-profile .okr-season-summary dt {
    margin: 0; font-weight: 400; font-size: 13px; line-height: 1.5; color: #536f6a;
}
.okr-profile .okr-season-summary dd {
    margin: 0; font-weight: 650; font-size: 14px; line-height: 1.5; color: #294a45;
}
.okr-profile .okr-season-summary .okr-story-event-tags { display: flex; gap: 6px; flex-wrap: wrap; }
.woocommerce-account .okr-profile.okr-dashboard .okr-story-season .okr-season-note {
    font-size: 12px; line-height: 1.5; margin: 12px 0 0; padding-top: 12px; border-top: 1px solid #d9e7e2;
}
.okr-profile .okr-story-columns > .okr-story-dream,
.woocommerce-account .okr-profile.okr-dashboard .okr-story-columns > .okr-story-dream {
    display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 18px;
    padding: 16px 20px !important; min-height: 0;
}
.okr-profile .okr-story-columns > .okr-story-dream h3,
.woocommerce-account .okr-profile.okr-dashboard .okr-story-columns > .okr-story-dream h3 {
    margin: 0; font-size: 21px !important; line-height: 1.3;
}
.okr-profile .okr-story-details,
.woocommerce-account .okr-profile.okr-dashboard .okr-story-details {
    display: grid; grid-template-columns: minmax(0,1fr); gap: 0; margin: 0; padding: 10px 20px !important;
}
.okr-profile .okr-story-details > div,
.woocommerce-account .okr-profile.okr-dashboard .okr-story-details > div {
    display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.25fr); gap: 16px;
    align-items: baseline; padding: 11px 0; border-radius: 0; background: transparent;
}
.okr-profile .okr-story-details > div + div { border-top: 1px solid #e1eaf1; }
.okr-profile .okr-story-details dt { margin: 0; color: #647d90; font-size: 13px; font-weight: 400; line-height: 1.5; }
.okr-profile .okr-story-details dd { margin: 0; color: #36566f; font-size: 14px; font-weight: 650; line-height: 1.5; }
@media(max-width:700px) {
    .woocommerce-account .okr-profile.okr-dashboard .okr-story-signature { flex-direction: column; }
}
@media(max-width:480px) {
    .okr-profile .okr-season-summary > div,
    .okr-profile .okr-story-details > div,
    .woocommerce-account .okr-profile.okr-dashboard .okr-story-details > div {
        grid-template-columns: minmax(0,1fr); gap: 3px;
    }
    .woocommerce-account .okr-profile.okr-dashboard .okr-story-columns > .okr-story-season { padding: 18px !important; }
}