/* =====================================================================
   LearnIndex Experience Collector
   Built on LearnIndex Suite's dashboard.css (tokens, .lg-about, .lg-hero,
   .lg-menu, .lg-card, .lg-btn). Area colours cycle moss / slate / rust and
   are always shown with the area's name; statuses are always words:
   Want to do this (blue), Doing this (moss), Done (rust), Not interested (ink).
   ===================================================================== */

.lx-shell .tone-moss,.lx-dialog.tone-moss{--lx-c:var(--green-strong);--lx-soft:var(--green-soft);--lx-solid:#3C6E47;}
.lx-shell .tone-slate,.lx-dialog.tone-slate{--lx-c:var(--blue-strong);--lx-soft:var(--blue-soft);--lx-solid:#3B6A80;}
.lx-shell .tone-rust,.lx-dialog.tone-rust{--lx-c:var(--rust-strong);--lx-soft:var(--rust-soft);--lx-solid:#A8452F;}

.lx-count{display:inline-grid;place-items:center;min-width:1.6em;height:1.6em;padding:0 .4em;margin-left:.2rem;border-radius:999px;background:var(--paper);color:var(--ink-soft);font-size:.74rem;}
.lg-menu-link.is-active .lx-count{background:rgba(255,255,255,.18);color:inherit;}
.lg-menu-link{cursor:pointer;font-family:inherit;}
.lx-hero-filters{margin-top:1.2rem;padding-top:1.2rem;border-top:1.5px solid var(--line);}
.lx-hero-filters .lg-menu-link{--lx-filter:var(--ink);--lx-filter-soft:var(--paper);border-color:var(--lx-filter);}
.lx-hero-filters .lg-menu-link:not(.is-trophies){background:var(--lx-filter);color:var(--paper);}
.lx-hero-filters .lg-menu-link.is-all{background:var(--paper);border-color:var(--line-strong);color:var(--ink);}
.lx-hero-filters .lg-menu-link.is-want{--lx-filter:var(--blue);--lx-filter-soft:var(--blue-soft);}
.lx-hero-filters .lg-menu-link.is-working{--lx-filter:var(--green);--lx-filter-soft:var(--green-soft);}
.lx-hero-filters .lg-menu-link.is-done{--lx-filter:var(--rust);--lx-filter-soft:var(--rust-soft);}
.lx-hero-filters .lg-menu-link.is-skip{--lx-filter:var(--ink);--lx-filter-soft:color-mix(in srgb,var(--ink-faint) 24%,var(--card));}
.lx-hero-filters .lg-menu-link.is-trophies{--lx-filter:#8A6518;--lx-filter-soft:#F4E7BD;}
.lx-hero-filters .lg-menu-link:not(.is-trophies):hover{background:var(--lx-filter);border-color:var(--lx-filter);color:var(--paper);filter:brightness(1.08);}
.lx-hero-filters .lg-menu-link:not(.is-trophies).is-active{background:var(--lx-filter);border-color:var(--lx-filter);color:var(--paper);box-shadow:0 0 0 3px var(--card),0 0 0 5px var(--lx-filter);transform:translateY(-1px);}
.lx-hero-filters .lg-menu-link.is-all:hover,.lx-hero-filters .lg-menu-link.is-all.is-active{background:var(--paper);border-color:var(--ink);color:var(--ink);filter:none;box-shadow:0 0 0 3px var(--card),0 0 0 5px var(--ink);}
.lx-hero-filters .lg-menu-link.is-trophies:hover,.lx-hero-filters .lg-menu-link.is-trophies.is-active{background:var(--lx-filter-soft);border-color:var(--lx-filter);color:var(--lx-filter);}
.lx-hero-meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-left:auto;}
.lx-decided-title{margin:.7rem 0 0;font-size:2rem;font-weight:800;line-height:1.2;color:var(--ink);letter-spacing:-.02em;}
.lx-featured{margin-top:1rem;}
.lx-featured-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px;}
.lx-featured-head h2{margin:0;font-size:1rem;}
.lx-featured-head span{font-size:.78rem;color:var(--ink-soft);}
.lx-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.lx-featured-card{display:flex;align-items:center;gap:10px;min-width:0;padding:11px;border:1.5px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,transform .12s,background .2s;}
.lx-featured-card:hover{border-color:var(--lx-solid,var(--blue));background:var(--lx-soft,var(--blue-soft));transform:translateY(-1px);}
.lx-featured-card:focus-visible{outline:2px solid var(--blue);outline-offset:2px;}
.lx-featured-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:var(--lx-soft,var(--blue-soft));font-size:1.25rem;}
.lx-featured-copy{display:flex;flex-direction:column;gap:2px;min-width:0;}
.lx-featured-copy strong{font-size:.9rem;line-height:1.25;}
.lx-featured-copy small{display:-webkit-box;overflow:hidden;color:var(--ink-soft);font-size:.75rem;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.lx-featured-empty{margin:0;padding:12px 14px;border:1.5px dashed var(--line-strong);border-radius:14px;background:var(--paper);color:var(--ink-soft);font-size:.88rem;}
.lx-featured-empty a{margin-left:.35rem;color:var(--blue-strong);font-weight:700;}

/* ---- tools row ---- */
.lx-tools{display:flex;gap:10px;flex-wrap:nowrap;align-items:center;}
.lx-tools .lx-search{flex:1 1 260px;}
.lx-tools input[type=search],.lx-tools select{min-height:44px;border:1.5px solid var(--line);border-radius:14px;padding:8px 12px;font:inherit;font-size:.92rem;color:var(--ink);background:var(--card);width:100%;}
.lx-area-pick{flex:0 1 240px;}
.lx-view{display:inline-flex;border:1.5px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card);}
.lx-seg{border:0;background:transparent;min-height:40px;padding:0 14px;font:600 .86rem var(--font-body);color:var(--ink-soft);cursor:pointer;}
.lx-seg + .lx-seg{border-left:1.5px solid var(--line);}
.lx-seg.is-active{background:var(--ink);color:var(--paper);}
.lx-collapse-all{flex:0 0 auto;min-height:44px;padding:8px 12px;border:1.5px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);font:600 .86rem var(--font-body);white-space:nowrap;cursor:pointer;}
.lx-collapse-all:hover{border-color:var(--green);background:var(--paper);}
.lx-collapse-all:focus-visible{outline:2px solid var(--blue);outline-offset:2px;}

