:root{--study-accent:#185adb;--study-tint:#eef4ff;--study-green:#167044}html.dark{--study-accent:#8ab4ff;--study-tint:#15223a;--study-green:#87d9ab}.study-hero{background:var(--bg-surface);border-bottom:1px solid var(--border-themed);padding:76px 0}.study-hero-grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:72px;display:grid}.study-eyebrow{color:var(--study-accent);letter-spacing:.09em;font-size:11px;font-weight:650}.study-intro h1{color:var(--text-primary);letter-spacing:-.045em;text-wrap:balance;margin:20px 0;font-size:clamp(34px,4.3vw,54px);line-height:1.09}.study-description{color:var(--text-secondary);max-width:520px;font-size:17px;line-height:1.75}.study-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.study-action{background:var(--text-primary);min-height:46px;color:var(--bg-surface);border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:14px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .15s,border-color .15s;display:inline-flex}.study-action:hover{opacity:.83}.study-action-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-themed)}.study-action-secondary:hover{border-color:var(--text-secondary)}.study-reassurance{color:var(--text-secondary);margin-top:16px;font-size:12px;line-height:1.7}.study-start{border:1px solid var(--border-themed);background:var(--bg-page);border-radius:16px;padding:26px}.study-start-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.study-status{color:var(--study-green);font-size:11px}.study-start h2{letter-spacing:-.03em;color:var(--text-primary);margin:20px 0 6px;font-size:23px;font-weight:600}.study-start>p{color:var(--text-secondary);font-size:13px}.study-paths{margin-top:22px}.study-paths a{border-top:1px solid var(--border-themed);color:var(--text-primary);align-items:center;gap:14px;padding:18px 0;text-decoration:none;display:flex}.study-paths a>span:nth-child(2){flex:1;min-width:0}.study-paths a:hover strong{color:var(--study-accent)}.study-path-symbol{color:var(--study-accent);background:var(--study-tint);border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.study-paths strong{font-size:14px;font-weight:600;display:block}.study-paths small{color:var(--text-secondary);margin-top:4px;font-size:12px;line-height:1.5;display:block}.study-resume{border-top:1px solid var(--border-themed);color:var(--study-accent);justify-content:space-between;gap:12px;padding-top:18px;font-size:12px;text-decoration:none;display:flex}.study-resume:hover{text-decoration:underline}.study-difficulty{white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:12px;font-weight:550;display:inline-flex}.study-difficulty[data-difficulty=Easy]{color:#166534;background:#ecfdf3}.study-difficulty[data-difficulty=Medium]{color:#92400e;background:#fff7e6}.study-difficulty[data-difficulty=Hard]{color:#b42332;background:#fff0f1}html.dark .study-difficulty[data-difficulty=Easy]{color:#92dfb1;background:#142b20}html.dark .study-difficulty[data-difficulty=Medium]{color:#f3ca81;background:#302615}html.dark .study-difficulty[data-difficulty=Hard]{color:#ffa5b0;background:#351c24}.practice-toolbar{background:var(--bg-page);border-bottom:1px solid var(--border-themed);padding:18px 0}.practice-search{background:var(--bg-surface);border:1px solid var(--border-themed);border-radius:9px;flex:1;align-items:center;gap:10px;min-height:46px;padding:0 14px;display:flex}.practice-search:focus-within{outline:2px solid var(--study-accent);outline-offset:2px}.practice-search input{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;font-size:16px}.practice-search input:focus-visible{outline:0}.practice-search-row{align-items:center;gap:12px;display:flex}.practice-filter-toggle{display:none}.practice-filters{flex-wrap:wrap;align-items:end;gap:12px;margin-top:14px;display:flex}.practice-filter-field{min-width:150px;color:var(--text-secondary);flex:1;gap:6px;font-size:12px;display:grid}.practice-filter-field select{background:var(--bg-surface);width:100%;min-height:44px;color:var(--text-primary);border:1px solid var(--border-themed);border-radius:8px;padding:0 10px;font-size:14px}.practice-check{min-height:44px;color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.practice-check input{width:16px;height:16px;accent-color:var(--study-accent)}.practice-results{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;font-size:12px;display:flex}.practice-chips{flex-wrap:wrap;gap:6px;display:flex}.practice-chip{background:var(--study-tint);color:var(--study-accent);cursor:pointer;overflow-wrap:anywhere;border:1px solid #0000;border-radius:6px;max-width:100%;padding:7px 10px;font-size:12px}.practice-chip:hover{border-color:var(--study-accent)}.practice-clear{min-height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;text-decoration:underline}.study-detail-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.study-complete{cursor:pointer}.study-complete[aria-pressed=true]{background:var(--study-tint);color:var(--study-accent);border-color:var(--study-accent)}.study-session{border-bottom:1px solid var(--border-themed);background:var(--bg-page);padding:14px 0}.study-session .container-page{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.study-session a{color:var(--study-accent);padding:8px 0;text-decoration:none}.study-session a:hover{text-decoration:underline}@media (width<=900px){.study-hero-grid{gap:32px}.study-start{padding:22px}}@media (width<=700px){.study-hero{padding:40px 0}.study-hero-grid{grid-template-columns:1fr;gap:30px}.study-intro h1{max-width:550px}.study-description{font-size:16px}.practice-filter-toggle{cursor:pointer;display:inline-flex}.practice-filters:not(.is-open){display:none}.practice-filter-field{flex-basis:100%}.practice-search-row{gap:8px}.practice-filter-toggle{padding:10px 12px}.practice-check{flex:1}}@media (prefers-reduced-motion:reduce){.study-action{transition:none}}.practice-mobile-difficulty{display:none}.practice-results{font-variant-numeric:tabular-nums}.study-action:focus-visible,.practice-chip:focus-visible,.practice-clear:focus-visible,.practice-filter-field select:focus-visible,.study-paths a:focus-visible,.study-resume:focus-visible{outline:2px solid var(--study-accent);outline-offset:3px}.study-action,.practice-chip,.practice-clear{touch-action:manipulation}@media (width<=767px){.practice-mobile-difficulty{margin-top:7px;display:block}}@media (width<=639px){.practice-table{table-layout:fixed}.practice-table .problem-title-link{white-space:normal;text-overflow:clip;max-width:none;overflow:visible}.practice-table th:first-child,.practice-table td:first-child{width:40px;padding-left:10px;padding-right:8px}.practice-table th:nth-last-child(2),.practice-table td:nth-last-child(2){padding-left:4px;padding-right:8px;width:104px!important}.study-session .container-page>span{flex-basis:100%;order:3;font-size:12px}.study-session .container-page{gap:2px 12px}.practice-table th:last-child,.practice-table td:last-child{display:none}}.home-page{--landing-accent:#2856c4;--landing-wash:#edf2fc}html.dark .home-page{--landing-accent:#a5c0ff;--landing-wash:#172036}.home-page .study-hero{padding:88px 0 28px}.home-page .study-hero-grid{grid-template-columns:1.12fr 1fr;gap:80px}.home-page .study-eyebrow{letter-spacing:0;color:var(--text-secondary);font-size:13px;font-weight:500}.home-page .study-intro h1{letter-spacing:-.055em;margin:24px 0;font-size:clamp(40px,4.6vw,64px);font-weight:600;line-height:1.04}.home-page .study-description{max-width:460px;font-size:17px}.home-page .study-actions{margin-top:32px}.home-page .study-action{min-height:50px;padding:12px 22px}.home-page .study-action:not(.study-action-secondary){color:#fff;background:#2856c4;box-shadow:0 3px 7px #16366a20}.pattern-preview{background:var(--landing-wash);border:1px solid color-mix(in srgb, var(--landing-accent) 17%, transparent);color:var(--text-primary);border-radius:20px;padding:30px;box-shadow:0 18px 48px -32px #1c397a65}.preview-top{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.preview-tag{color:var(--landing-accent);border:1px solid color-mix(in srgb, var(--landing-accent) 22%, transparent);border-radius:6px;padding:5px 10px}.pattern-preview h2{letter-spacing:-.035em;margin:26px 0 12px;font-size:27px;font-weight:600;line-height:1.2}.pattern-preview>p{color:var(--text-secondary);font-size:13px;line-height:1.6}.window-demo{margin:30px 0 20px}.window-cells{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.window-cell{border:1px solid color-mix(in srgb, var(--landing-accent) 20%, transparent);background:var(--bg-surface);border-radius:7px;place-items:center;height:54px;font-family:JetBrains Mono,monospace;font-size:20px;display:grid}.window-cell.in-window{color:#fff;background:#2856c4;border-color:#2856c4}.window-bracket{border:solid var(--landing-accent);text-align:center;border-width:0 1px 1px;border-radius:0 0 5px 5px;height:12px;margin:8px calc(16.6667% + 1px) 0 calc(33.3333% + 2px)}.window-bracket span{background:var(--landing-wash);color:var(--landing-accent);white-space:nowrap;padding:0 7px;font-size:11px;display:inline-block;transform:translateY(3px)}.preview-insight{color:var(--landing-accent);gap:12px;margin:30px 0 22px;display:flex}.preview-insight>span{font-size:24px}.preview-insight p{color:var(--text-secondary);font-size:13px;line-height:1.8}.preview-insight strong{color:var(--text-primary);font-weight:500}.preview-link{min-height:44px;color:var(--landing-accent);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;text-decoration:none;display:flex}.preview-link:hover{text-decoration:underline}.preview-bottom{border-top:1px solid color-mix(in srgb, var(--landing-accent) 18%, transparent);color:var(--text-secondary);gap:28px;margin-top:12px;padding-top:16px;font-size:11px;display:flex}.preview-bottom code{color:var(--text-primary);margin-left:6px}.entry-paths{grid-template-columns:repeat(3,1fr);margin-top:64px;display:grid}.entry-paths a{border-top:1px solid var(--border-themed);border-bottom:1px solid var(--border-themed);color:var(--text-primary);align-items:center;gap:16px;padding:22px 24px;text-decoration:none;transition:background .15s;display:flex}.entry-paths a:first-child{padding-left:0}.entry-paths a+a{border-left:1px solid var(--border-themed)}.entry-paths a>svg{color:var(--landing-accent);flex-shrink:0}.entry-paths a>span:nth-child(2){flex:1}.entry-paths strong{font-size:14px;font-weight:600;display:block}.entry-paths small{color:var(--text-secondary);margin-top:5px;font-size:12px;display:block}.entry-paths a:hover{background:var(--landing-wash)}.home-page .study-resume{border:0;justify-content:flex-start;padding-top:18px}.home-page .home-stats{padding:30px 0!important}.home-page .home-stats dl>div{flex-direction:column-reverse;gap:9px;display:flex}.home-page .home-stats dt{text-transform:none!important;letter-spacing:0!important;font-family:inherit!important}.home-page .home-stats dd{font-variant-numeric:tabular-nums;font-size:32px!important}.home-page .home-method{background:var(--bg-surface)!important}.home-page .home-method h2,.home-page .home-method h3{color:var(--text-primary)!important}.home-page .home-method .grid>div{border-radius:0;padding:24px 0;border:0!important;border-top:1px solid var(--border-themed)!important;background:0 0!important}.home-page .home-method .grid>div>p:last-child{color:var(--text-secondary)!important}.home-page .home-method .text-center{text-align:left}.home-page .home-method [data-i18n="section.how.label"]{letter-spacing:0!important;text-transform:none!important;font-family:inherit!important}.home-page .pattern-library-card{border-radius:12px;padding:24px;box-shadow:none!important}.home-page .pattern-library-card h3{font-size:16px!important}.home-page .pattern-library-card p{font-size:13px;line-height:1.7}.home-page .pattern-library-card:hover{border-color:var(--landing-accent)!important}@media (width<=1000px){.home-page .study-hero-grid{gap:32px}.pattern-preview{padding:24px}.entry-paths a{gap:10px;padding:20px 16px}}@media (width<=700px){.home-page .study-hero{padding-top:44px}.home-page .study-hero-grid{grid-template-columns:1fr;gap:36px}.home-page .study-intro h1{max-width:520px}.entry-paths{grid-template-columns:1fr;margin-top:32px}.entry-paths a,.entry-paths a:first-child{border-bottom:0;padding:18px 0}.entry-paths a+a{border-left:0}.entry-paths a:last-child{border-bottom:1px solid var(--border-themed)}.pattern-preview{padding:24px}.home-page .study-actions{gap:10px}.home-page .study-action{padding:12px 16px}}