.learning-filters{display:flex;gap:8px;flex-wrap:wrap}.learning-filters button{font:10px 'JetBrains Mono',monospace;padding:8px 13px;border-radius:30px;border:1px solid #293039;color:#94a3b8;background:#121216;transition:color .25s,border-color .25s,background .25s;cursor:pointer}.learning-filters button:hover{border-color:#38bdf86b;color:#d5edf7}.learning-filters button[aria-pressed=true]{color:#9df3d6;border-color:#10b98177;background:#10b9810d}.learning-count{font:9px 'JetBrains Mono',monospace;color:#7c8b9a;margin:12px 0 0!important}.learning-section [hidden]{display:none!important}.exercise-list{display:grid;gap:12px}.exercise-item{display:flex;gap:22px;border:1px solid #26262e;border-radius:12px;background:#101014;padding:24px;transition:border-color .3s}.exercise-item:hover{border-color:#38bdf85c}.exercise-index{color:#557b87;font:12px 'JetBrains Mono',monospace;padding-top:3px}.exercise-body{flex:1;min-width:0}.learning-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font:9px 'JetBrains Mono',monospace;color:#68c5e8;letter-spacing:.4px}.sample-badge{border:1px solid #6366f14d;border-radius:30px;padding:4px 8px;color:#b2b4ef;background:#6366f108;font:8px 'JetBrains Mono',monospace;white-space:nowrap}.exercise-item h3{font-size:17px;font-weight:600;margin:13px 0 7px;color:#e9edf3}.exercise-item p{font-size:12px;color:#94a3b8;line-height:1.8;margin:0 0 12px}.learning-tags{display:flex;flex-wrap:wrap;gap:7px}.learning-tags span{font:9px 'JetBrains Mono',monospace;color:#8fadb8;padding:4px 7px;background:#171b20;border:1px solid #25333c;border-radius:4px}.exercise-item details{margin-top:16px}.exercise-item summary{font:10px 'JetBrains Mono',monospace;color:#a5b9c6;list-style:none;display:flex;gap:20px;justify-content:space-between;cursor:pointer;border-top:1px solid #252a30;padding-top:13px}.exercise-item summary::-webkit-details-marker{display:none}.exercise-item summary span{color:#38bdf8;font-size:17px;line-height:1;transition:transform .2s}.exercise-item details[open] summary span{transform:rotate(45deg)}.exercise-item dl{padding:16px 0 0;margin:0}.exercise-item dt{font-size:11px;font-weight:600;color:#b8d4df;margin:13px 0 5px}.exercise-item dd{margin:0;color:#8f9eae;font-size:12px;line-height:1.9}.writing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.writing-card{border:1px solid #26262e;border-radius:13px;background:#101014;padding:22px;transition:border-color .3s,transform .3s}.writing-card:hover{border-color:#6366f18a;transform:translateY(-3px)}.writing-visual{height:112px;margin-bottom:22px;border:1px solid #ffffff09;border-radius:9px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 40% 50%,#10b98115,transparent 70%),#0d0f12;color:#79bfae;position:relative;overflow:hidden}.writing-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#38bdf80b 1px,transparent 1px),linear-gradient(90deg,#38bdf80b 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse,#000,transparent 85%)}.writing-visual span{font:10px 'JetBrains Mono',monospace;letter-spacing:1px;position:relative}.writing-visual-1{background:radial-gradient(ellipse,#6366f116,transparent 70%),#0d0f12;color:#a8aceb}.writing-visual-2{background:radial-gradient(ellipse,#38bdf815,transparent 70%),#0d0f12;color:#83bbdb}.writing-visual-3{color:#9ac9ae}.writing-card h3{font-size:20px;font-weight:600;line-height:1.4;margin:15px 0 9px;color:#eef2f8}.writing-card h3 a{color:inherit;text-decoration:none}.writing-card p{font-size:12px;color:#91a1b0;line-height:1.8;margin:0 0 20px}.writing-link{font:10px 'JetBrains Mono',monospace;color:#9acbc0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #252a30;padding-top:14px}.writing-link:hover{color:#c4ffe8}.learning-section :focus-visible,.article-page :focus-visible{outline:2px solid #38bdf8;outline-offset:5px}.article-page{margin:0;background:#121216;color:#e9edf4;font:14px/1.9 Inter,system-ui,sans-serif}.article-page *{box-sizing:border-box}.article-page a{color:inherit;text-decoration:none}.article-page html{scroll-behavior:smooth}.article-header{max-width:1000px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;border-bottom:1px solid #292d35}.article-brand{font-size:23px;font-weight:700;letter-spacing:-1px}.article-brand span{color:#10b981;padding:0 2px}.article-header>a:last-child{font:10px 'JetBrains Mono',monospace;color:#9eabb9}.article-main{max-width:790px;margin:auto;padding:64px 28px}.article-main h1{font-size:clamp(30px,5vw,46px);line-height:1.17;letter-spacing:-1.8px;margin:25px 0 18px}.article-deck{font-size:17px;color:#98aabb;line-height:1.7;margin-bottom:25px}.sample-notice{padding:16px 18px;border:1px solid #6366f14d;background:#6366f108;color:#a5afc7;border-radius:8px;font-size:11px;line-height:1.8}.article-contents{display:flex;flex-direction:column;gap:9px;border-left:1px solid #10b9815c;margin:30px 0 44px;padding-left:17px;font:11px/1.7 'JetBrains Mono',monospace;color:#8da8ad}.article-contents a:hover{color:#b5f5df}.article-copy section{margin-bottom:35px;scroll-margin-top:25px}.article-copy h2,.related-writing h2{font-size:21px;letter-spacing:-.5px;margin:0 0 11px}.article-copy p{color:#a0afbf;margin:0;font-size:14px;line-height:1.95}.related-writing{border-top:1px solid #292d35;margin-top:50px;padding-top:28px}.related-writing a{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #242830;color:#99beb9;font-size:12px}.article-back{display:inline-block;margin-top:35px;font:10px 'JetBrains Mono',monospace;color:#89a9b4!important}.article-footer{max-width:1000px;margin:auto;border-top:1px solid #292d35;padding:25px 28px;color:#76899a;font:9px 'JetBrains Mono',monospace}
@media(min-width:768px) and (max-width:1100px){header nav{gap:14px!important;font-size:9px!important}.jb-brand{font-size:21px}header .inline-flex.rounded-full{font-size:9px;padding-left:8px;padding-right:8px}}
@media(max-width:767px){.writing-grid{grid-template-columns:1fr;gap:15px}.writing-card{padding:20px}.exercise-item{padding:19px 16px;gap:13px}.exercise-index{font-size:10px}.exercise-item h3{font-size:16px}.learning-meta{font-size:8px;flex-wrap:wrap;gap:7px}.learning-filters{gap:7px}.learning-filters button{font-size:9px;padding:8px 11px}.sample-badge{font-size:7px}.writing-visual span{font-size:8px;letter-spacing:.6px}.article-main{padding:40px 22px}.article-header{padding:20px 22px}.article-deck{font-size:15px}.article-main h1{letter-spacing:-1px}.article-copy h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.learning-filters button,.writing-card,.exercise-item{transition:none}.writing-card:hover{transform:none}}