/* DEV-06 · PAGE 20 · approved PERSONAL LEARNING DESK */
.lk3-my-lekcija-body{--paper:#f4f0e7;--surface:#fbf8f1;--ink:#151515;--muted:#6d685f;--red:#ef2b2d;--cobalt:#315bff;--lime:#ddf460;--container:1360px;--gutter:80px;background:var(--paper);color:var(--ink);overflow-x:hidden}
.lk3-my-page *{box-sizing:border-box}.lk3-my-page a{color:inherit;text-decoration:none}.my-shell{width:min(var(--container),calc(100% - (var(--gutter) * 2)));margin-inline:auto}
.my-auth-gate{padding:70px 0 90px}.auth-panel{max-width:820px;padding:30px 0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.auth-panel h1{margin:10px 0;font-size:46px;line-height:.96;letter-spacing:-.05em}.auth-panel p{max-width:650px;margin:0 0 22px;color:var(--muted);font-size:16px}.auth-actions{display:flex;gap:10px;flex-wrap:wrap}.my-btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border:2px solid var(--ink);font-size:14px;font-weight:800;border-radius:8px}.my-btn-primary{background:var(--red);border-color:var(--red);color:#fff!important}
.my-head{padding:48px 0 24px}.my-eyebrow{color:var(--muted);font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.my-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;padding:10px 0 24px;border-bottom:1px solid rgba(21,21,21,.18)}.my-title-row h1{margin:0;font-size:clamp(52px,5vw,74px);line-height:.93;letter-spacing:-.06em;font-weight:900}.my-title-row p{margin:10px 0 0;color:var(--muted);font-size:17px}.my-account-meta{text-align:right}.my-plan{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;background:var(--ink);color:var(--paper);font-size:14px;font-weight:900;letter-spacing:.045em}.my-active-count{margin-top:10px;color:#58534c;font-size:14px;font-weight:750}
.my-tabs{display:flex;gap:30px;border-bottom:2px solid var(--ink);overflow:visible;flex-wrap:wrap}.my-tab{min-height:60px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:#6c675f;font-size:15px;font-weight:850;position:relative}.my-tab span{min-width:23px;height:23px;padding:0 6px;display:grid;place-items:center;border:1px solid rgba(21,21,21,.24);font-size:14px}.my-tab::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:5px;background:var(--cobalt)}.my-tab.is-active{color:var(--ink)}.my-tab.is-active::after{right:0}.my-view{padding:34px 0 84px}.my-notice{margin:0 0 12px;padding:12px 14px;border-left:4px solid var(--cobalt);background:var(--surface);font-size:14px;font-weight:700}
.primary-continue{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);min-height:330px;background:#151515;color:var(--paper);position:relative;overflow:hidden}.primary-continue::before{content:"";position:absolute;left:0;top:0;width:78px;height:5px;background:var(--red)}.primary-copy{padding:38px 42px 36px;display:flex;flex-direction:column;justify-content:center}.primary-label{color:rgba(244,240,231,.54);font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.primary-copy h2{margin:12px 0;font-size:clamp(40px,4vw,58px);line-height:.95;letter-spacing:-.05em;font-weight:900}.primary-copy p{max-width:650px;margin:0 0 23px;color:rgba(244,240,231,.68);font-size:16px;line-height:1.55}.primary-link{display:inline-flex;width:max-content;align-items:center;gap:9px;border-bottom:1px solid rgba(244,240,231,.35);font-size:14px;font-weight:850}.primary-progress{padding:38px;border-left:1px solid rgba(244,240,231,.15);display:flex;flex-direction:column;justify-content:space-between}.progress-percent{font-size:84px;line-height:.85;letter-spacing:-.07em;font-weight:900}.progress-meta{display:grid;gap:7px}.progress-meta span{color:rgba(244,240,231,.5);font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.progress-meta strong{font-size:15px}.progress-track{height:7px;background:rgba(244,240,231,.12);overflow:hidden}.progress-track span{display:block;height:100%;background:var(--lime)}
.my-section{margin-top:42px}.my-section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:14px}.my-section-head h2{margin:0;font-size:34px;line-height:1;letter-spacing:-.04em;font-weight:900}.section-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;margin-left:8px;padding:0 8px;border:1px solid rgba(21,21,21,.22);vertical-align:middle;color:#6e6961;font-size:14px;font-weight:800}
.active-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.active-card{min-height:255px;padding:24px 22px 20px;border-top:2px solid var(--ink);border-bottom:1px solid rgba(21,21,21,.18);background:var(--surface);display:flex;flex-direction:column;justify-content:space-between;position:relative}.active-card::before{content:"";position:absolute;left:0;top:-2px;width:56px;height:5px;background:var(--cobalt)}.active-card[data-mode=challenge]{background:var(--lime)}.active-card[data-mode=challenge]::before{background:var(--ink)}.active-card[data-mode=deep]{background:#151515;color:var(--paper)}.active-card[data-mode=deep]::before{background:var(--red)}.active-label{font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#777168}.active-card[data-mode=deep] .active-label{color:rgba(244,240,231,.5)}.active-card h3{margin:13px 0 10px;font-size:28px;line-height:1.02;letter-spacing:-.04em}.active-note{margin:0;color:var(--muted);font-size:14px}.active-card[data-mode=deep] .active-note{color:rgba(244,240,231,.58)}.active-link{display:inline-flex;align-items:center;gap:8px;width:max-content;font-size:14px;font-weight:850;margin-top:20px}
.preview-shelf,.library-rows{border-top:2px solid var(--ink)}.preview-row,.library-row{min-height:108px;display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:22px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(21,21,21,.18)}.preview-mode,.library-mode{font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#777168}.preview-copy strong,.library-copy strong{display:block;font-size:18px;line-height:1.18;letter-spacing:-.02em}.preview-copy span,.library-copy span{display:block;margin-top:4px;color:var(--muted);font-size:14px}.preview-action,.shelf-more,.library-actions a,.library-actions button{font-size:14px;font-weight:850;border:0;background:transparent;border-bottom:1px solid rgba(21,21,21,.28);padding:2px 0}.preview-action{justify-self:end}.shelf-more{display:inline-flex;margin-top:16px}.library-actions{display:flex;align-items:center;gap:16px}.library-actions form{margin:0}.library-actions .remove{color:#746f67;cursor:pointer}
.filter-strip{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.filter-btn{min-height:46px;display:inline-flex;align-items:center;border:1px solid rgba(21,21,21,.26);padding:0 18px;font-size:14px;font-weight:850}.filter-btn.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.month-group{margin-top:28px}.month-label{margin:0 0 9px;color:#777168;font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.my-empty{padding:24px 0 26px;border-top:2px solid var(--ink);border-bottom:1px solid rgba(21,21,21,.18)}.my-empty-primary{margin-bottom:42px}.my-empty strong{display:block;margin-bottom:6px;font-size:20px;line-height:1.15;letter-spacing:-.025em}.my-empty p{margin:0 0 14px;color:var(--muted);font-size:16px}.my-empty a{display:inline-flex;font-size:14px;font-weight:850;border-bottom:1px solid rgba(21,21,21,.28)}
@media(max-width:1450px){.lk3-my-lekcija-body{--gutter:48px}}
@media(max-width:1199px){.lk3-my-lekcija-body{--gutter:40px}.active-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:959px){.primary-continue{grid-template-columns:1fr}.primary-progress{border-left:0;border-top:1px solid rgba(244,240,231,.15);display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:end}.progress-track{grid-column:1/-1}.active-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.lk3-my-lekcija-body{--gutter:20px}.my-head{padding-top:34px}.my-title-row{grid-template-columns:1fr;gap:16px}.my-account-meta{text-align:left}.my-title-row h1{font-size:44px}.my-view{padding-top:26px;padding-bottom:66px}.primary-copy{padding:30px 22px}.primary-copy h2{font-size:38px}.primary-progress{padding:28px 22px;grid-template-columns:1fr}.progress-percent{font-size:66px}.progress-track{grid-column:1}.active-grid{grid-template-columns:1fr}.preview-row,.library-row{grid-template-columns:1fr;gap:7px;padding:18px 0}.preview-action{justify-self:start}.library-actions{justify-content:flex-start;flex-wrap:wrap}.my-section-head{align-items:flex-start;flex-direction:column;gap:8px}.auth-panel h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.lk3-my-page *{scroll-behavior:auto!important;transition:none!important}}

.lk3-my-page a:hover,.lk3-my-page button:hover{color:var(--red,#C64A3C);text-decoration:none;}
.lk3-my-page .my-btn-primary:hover{background:#333;color:#fff;}
.lk3-my-page a:focus-visible,.lk3-my-page button:focus-visible{outline:2px solid currentColor;outline-offset:4px;}
.lk3-my-page .library-actions a{min-height:44px;display:inline-flex;align-items:center;}
.completed-collection{padding:12px 0;border-bottom:1px solid rgba(21,21,21,.15);line-height:1.6;}
.lk3-my-page .primary-link,.lk3-my-page .active-link{min-height:44px;}
.lk3-my-page .primary-link:hover{color:var(--paper)!important;border-bottom-color:var(--paper);text-decoration:none;}
.lk3-my-page .filter-btn:hover{background:#ebe4d8;color:var(--ink);}
.lk3-my-page .filter-btn.is-active:hover{background:#333;color:var(--paper);}

.lk3-my-page a,.lk3-my-page a:hover,.lk3-my-page button:hover{text-decoration:none!important;}

/* QA49 · Completed history uses ordinary GET links, 20 items per page. */
.my-history-pagination{margin-top:28px;padding-top:20px;border-top:1px solid #15151530}
.my-history-pagination>p{margin:0 0 12px;font-size:16px}
.my-history-pages{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.my-history-pages>a,.my-history-pages>span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;color:#151515;text-decoration:none;border:1px solid #151515;background:transparent}
.my-history-pages>a:hover{color:#EF2B2D;border-color:#EF2B2D}
.my-history-pages>span[aria-current="page"]{background:#151515;color:#fff}
.my-history-pages>span.my-page-gap{border-color:transparent;min-width:20px;padding-inline:0}
.my-history-pages>a:focus-visible{outline:2px solid #151515;outline-offset:3px}