/* ---- areas ---- */
.lx-main{margin-top:14px;display:flex;flex-direction:column;gap:14px;}
.lx-area{background:var(--card);border:1.5px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;}
.lx-area-head{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--card);flex-wrap:wrap;}
.lx-area-tile{width:46px;height:46px;border-radius:14px;background:var(--card);display:grid;place-items:center;font-size:1.5rem;flex:none;box-shadow:inset 0 0 0 1.5px var(--line);}
.lx-area-text{flex:1;min-width:200px;display:flex;flex-direction:column;gap:4px;}
.lx-area-title{margin:0;font-size:1.15rem;font-weight:700;}
.lx-title-toggle{align-self:flex-start;padding:0;border:0;background:transparent;color:var(--ink);font-family:inherit;text-align:left;cursor:pointer;}
.lx-title-toggle:hover{color:var(--lx-c);}
.lx-area-line{display:flex;gap:6px 10px;align-items:center;flex-wrap:wrap;font-size:.86rem;color:var(--ink-soft);}
.lx-area-count{font-size:.8rem;color:var(--ink);font-weight:600;}
.lx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;padding:0 18px 18px;}
.lx-grid[hidden]{display:none;}
.lx-area-empty{grid-column:1/-1;margin:0;}

/* ---- pills ---- */
.lx-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.74rem;font-weight:600;white-space:nowrap;}
.lx-pill.is-tone{background:var(--lx-soft);color:var(--lx-c);}
.lx-pill.is-working{background:var(--blue-soft);color:var(--blue-strong);}
.lx-pill.is-done{background:var(--green-soft);color:var(--green-strong);}
.lx-pill.is-skip{background:var(--paper);color:var(--ink-soft);border:1px solid var(--line);}
.lx-pill.is-plain{background:var(--paper);color:var(--ink-soft);border:1px solid var(--line);}

