/* Everflow Study / GitHub-inspired annual check-in grid */
.study-home-shell{padding:32px 0 78px}
.study-home-lead{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:19px}
.study-home-lead h1{font-size:clamp(30px,3.3vw,42px);letter-spacing:-.055em;line-height:1.13;margin:5px 0 0}
.study-home-lead>p{margin:0 0 4px;max-width:420px;color:var(--muted);font-size:12px;line-height:1.7;text-align:right}
.study-home-grid{display:grid;grid-template-columns:minmax(0,1.73fr) minmax(340px,1fr);gap:16px;align-items:stretch}
.study-home-heatmap,.study-home-courses{border:1px solid var(--line);border-radius:24px;background:var(--card);min-width:0}
.study-home-heatmap.heatmap-shell{padding:24px 24px 22px;--heat-accent:#2da44e}
.study-home-panel-top{display:flex;justify-content:space-between;align-items:start;gap:15px}
.study-home-panel-top h2,.study-home-courses-header h2{margin:5px 0 3px;font-size:28px;letter-spacing:-.045em;line-height:1.2}
.study-home-panel-top p,.study-home-courses-header p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}
.study-home-manual.learning-btn{min-height:37px;padding:0 11px;white-space:nowrap;font-size:11px;border-radius:11px}
.study-home-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:25px 0 26px}
.study-home-metrics>div{padding:0 13px;border-right:1px solid var(--line);min-width:0}
.study-home-metrics>div:first-child{padding-left:0}
.study-home-metrics>div:last-child{border:0;padding-right:0}
.study-home-metrics strong{display:block;font-size:clamp(22px,2.45vw,32px);font-weight:850;line-height:1.15;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.study-home-metrics span{display:block;margin-top:7px;color:var(--muted);font-size:10px;line-height:1.4;white-space:nowrap}
.study-home-chart-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:19px;border-top:1px solid var(--line)}
.study-home-chart-header h3{margin:0;font-size:16px;letter-spacing:-.025em}
.study-home-chart-header p{margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.study-home-chart-header p[data-state=error]{color:#c83e4a}
.study-home-year-select{display:inline-flex;align-items:center;gap:3px;border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:3px;flex-shrink:0}
.study-home-year-select button{border:0;background:transparent;color:var(--ink);cursor:pointer;min-width:33px;height:32px;padding:0 5px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:820;white-space:nowrap}
.study-home-year-select button:nth-child(2){min-width:69px}
.study-home-year-select button:hover:not(:disabled){background:var(--card)}
.study-home-year-select button:disabled{opacity:.3;cursor:default}
.study-home-year-select .ui-icon{width:16px;height:16px}
.study-gh-scroll{width:100%;overflow-x:auto;overflow-y:hidden;margin-top:18px;padding-bottom:10px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 30%,transparent) transparent}
.study-gh-canvas{width:max-content;min-width:100%;--gh-size:9px;--gh-gap:2px;--gh-axis:31px}
.study-gh-months{display:grid;grid-auto-flow:column;grid-template-rows:15px;grid-template-columns:repeat(var(--gh-weeks,53),var(--gh-size));gap:var(--gh-gap);height:23px;margin-left:var(--gh-axis);font-size:10px;color:var(--muted)}
.study-gh-months span{white-space:nowrap;line-height:14px}
.study-gh-chart{display:grid;grid-template-columns:var(--gh-axis) max-content;align-items:start}
.study-gh-weekdays{display:grid;grid-template-rows:repeat(7,var(--gh-size));gap:var(--gh-gap);font-size:9px;color:var(--muted)}
.study-gh-weekdays span{display:flex;align-items:center;white-space:nowrap}
.study-gh-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,var(--gh-size));grid-template-columns:repeat(var(--gh-weeks,53),var(--gh-size));gap:var(--gh-gap);align-content:start;justify-content:start}
.study-gh-grid .gh-day{border:1px solid rgba(27,31,35,.035);border-radius:2px;width:var(--gh-size);height:var(--gh-size);padding:0;display:block;cursor:pointer;transition:outline-color .1s}
.study-gh-grid .gh-day:hover{outline:2px solid color-mix(in srgb,#2da44e 70%,var(--ink));outline-offset:1px;z-index:1}
.study-gh-grid .gh-day:focus-visible{outline:2px solid #0969da;outline-offset:1px}
.study-gh-grid .gh-day[data-today="true"]{outline:1px solid #0969da;outline-offset:1px}
.study-gh-grid .gh-day[data-level="0"],.study-gh-legend i[data-level="0"]{background:#ebedf0}
.study-gh-grid .gh-day[data-level="1"],.study-gh-legend i[data-level="1"]{background:#9be9a8}
.study-gh-grid .gh-day[data-level="2"],.study-gh-legend i[data-level="2"]{background:#40c463}
.study-gh-grid .gh-day[data-level="3"],.study-gh-legend i[data-level="3"]{background:#30a14e}
.study-gh-grid .gh-day[data-level="4"],.study-gh-legend i[data-level="4"]{background:#216e39}
.study-gh-grid .gh-day-placeholder{background:transparent;width:var(--gh-size);height:var(--gh-size)}
.study-gh-summary{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-top:18px;padding:13px 15px;border:1px solid var(--line);background:var(--soft);border-radius:12px}
.study-gh-summary>span{font-size:11px;font-weight:730;color:var(--ink)}
.study-gh-legend{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}
.study-gh-legend i{display:block;width:11px;height:11px;border-radius:2px;border:1px solid rgba(27,31,35,.05)}
.study-gh-note{margin-top:12px;font-size:10px;line-height:1.65;color:var(--muted)}
.dark .study-gh-grid .gh-day[data-level="0"],.dark .study-gh-legend i[data-level="0"]{background:#2d333b}
.dark .study-gh-grid .gh-day[data-level="1"],.dark .study-gh-legend i[data-level="1"]{background:#0e4429}
.dark .study-gh-grid .gh-day[data-level="2"],.dark .study-gh-legend i[data-level="2"]{background:#006d32}
.dark .study-gh-grid .gh-day[data-level="3"],.dark .study-gh-legend i[data-level="3"]{background:#26a641}
.dark .study-gh-grid .gh-day[data-level="4"],.dark .study-gh-legend i[data-level="4"]{background:#39d353}
.study-home-courses{padding:25px 22px 22px;display:flex;flex-direction:column;gap:15px}
.study-home-courses-header{display:flex;align-items:start;justify-content:space-between;gap:14px}
.study-home-courses-header h2{font-size:27px}
.study-home-course-manage{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--muted);white-space:nowrap;margin-top:4px;font-weight:750}
.study-home-course-manage .ui-icon{width:13px;height:13px}
.study-home-course-items{display:grid;gap:9px;min-width:0}
.study-home-course-item{min-width:0;min-height:75px;display:grid;grid-template-columns:43px minmax(0,1fr) 17px;gap:11px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--soft) 45%,var(--card));transition:background .14s,border-color .14s}
.study-home-course-item:hover{background:var(--soft);border-color:color-mix(in srgb,var(--ink) 15%,var(--line))}
.study-home-course-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:12px;font-weight:900;background:color-mix(in srgb,#2e80f0 14%,var(--card));color:#246bd1}
.study-home-course-item:nth-child(4n+2) .study-home-course-icon{background:color-mix(in srgb,#32a666 14%,var(--card));color:#258557}
.study-home-course-item:nth-child(4n+3) .study-home-course-icon{background:color-mix(in srgb,#df9235 14%,var(--card));color:#c17d23}
.study-home-course-item:nth-child(4n+4) .study-home-course-icon{background:color-mix(in srgb,#9d6bdf 14%,var(--card));color:#8a5cc7}
.study-home-course-copy{min-width:0}
.study-home-course-copy strong{display:block;font-size:12px;font-weight:830;line-height:1.55;white-space:normal;overflow-wrap:anywhere}
.study-home-course-copy small{display:block;margin-top:3px;font-size:10px;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}
.study-home-course-item>.ui-icon{width:15px;height:15px;color:var(--muted)}
.study-home-course-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:12px;background:var(--ink);color:var(--paper);padding:12px 15px;font-size:13px;font-weight:820;margin-top:auto;min-height:44px}
.study-home-course-cta .ui-icon{width:16px;height:16px}
.study-home-course-cta:hover{opacity:.88}
.study-home-practice-link{border-top:1px solid var(--line);padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px}
.study-home-practice-link a{display:inline-flex;align-items:center;gap:5px;color:var(--ink);font-weight:800}
.study-home-practice-link .ui-icon{width:13px;height:13px}
.study-home-courses:target{scroll-margin-top:90px}
@media(max-width:1050px){
  .study-home-grid{grid-template-columns:minmax(0,1fr)}
  .study-home-courses{max-width:none}
  .study-home-course-items{grid-template-columns:repeat(2,minmax(0,1fr))}
  .study-home-metrics strong{font-size:29px}
}
@media(max-width:650px){
  .study-home-shell{padding:22px 0 50px}
  .study-home-lead{display:block;margin-bottom:15px}
  .study-home-lead h1{font-size:32px}
  .study-home-lead>p{margin:8px 0 0;text-align:left}
  .study-home-heatmap.heatmap-shell{padding:18px 15px 17px;border-radius:20px}
  .study-home-panel-top{gap:9px}
  .study-home-panel-top h2{font-size:23px}
  .study-home-panel-top p{font-size:10px}
  .study-home-manual.learning-btn{min-height:34px;padding:0 8px;font-size:10px}
  .study-home-metrics{gap:0;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:15px;margin:18px 0 19px}
  .study-home-metrics>div{padding:0 10px;border-right:0}
  .study-home-metrics>div:nth-child(odd){padding-left:0;border-right:1px solid var(--line)}
  .study-home-metrics strong{font-size:25px}
  .study-home-metrics span{font-size:10px}
  .study-home-chart-header{align-items:start;gap:8px}
  .study-home-chart-header h3{font-size:14px}
  .study-home-year-select button{min-width:28px;height:30px}
  .study-home-year-select button:nth-child(2){min-width:59px}
  .study-gh-canvas{--gh-size:10px;--gh-gap:3px;--gh-axis:30px}
  .study-gh-summary{align-items:start}
  .study-home-courses{padding:20px 16px;border-radius:20px}
  .study-home-course-items{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.study-home-course-item,.study-gh-grid .gh-day{transition:none}}


/* Recent course / exam / Relax1000 activity cards */
.study-recent-section{margin-top:17px;padding:23px 24px 18px;background:var(--card);border:1px solid var(--line);border-radius:24px;min-width:0}
.study-recent-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}
.study-recent-heading h2{font-size:22px;line-height:1.3;margin:5px 0 4px;letter-spacing:-.035em}
.study-recent-heading h2 span{color:var(--muted);font-size:17px;font-weight:700}
.study-recent-heading p{color:var(--muted);font-size:11px;margin:0;line-height:1.7}
.study-recent-primary{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border-radius:11px;background:var(--ink);color:var(--paper);font-weight:800;font-size:11px;white-space:nowrap}
.study-recent-primary[hidden]{display:none}
.study-recent-primary:hover{opacity:.86}
.study-recent-primary .ui-icon{width:14px;height:14px}
.study-recent-entries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.study-recent-item{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:minmax(85px,1fr) auto;gap:7px 10px;border:1px solid var(--line);border-radius:15px;padding:14px;background:color-mix(in srgb,var(--soft) 45%,var(--card))}
.study-recent-icon{grid-row:1;display:grid;place-items:center;height:34px;width:34px;background:color-mix(in srgb,#2576dd 12%,var(--card));border-radius:10px;color:#2772d2;font-size:12px;font-weight:900}
.study-recent-item:nth-child(2) .study-recent-icon{background:color-mix(in srgb,#20a063 13%,var(--card));color:#228959}
.study-recent-item:nth-child(3) .study-recent-icon{background:color-mix(in srgb,#b17fe0 15%,var(--card));color:#9057c4}
.study-recent-copy{min-width:0}
.study-recent-copy>span{display:block;color:var(--muted);font-weight:700;font-size:10px}
.study-recent-copy strong{display:block;margin-top:3px;font-size:13px;line-height:1.45;font-weight:825;overflow-wrap:anywhere}
.study-recent-copy small{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.55;overflow-wrap:anywhere}
.study-recent-action{grid-column:1/-1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;min-height:35px;border-radius:10px;font-size:11px;font-weight:850;background:var(--card);border:1px solid var(--line);color:var(--ink)}
.study-recent-action:hover{background:var(--soft);border-color:color-mix(in srgb,var(--ink) 16%,var(--line))}
.study-recent-action .ui-icon{width:13px;height:13px}
.study-recent-item.is-empty .study-recent-copy strong{font-weight:700;font-size:12px}
.study-recent-item.is-empty .study-recent-action{color:var(--muted)}
.study-recent-status{margin:12px 0 0;color:var(--muted);font-size:10px;line-height:1.5}
.study-recent-loading{grid-column:1/-1;text-align:center;padding:34px 8px;color:var(--muted);font-size:12px}
@media(max-width:980px){.study-recent-entries{grid-template-columns:1fr}.study-recent-item{grid-template-columns:38px minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;min-height:86px}.study-recent-icon{grid-row:1}.study-recent-action{grid-column:3;white-space:nowrap}}
@media(max-width:650px){.study-recent-section{margin-top:13px;padding:19px 14px 15px;border-radius:20px}.study-recent-heading{align-items:start;flex-wrap:wrap;gap:9px;margin-bottom:13px}.study-recent-heading h2{font-size:20px}.study-recent-heading h2 span{font-size:14px}.study-recent-primary{width:100%}.study-recent-item{grid-template-columns:33px minmax(0,1fr);grid-template-rows:auto auto;align-items:start;padding:12px}.study-recent-icon{width:33px;height:33px}.study-recent-action{grid-column:1/-1;width:100%}}