.study-page{--study-blue:#2457a7;width:min(100%,1120px);padding-top:max(1.5rem,env(safe-area-inset-top));font-size:.95rem;line-height:1.65}.study-page h1{color:var(--ink);letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15}.study-problem h1{letter-spacing:-.025em;font-size:clamp(1.25rem,2.5vw,1.6rem);line-height:1.25}.study-page h2{letter-spacing:-.015em;text-transform:none;font-size:1rem}.study-page h3{margin:0;font-size:.8rem}.study-page a{color:var(--study-blue);text-underline-offset:4px}.study-page button{border-radius:.55rem;width:auto;height:auto;padding:.55rem .85rem;font-size:.8rem;display:inline-flex}.study-page :focus-visible{outline-offset:3px;outline:3px solid #6799e6}.study-index{padding-top:max(1rem,env(safe-area-inset-top))}.study-index-header h1{letter-spacing:-.025em;font-size:clamp(1.25rem,2.5vw,1.6rem)}.study-index-header{margin-bottom:1rem}.study-footer{text-align:center;color:var(--muted);padding:1rem 1rem 1.5rem;font-size:.75rem}.study-note{color:var(--muted);font-size:.78rem}.study-video{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-width:720px;margin-top:2rem;display:grid}.study-video iframe{aspect-ratio:16/9;background:#101c2f;border:0;border-radius:.75rem;width:100%;display:block}@media (max-width:600px){.study-video{grid-template-columns:1fr;max-width:360px}}.study-categories{column-count:2;column-gap:.75rem}.study-category{break-inside:avoid;border:1px solid var(--line);background:#fff;border-radius:.8rem;width:100%;margin-bottom:.75rem;display:inline-block;overflow:hidden}.study-category-heading{background:#f0f4fb;border-bottom:1px solid #edf0f5;justify-content:space-between;gap:.5rem;padding:.65rem .8rem;display:flex}.study-category-heading h2{font-size:.88rem}.study-category-heading h2 .study-category-icon{margin-right:.5rem;font-size:1em;display:inline-block}.study-category-heading span{color:var(--muted);white-space:nowrap;font-size:.7rem}.study-category ul{margin:0;padding:0;list-style:none}.study-category li+li{border-top:1px solid #edf0f5}.study-category li a{min-height:44px;color:var(--ink);justify-content:space-between;align-items:center;gap:.7rem;padding:.5rem .8rem;font-size:.82rem;text-decoration:none;display:flex}.study-category li a:hover{background:#f4f7fc}.difficulty{white-space:nowrap;border-radius:1rem;padding:.12rem .5rem;font-size:.65rem;font-weight:650;display:inline-block}.difficulty-easy{color:#23644c;background:#e4f4ed}.difficulty-medium{color:#805808;background:#fff1d3}.difficulty-hard{color:#a32d50;background:#fce7ed}.study-breadcrumb{color:var(--muted);flex-wrap:wrap;gap:.6rem;margin:.5rem 0 1.5rem;font-size:.75rem;display:flex}.study-problem-header{border-bottom:1px solid var(--line);margin-bottom:1.75rem;padding-bottom:1.75rem}.study-problem-meta{color:var(--muted);align-items:center;gap:.8rem;margin-bottom:.7rem;font-size:.75rem;display:flex}.study-links{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}.study-links a{border:1px solid var(--line);background:#fff;border-radius:.5rem;padding:.4rem .75rem;font-size:.75rem;text-decoration:none}.study-reading-layout{grid-template-columns:minmax(0,1fr) 200px;gap:2rem;display:grid}.study-reading-layout article{min-width:0}.study-block{margin-bottom:1.8rem}.study-block>p{margin:.65rem 0}.study-examples{gap:.75rem;display:grid}.study-example{border:1px solid var(--line);background:#fff;border-radius:.65rem;padding:1rem}.study-example dl{grid-template-columns:3rem minmax(0,1fr);gap:.3rem;margin:.5rem 0;font-size:.78rem;display:grid}.study-example dt{color:var(--muted)}.study-example dd{overflow-wrap:anywhere;margin:0}.study-example p{color:var(--muted);margin:.5rem 0 0;font-size:.78rem}.study-code{color:#e1e9f8;background:#101c2f;border-radius:.8rem;margin-top:1rem;overflow:hidden}.study-code-toolbar{background:#1b2b43;justify-content:space-between;gap:.5rem;padding:.6rem;display:flex}.study-code-toolbar button{color:#afc3df;background:0 0;border-color:#0000}.study-code-toolbar button[aria-selected=true]{color:#fff;background:#345988}.study-code-toolbar button:hover{color:#fff;border-color:#6799e6}.study-code pre{tab-size:4;margin:0;padding:0 1rem 1.25rem;font-size:.76rem;line-height:1.8;overflow-x:auto}.study-copy-status{color:#b6d4ff;min-height:1rem;margin:.2rem 0;padding:0 1rem;font-size:.7rem}.study-code-toolbar{flex-wrap:wrap}.study-code-toolbar [role=tablist]{flex-wrap:wrap;display:flex}.syntax-keyword{color:#c5acff}.syntax-string{color:#a7dba9}.syntax-number{color:#ffc58c}.syntax-comment{color:#8198b8}.study-complexity{background:#eef3fb;border-radius:.65rem;padding:1rem 1.2rem}.study-tip{border-left:3px solid #2457a7;padding:.4rem 1rem}.study-tip p{margin:.5rem 0;font-size:.85rem}.study-category-nav{align-self:start;font-size:.75rem;position:sticky;top:1.5rem}.study-category-nav h2{margin-bottom:.7rem;font-size:.8rem}.study-category-nav nav{gap:.25rem;display:grid}.study-category-nav a{color:var(--muted);border-radius:.4rem;padding:.4rem .6rem;text-decoration:none}.study-category-nav a[aria-current=page]{color:var(--accent);background:#e6eefb;font-weight:600}.study-pagination{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;padding-top:1.25rem;display:grid}.study-pagination a{font-size:.8rem;text-decoration:none}.study-pagination small{color:var(--muted);display:block}.study-pagination a:last-child{text-align:right}@media (max-width:750px){.study-categories{column-count:1}.study-reading-layout{grid-template-columns:1fr}.study-category-nav{border-top:1px solid var(--line);padding-top:1rem;position:static}.study-code pre{font-size:.72rem}}