/* ---- cards ---- */
.lx-card{position:relative;border:1.5px solid var(--line);border-radius:16px;background:var(--card);padding:48px 14px 14px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s,background .2s,transform .12s;}
.lx-card:hover{border-color:var(--lx-solid,var(--green));}
.lx-card.is-want{background:var(--blue-soft);border-color:var(--blue);}
.lx-card.is-working{background:var(--green-soft);border-color:var(--green);}
.lx-card.is-done{background:var(--rust-soft);border-color:var(--rust);}
.lx-card.is-skip{background:color-mix(in srgb,var(--ink-faint) 24%,var(--card));border-color:var(--ink-faint);opacity:.72;}
.lx-card.is-new{animation:lx-pop 1.4s ease;}
@keyframes lx-pop{0%{box-shadow:0 0 0 0 var(--lx-solid,var(--green));}100%{box-shadow:0 0 0 12px transparent;}}
.lx-card-top{display:flex;gap:12px;align-items:flex-start;}
.lx-tile{width:48px;height:48px;border-radius:14px;background:var(--lx-soft,var(--paper));display:grid;place-items:center;font-size:1.55rem;flex:none;line-height:1;}
.lx-card.is-want .lx-tile,.lx-card.is-working .lx-tile,.lx-card.is-done .lx-tile,.lx-card.is-skip .lx-tile{background:var(--card);}
.lx-card-body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;}
.lx-title{all:unset;font-weight:700;font-size:1rem;line-height:1.3;color:var(--ink);cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;}
.lx-title:hover{text-decoration-color:currentColor;}
.lx-title:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px;}
.lx-desc{margin:0;font-size:.86rem;color:var(--ink-soft);line-height:1.45;}
.lx-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:4px;}
.lx-card-foot{display:flex;align-items:center;gap:8px;margin-top:auto;flex-wrap:wrap;}
.lx-status-circles{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:7px;z-index:2;}
.lx-status-circle{width:20px;height:20px;padding:0;border:2px solid var(--card);border-radius:999px;cursor:pointer;box-shadow:0 0 0 1.5px var(--line-strong);transition:transform .12s,box-shadow .12s;}
.lx-status-circle:hover{transform:scale(1.12);}
.lx-status-circle.is-want{background:var(--blue);}
.lx-status-circle.is-working{background:var(--green);}
.lx-status-circle.is-done{background:var(--rust);}
.lx-status-circle.is-skip{background:var(--ink);}
.lx-status-circle[aria-pressed="true"]{box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 32%,transparent);}
.lx-del{border:0;background:none;color:var(--rust);font:600 .8rem var(--font-body);cursor:pointer;text-decoration:underline;padding:4px;}

/* ---- list view ---- */
.lx-shell.is-list .lx-grid{grid-template-columns:1fr;gap:8px;}
.lx-shell.is-list .lx-card{flex-direction:row;align-items:center;padding:48px 14px 10px;}
.lx-shell.is-list .lx-card-top{flex:1;align-items:center;}
.lx-shell.is-list .lx-tile{width:40px;height:40px;font-size:1.25rem;}
.lx-shell.is-list .lx-card-foot{margin-top:0;flex:0 0 auto;}

/* ---- trophy case ---- */
.lx-trophies h2{margin:0;font-size:1.2rem;}
.lx-trophy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;}
.lx-trophy{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--line);border-radius:16px;padding:14px;background:var(--card);}
.lx-trophy .lx-tile{background:var(--paper);filter:grayscale(1);opacity:.6;}
.lx-trophy.is-earned{border-color:var(--green);background:var(--green-soft);}
.lx-trophy.is-earned .lx-tile{background:var(--card);filter:none;opacity:1;}
.lx-trophy .lx-area-bar{display:block;height:6px;margin:6px 0 2px;border-radius:999px;background:var(--line);overflow:hidden;}
.lx-trophy .lx-area-bar i{display:block;height:100%;border-radius:999px;background:var(--green);}

