.study-page{--surface:#fff;--ground:#f4f6fa;--ink:#333;--muted:#686b75;--line:#e2e8f1;--accent:#3273dc}.theme-dark .study-page,[data-theme=dark] .study-page{--surface:#222;--ground:#141414;--ink:#ededed;--muted:#b1b2bc;--line:#3b3b3d;--accent:#86acff}.study-page{color:var(--ink,#333);font-size:16px;line-height:1.65;margin:0 auto;max-width:1240px;padding:28px 0 48px}.study-page *{box-sizing:border-box}.study-page [hidden]{display:none!important}.study-page h1,.study-page h2,.study-page h3,.study-page p{margin:0}.study-page button,.study-page input,.study-page select{font:inherit}.study-page a{color:var(--accent,#3273dc);text-decoration:none}.study-page a:hover{text-decoration:underline}.study-page :focus-visible{outline:2px solid var(--accent,#3273dc);outline-offset:3px}.study-page-heading{margin-bottom:22px}.study-page-heading h1{font-size:24px;font-weight:700;line-height:1.4}.study-page-heading p{color:var(--muted,#70727c);font-size:15px;margin-top:8px}.study-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.study-filters button{background:var(--surface,#fff);border:1px solid var(--line,#e4e7ed);border-radius:5px;color:var(--ink,#333);cursor:pointer;font-size:15px;padding:7px 18px}.study-filters button[aria-pressed=true]{background:var(--accent,#3273dc);border-color:var(--accent,#3273dc);color:#fff}.study-filters button:hover{border-color:var(--accent,#3273dc)}.study-routes{display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:28px}.study-route{background:var(--surface,#fff);border:1px solid var(--line,#e4e7ed);border-radius:8px;padding:22px 24px}.study-route-heading{border-bottom:1px solid var(--line,#e4e7ed);padding-bottom:15px}.study-boards-heading h2,.study-route h2{font-size:20px;font-weight:650;line-height:1.5}.study-boards-heading p,.study-route-heading p{color:var(--muted,#70727c);font-size:14px;margin-top:4px}.study-steps{list-style:none;margin:0;padding:0}.study-steps li{align-items:center;border-bottom:1px solid var(--line,#e4e7ed);display:grid;gap:12px;grid-template-columns:28px 1fr auto;padding:19px 0}.study-steps li:last-child{border:0;padding-bottom:3px}.study-step-no{background:var(--ground,#f5f6f8);border-radius:50%;color:var(--accent,#3273dc);font-size:13px;font-weight:600;height:26px;line-height:26px;text-align:center;width:26px}.study-linux-rows h3,.study-steps h3{font-size:15px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.study-linux-rows p,.study-steps p{color:var(--muted,#70727c);font-size:13px;margin-top:4px}.study-step-link{font-size:13px;white-space:nowrap}.study-linux-rows>div{align-items:center;border-bottom:1px solid var(--line,#e4e7ed);display:grid;gap:12px;grid-template-columns:58px 1fr auto;padding:16px 0}.study-linux-rows>div:last-child{border:0;padding-bottom:0}.study-linux-rows img{background:#fff;border-radius:4px;height:52px;-o-object-fit:contain;object-fit:contain;padding:3px;width:58px}.study-route-single{grid-template-columns:1fr}.study-route-single .study-linux-rows,.study-route-single .study-steps{max-width:820px}.study-boards{background:var(--surface,#fff);border:1px solid var(--line,#e4e7ed);border-radius:8px;padding:24px}.study-boards-heading{align-items:center;display:flex;gap:24px;justify-content:space-between}.study-board-search{align-items:center;background:var(--surface,#fff);border:1px solid var(--line,#e4e7ed);border-radius:5px;color:var(--muted,#70727c);display:flex;gap:9px;min-width:296px;padding:9px 12px}.study-board-search input{background:transparent;border:0;color:var(--ink,#333);font-size:14px;min-width:0;outline:none;width:100%}.study-board-search input::-moz-placeholder{color:var(--muted,#70727c)}.study-board-search input::placeholder{color:var(--muted,#70727c)}.study-board-search:focus-within{border-color:var(--accent,#3273dc)}.study-board-search svg{flex:none}.study-board-shortcut{align-items:center;background:var(--ground,#f5f6f8);border-radius:5px;display:flex;font-size:14px;gap:14px;margin-top:20px;padding:14px 16px}.study-board-shortcut label{font-weight:600;white-space:nowrap}.study-board-shortcut select{background:var(--surface,#fff);border:1px solid var(--line,#e4e7ed);border-radius:4px;color:var(--ink,#333);font-size:14px;max-width:100%;min-width:0;padding:8px 32px 8px 10px;width:320px}.study-board-shortcut a{white-space:nowrap}.study-board-shortcut a[aria-disabled=true]{color:var(--muted,#70727c);cursor:default;text-decoration:none}.study-results-status{color:var(--muted,#70727c);font-size:13px;margin-top:18px!important}.study-board-group{margin-top:20px}.study-board-group>h3{font-size:17px;font-weight:600;margin-bottom:12px}.study-board-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.study-board-card{border:1px solid var(--line,#e4e7ed);border-radius:6px;color:var(--ink,#333)!important;display:flex;flex-direction:column;min-width:0;padding:12px 14px 14px;transition:border-color .16s,background-color .16s}.study-board-card:hover{border-color:var(--accent,#3273dc);text-decoration:none!important}.study-board-picture{align-items:center;background:#fff;border-radius:4px;display:flex;height:116px;justify-content:center;margin-bottom:12px}.study-board-picture img{height:100%;-o-object-fit:contain;object-fit:contain;padding:8px;width:100%}.study-board-card strong{font-size:14px;font-weight:600;line-height:1.55;overflow-wrap:anywhere}.study-board-desc{color:var(--muted,#70727c);flex:1;font-size:12px;line-height:1.6;margin-top:5px}.study-board-entry{color:var(--accent,#3273dc);display:flex;font-size:13px;gap:6px;justify-content:space-between;margin-top:12px}.study-empty{padding:32px 16px;text-align:center}.study-empty h3{font-size:18px}.study-empty p{color:var(--muted,#70727c);font-size:14px;margin:8px 0 16px}.study-empty button{background:var(--surface,#fff);border:1px solid var(--line,#e4e7ed);border-radius:5px;color:var(--accent,#3273dc);cursor:pointer;padding:8px 18px}.study-footer-note{color:var(--muted,#70727c);font-size:13px;margin-top:18px}@media(max-width:1288px){.study-page{margin-left:24px;margin-right:24px}}@media(max-width:1050px){.study-routes{grid-template-columns:1fr}.study-route{padding:20px}.study-board-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.study-linux-rows>div{grid-template-columns:64px 1fr auto}.study-boards-heading{gap:16px}.study-board-search{min-width:260px}}@media(max-width:700px){.study-page{margin-left:16px;margin-right:16px;padding-top:20px}.study-page-heading{margin-bottom:18px}.study-page-heading p{font-size:14px}.study-filters{gap:8px}.study-filters button{font-size:13px;padding:7px 11px}.study-routes{gap:16px;margin-bottom:20px}.study-route{padding:17px 16px}.study-boards-heading h2,.study-route h2{font-size:18px}.study-steps li{gap:8px;grid-template-columns:24px 1fr auto;padding:16px 0}.study-linux-rows h3,.study-steps h3{font-size:14px}.study-linux-rows p,.study-step-link,.study-steps p{font-size:12px}.study-linux-rows>div{gap:8px;grid-template-columns:42px 1fr auto}.study-linux-rows img{height:42px;width:42px}.study-boards{padding:18px 14px}.study-boards-heading{align-items:stretch;flex-direction:column;gap:14px}.study-board-search{min-width:0;width:100%}.study-board-shortcut{display:grid;gap:8px;grid-template-columns:1fr auto;padding:12px}.study-board-shortcut label{grid-column:1/-1}.study-board-shortcut select{font-size:12px;padding:8px;width:100%}.study-board-shortcut a{font-size:12px}.study-board-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.study-board-card{padding:9px 10px 12px}.study-board-picture{height:91px;margin-bottom:10px}.study-board-picture img{padding:3px}.study-board-card strong,.study-board-desc,.study-board-entry{font-size:12px}.study-board-group{margin-top:18px}.study-board-group>h3{font-size:16px}.study-footer-note{font-size:12px}.study-page :focus-visible{outline-offset:2px}}@media(prefers-reduced-motion:reduce){.study-board-card{transition:none}}.study-page .study-steps h3{font-size:16px}.study-page .study-board-shortcut [aria-disabled=true]{color:var(--muted);white-space:nowrap}.theme-dark .study-page .study-filters button[aria-pressed=true],[data-theme=dark] .study-page .study-filters button[aria-pressed=true]{background:#245de9;border-color:#245de9;color:#fff}@media(max-width:600px){.study-page .study-linux-rows h3{font-size:13px}.study-page .study-steps h3{font-size:15px}.study-page .study-board-card strong{font-size:13px}.study-page .study-board-shortcut [aria-disabled=true]{font-size:12px}}