.lx-none{margin:0;}

/* ---- dialogs ---- */
.lx-dialog{width:min(620px,94vw);max-height:88vh;border:1.5px solid var(--line);border-radius:20px;background:var(--card);color:var(--ink);padding:22px;box-shadow:0 24px 60px rgba(0,0,0,.25);font-family:var(--font-body);}
.lx-dialog::backdrop{background:rgba(23,20,15,.5);}
.lx-dialog.lx-experience-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:0;background:var(--paper);overflow:auto;}
.lx-experience-page{width:min(100% - 32px,1000px);margin:0 auto;padding:72px 0 48px;}
.lx-dialog-close{position:fixed;top:18px;right:22px;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1.5px solid var(--line-strong);border-radius:12px;background:var(--card);color:var(--ink);font:500 2rem/1 var(--font-body);cursor:pointer;box-shadow:var(--shadow);}
.lx-dialog-close:hover{border-color:var(--rust);color:var(--rust);}
.lx-dialog-close:focus-visible{outline:3px solid var(--blue);outline-offset:2px;}
.lx-dlg-head{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.lx-dlg-head > div{flex:1;display:flex;flex-direction:column;gap:4px;align-items:flex-start;}
.lx-dlg-head h2{margin:0;font-size:1.25rem;}
.lx-dlg-desc{margin:0 0 14px;color:var(--ink-soft);}
.lx-dlg-sub{margin:18px 0 8px;font-size:.95rem;}
.lx-dialog .lx-status-circles{position:static;justify-content:flex-end;margin:8px 0;}
.lx-experience-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:stretch;margin:0 0 18px;padding:16px;border:1.5px solid var(--line);border-radius:18px;background:var(--card);}
.lx-experience-action{display:flex;flex-direction:column;gap:10px;justify-content:flex-end;min-width:0;padding:14px;border:1.5px solid var(--line);border-radius:14px;background:var(--paper);}
.lx-experience-action .lg-btn{width:100%;}
.lx-dashboard-add{margin:0;}
.lx-calendar-add label{margin:0;}
.lx-calendar-add input[type=date]{min-height:44px;border:1.5px solid var(--line);border-radius:14px;padding:8px 12px;font:inherit;color:var(--ink);background:var(--paper);}
.lx-calendar-add .lg-form-msg{min-height:0;margin:0;}
.lx-nearby-search .lx-dlg-sub{margin:0 0 auto;}
.lx-dialog .lx-nearby-search input[type=search]{width:100%;min-width:0;min-height:44px;border:1.5px solid var(--line);border-radius:14px;padding:8px 12px;font:inherit;color:var(--ink);background:var(--paper);}
.lx-ages{display:flex;flex-wrap:wrap;}
.lx-steps{display:flex;flex-direction:column;gap:4px;margin-top:12px;}
.lx-step{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;border:1.5px solid var(--line);cursor:pointer;}
.lx-step input{width:20px;height:20px;accent-color:#3C6E47;margin:2px 0 0;flex:none;}
.lx-step:has(input:checked){background:var(--green-soft);border-color:var(--green);}
.lx-step:has(input:checked) span{text-decoration:line-through;color:var(--ink-soft);}
.lx-dlg-msg{margin:10px 0 0;min-height:1.2em;}
.lx-dlg-actions{display:flex;gap:8px;justify-content:flex-end;}
.lx-add-dialog .lg-form{margin-top:0;}
.lx-dialog input[type=text],.lx-dialog select,.lx-dialog textarea{min-height:44px;border:1.5px solid var(--line);border-radius:14px;padding:8px 12px;font:inherit;font-size:.92rem;color:var(--ink);background:var(--card);width:100%;}
.lx-dialog label{display:flex;flex-direction:column;gap:5px;font-size:.82rem;font-weight:600;}
.lx-dialog label.lx-step{flex-direction:row;gap:10px;font-size:.95rem;font-weight:500;}

/* ---- toast + confetti ---- */
.lx-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:12px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:99999;transition:opacity .4s,transform .4s;}
.lx-toast.is-out{opacity:0;transform:translate(-50%,10px);}
.lx-confetti{position:fixed;inset:0;pointer-events:none;z-index:99998;}

/* ---- dark mode ---- */
@media (prefers-color-scheme: dark){
	:root:not([data-theme="light"]) .lx-seg.is-active{background:var(--green-soft);color:var(--green-strong);}
}
:root[data-theme="dark"] .lx-seg.is-active{background:var(--green-soft);color:var(--green-strong);}

/* ---- phones ---- */
@media (max-width:640px){
	.lx-hero-meta{width:100%;justify-content:flex-start;margin-left:0;}
	.lx-featured-head{align-items:flex-start;flex-direction:column;gap:2px;}
	.lx-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
	.lx-featured-card{align-items:flex-start;}
	.lx-tools{flex-wrap:wrap;}
	.lx-area-head{padding:14px 14px 10px;}
	.lx-grid{padding:0 14px 14px;grid-template-columns:1fr;}
	.lx-add{width:100%;}
	.lx-tools .lx-area-pick{flex:1 1 100%;}
	.lx-shell.is-list .lx-card{flex-direction:column;align-items:stretch;}
	.lx-dialog{padding:16px;}
	.lx-dialog.lx-experience-dialog{padding:0;}
	.lx-experience-page{width:min(100% - 24px,1000px);padding-top:76px;}
	.lx-experience-actions{grid-template-columns:1fr;padding:12px;}
}
@media (prefers-reduced-motion: reduce){
	.lx-card,.lx-toast{transition:none;}
	.lx-card.is-new{animation:none;outline:2px solid var(--green);}
}

/* ---- Experience Collector 2.0 ---- */
.lx-detail-meta,.lx-resource-buttons,.lx-passport-stats,.lx-skill-list{display:flex;flex-wrap:wrap;gap:8px;}
.lx-detail-meta{margin:14px 0;}
.lx-detail-chip{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:.82rem;}
.lx-guidance{margin:12px 0;padding:12px 14px;border-left:4px solid var(--blue);border-radius:8px;background:var(--blue-soft);}
.lx-guidance summary{cursor:pointer;font-weight:700;}
.lx-guidance p:last-child{margin-bottom:0;}
.lx-resource-section{margin:18px 0;padding:16px;border:1.5px solid var(--line);border-radius:18px;background:var(--card);}
.lx-resource-section .lx-dlg-sub{margin-top:0;}
.lx-resource-buttons .lg-btn{flex:1 1 180px;text-align:center;}
.lx-inline-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;font-weight:500!important;}
.lx-inline-check input{width:18px;height:18px;accent-color:var(--green);}
.lx-prep-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.lx-completion-panel{margin:18px 0;padding:16px;border:1.5px solid var(--green);border-radius:18px;background:var(--green-soft);}
.lx-completion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.lx-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.lx-related-card{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--card);}
.lx-passport-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:14px 0 20px;}
.lx-passport-stat{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--paper);}
.lx-passport-stat strong{display:block;font-size:1.45rem;color:var(--rust);}
.lx-history{margin:18px 0;padding:0;list-style:none;}
.lx-history li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);}
.lx-child-picker{padding:10px;border:1px solid var(--line);border-radius:12px;}
.lx-child-picker legend{padding:0 4px;font-weight:700;}
.lx-calendar-dialog{width:min(560px,94vw);padding:24px;}
.lx-calendar-dialog h2{margin:0 44px 18px 0;}
.lx-calendar-dialog .lx-dialog-close{position:absolute;top:14px;right:14px;}
.lx-calendar-dialog .lx-calendar-add{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.lx-calendar-dialog .lx-calendar-add > label:first-child,.lx-calendar-dialog .lx-child-picker,.lx-calendar-dialog .lg-form-msg{grid-column:1/-1;}
.lx-calendar-dialog input[type=date],.lx-calendar-dialog input[type=time],.lx-calendar-dialog input[type=text]{width:100%;min-height:44px;border:1.5px solid var(--line);border-radius:14px;padding:8px 12px;font:inherit;color:var(--ink);background:var(--card);}
.lx-related-card{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center;width:100%;text-align:left;color:var(--ink);font:inherit;cursor:pointer;}
.lx-related-card:hover{border-color:var(--green);background:var(--green-soft);}
.lx-related-card .lg-muted{grid-column:2;font-size:.8rem;line-height:1.35;}
.lx-related-icon{grid-row:1/3;font-size:1.5rem;}
@media (max-width:680px){
	.lx-prep-list,.lx-completion-grid,.lx-related-grid{grid-template-columns:1fr;}
	.lx-calendar-dialog .lx-calendar-add{grid-template-columns:1fr;}
	.lx-calendar-dialog .lx-calendar-add > *{grid-column:1!important;}
	.lx-history li{flex-direction:column;gap:2px;}
}

/* ---------- Full-screen experience page: 2/3 + 1/3 layout ---------- */
.lx-dialog.lx-experience-dialog .lx-experience-page{width:min(100% - 32px,1180px);}
.lx-exp-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;align-items:start;margin-top:16px;}
.lx-exp-main,.lx-exp-side{min-width:0;}
.lx-exp-main .lx-experience-actions{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:12px;}
.lx-exp-main .lx-experience-action{padding:10px;}
.lx-exp-main .lx-guidance{margin:0 0 18px;}
.lx-exp-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:24px;}
.lx-side-card{padding:16px;border:1.5px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow);}
.lx-side-card>.lx-dlg-sub:first-child{margin-top:0;}
.lx-exp-side .lx-prep-list{grid-template-columns:1fr;}
.lx-exp-side .lx-ages{gap:4px;}
.lx-exp-side .lx-seg{flex:1 1 auto;}
.lx-exp-side .lx-completion{display:flex;flex-direction:column;gap:12px;}
.lx-exp-side .lx-completion .lg-btn{width:100%;}
.lx-dialog .lx-related{margin-top:28px;}

/* The experience article */
.lx-article{padding:22px 26px;border:1.5px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow);}
.lx-article-eyebrow{margin:0 0 4px;font-family:var(--font-mono,'IBM Plex Mono',monospace);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--lx-c,var(--green-strong));}
.lx-article-body{font-size:1.02rem;line-height:1.7;color:var(--ink);}
.lx-article-body>:first-child{margin-top:6px;}
.lx-article-body h1,.lx-article-body h2{font-size:1.25rem;line-height:1.3;margin:1.4em 0 .4em;color:var(--ink);}
.lx-article-body h3,.lx-article-body h4{font-size:1.05rem;margin:1.2em 0 .3em;color:var(--ink);}
.lx-article-body p{margin:.5em 0 .9em;max-width:none;}
.lx-article-body ul,.lx-article-body ol{margin:.3em 0 1em;padding-left:1.3em;}
.lx-article-body li{margin:.3em 0;}
.lx-article-body li::marker{color:var(--lx-c,var(--green-strong));}
.lx-article-body a{color:var(--blue-strong);text-decoration:underline;text-underline-offset:3px;}
.lx-article-body img{max-width:100%;height:auto;border-radius:12px;}
.lx-article-edit{display:inline-block;margin-top:10px;font-size:.85rem;font-weight:700;color:var(--blue-strong);}

@media (max-width:900px){
	.lx-exp-layout{grid-template-columns:1fr;}
	.lx-exp-side{position:static;}
	.lx-article{padding:16px;}
}
.lx-exp-side .lx-ages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;}
.lx-exp-side .lx-ages .lx-seg{padding:8px 4px;font-size:.78rem;white-space:nowrap;text-align:center;min-width:0;}