/* 暖白、石墨与陶土橙构成统一的阅读视觉系统。 */
:root{--bg:#f6f5f1;--paper:#fff;--ink:#242722;--muted:#777a71;--line:#dedfd6;--accent:#b84725;--soft:#efede6;--header:rgba(246,245,241,.94);--font:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color-scheme:light}
:root[data-theme=dark]{--bg:#191c19;--paper:#242824;--ink:#eeeee5;--muted:#acafa3;--line:#3b4038;--accent:#f59372;--soft:#2b3029;--header:rgba(25,28,25,.95);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.7 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{background:none;border:0}img{max-width:100%;display:block}svg{width:21px;height:21px}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a,button{touch-action:manipulation}.wrap{width:min(1224px,calc(100% - 112px));margin-inline:auto}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-60px;left:20px;z-index:100;background:var(--ink);color:var(--bg);padding:10px}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:20;background:var(--header);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner{height:94px;display:flex;align-items:center;justify-content:space-between;width:min(1344px,calc(100% - 80px));margin:auto;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{height:44px;width:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--bg);font-size:39px;font-weight:800;border-radius:10px;letter-spacing:-5px;padding-right:5px;line-height:1}.brand-mark span{color:#e48867}.brand-text{font-size:20px;font-weight:800;letter-spacing:1.5px;line-height:1.2}.brand-text small{display:block;font-size:10px;letter-spacing:1.5px;font-weight:400;margin-top:7px;color:var(--muted)}.desktop-nav{display:flex;gap:34px;margin-left:45px;font-size:13px;font-weight:500}.desktop-nav a:hover,.text-link:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:12px}.search-trigger{display:flex;align-items:center;gap:11px;background:var(--soft);padding:9px 12px;border-radius:6px;font-size:12px;color:var(--muted)}kbd{font-size:10px;border:1px solid var(--line);border-radius:3px;padding:0 4px;margin-left:14px}.icon-button{width:38px;height:38px;display:grid;place-items:center;border-radius:50%}.icon-button:hover{background:var(--soft)}.menu-toggle,.mobile-nav{display:none}
.hero{overflow:hidden;border-bottom:1px solid var(--line)}.hero-inner{display:grid;grid-template-columns:1fr 1fr;min-height:560px;align-items:center;position:relative}.hero-copy{padding:62px 0 55px;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;display:flex;gap:10px;align-items:center}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.hero h1{font-size:13px;font-weight:500;color:var(--muted);margin-top:27px;letter-spacing:2px}.headline{display:block;font-size:clamp(48px,5.15vw,72px);font-weight:800;color:var(--ink);letter-spacing:-3px;line-height:1.24;margin-top:9px}.accent{color:var(--accent)}.hero-copy>p{margin-top:26px;color:var(--muted);line-height:1.9;font-size:15px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:29px}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:40px;color:var(--bg);background:var(--ink);padding:13px 22px;font-size:13px;border-radius:3px;transition:background .25s,transform .25s}.primary-button:hover{background:var(--accent);transform:translateY(-3px)}.primary-button span{font-size:23px;line-height:1}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:12px;font-weight:500}.hero-meta{display:flex;gap:11px;align-items:center;color:var(--muted);margin-top:37px;font-size:10px}.hero-meta i{height:3px;width:3px;background:var(--muted);border-radius:50%}.hero-art{position:relative;width:calc(100% + 56px);margin-left:-10px;align-self:stretch;display:flex;align-items:center}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:53% center;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,black 13%);animation:art-enter 1.3s ease both}:root[data-theme=dark] .hero-art img{mix-blend-mode:normal;opacity:.8;mask-image:linear-gradient(90deg,transparent,black 15%,black 85%,transparent)}.art-caption{position:absolute;bottom:40px;left:8%;right:6%;display:flex;justify-content:space-between;font-family:monospace;font-size:9px;letter-spacing:1.6px;color:#53564b}.hero-bottom{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);padding:19px 0;border-top:1px solid var(--line)}.hero-bottom a{display:flex;gap:30px}.hero-bottom a span{font-size:17px;color:var(--ink)}.hero-copy>*{animation:copy-enter .8s both}.hero-copy>h1{animation-delay:.1s}.hero-copy>p{animation-delay:.18s}.hero-copy>.hero-actions{animation-delay:.26s}.hero-copy>.hero-meta{animation-delay:.32s}
.topics{padding:61px 0 58px}.section-kicker{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:var(--muted);margin-bottom:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-heading h2{font-size:27px;letter-spacing:-.8px;font-weight:700}.section-heading h2>span{color:var(--accent)}.section-heading>p{color:var(--muted);font-size:12px}.topic-list{display:grid;grid-template-columns:repeat(5,1fr);margin-top:28px;border-block:1px solid var(--line)}.topic-link{padding:22px 15px;display:flex;align-items:center;gap:13px;border-right:1px solid var(--line);transition:background .25s}.topic-link:first-child{padding-left:0}.topic-link:last-child{border-right:0}.topic-link:hover{background:var(--soft)}.topic-icon{font-family:monospace;font-size:18px;font-weight:600;min-width:30px;letter-spacing:-2px;color:var(--accent)}.topic-link strong{font-size:12px;font-weight:500;white-space:nowrap}.topic-count{font-family:monospace;font-size:10px;color:var(--muted);align-self:flex-start;margin-top:5px}.topic-arrow{margin-left:auto;font-size:17px;color:var(--muted)}
.notes-section{padding:18px 0 68px}.filter-row{display:flex;gap:8px;margin-top:29px;padding-bottom:23px;border-bottom:1px solid var(--line);flex-wrap:wrap}.filter{font-size:12px;padding:8px 15px;color:var(--muted);border-radius:4px;transition:background .2s,color .2s}.filter.active{background:var(--ink);color:var(--bg)}.filter:not(.active):hover{background:var(--soft);color:var(--ink)}.filter span{font-family:monospace;font-size:10px;margin-left:9px;opacity:.6}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:29px}.note-card{background:var(--paper);border:1px solid var(--line);border-radius:5px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,border-color .3s;position:relative}.note-card:hover{transform:translateY(-6px);border-color:var(--accent)}.card-top{display:flex;justify-content:space-between;align-items:center;padding:19px 21px 14px}.category-label{font-size:10px;color:var(--accent);font-weight:500}.note-no{font-family:monospace;color:var(--muted);font-size:9px;letter-spacing:1px}.card-visual{height:140px;margin:0 20px;position:relative;overflow:hidden;display:grid;place-items:center;background:#efefe8}.card-visual>span{font-family:monospace;font-size:62px;font-weight:600;letter-spacing:-7px;color:#4b5747;z-index:1;transition:transform .45s}.note-card:hover .card-visual>span{transform:rotate(-5deg) scale(1.08)}.card-visual:before,.card-visual:after{content:'';position:absolute;height:200px;width:200px;border:1px solid #c7cebd;border-radius:50%;right:-10px;top:-50px}.card-visual:after{right:40px;top:-10px}.visual-line{position:absolute;height:1px;background:#c7cebd;width:100%;transform:rotate(-30deg)}.visual-dot{position:absolute;height:12px;width:12px;border-radius:50%;right:20%;top:24%;background:#b8c3a6}.visual-javascript{background:#f3eee0}.visual-javascript>span{color:#a77d34}.visual-javascript:before,.visual-javascript:after{border-color:#dfcfa5;border-radius:0;transform:rotate(35deg)}.visual-javascript .visual-line{background:#dfcfa5}.visual-javascript .visual-dot{background:#caaf79}.visual-python{background:#e9edf1}.visual-python>span{color:#586f8b}.visual-python:before,.visual-python:after{border-color:#c6d0df}.visual-python .visual-line{background:#c6d0df}.visual-python .visual-dot{background:#aabbd0}.visual-tools{background:#f1eae4}.visual-tools>span{color:#8b6b55}.visual-tools:before,.visual-tools:after{border-color:#dbccc2;border-radius:4px;transform:rotate(30deg)}.visual-tools .visual-line{background:#dbccc2}.visual-tools .visual-dot{background:#c0a58d}.visual-computer{background:#eee9f0}.visual-computer>span{color:#7b6487}.visual-computer:before,.visual-computer:after{border-color:#d3c7d9}.visual-computer .visual-line{background:#d3c7d9}.visual-computer .visual-dot{background:#b8a8c0}.card-content{padding:23px 21px 17px;flex:1;display:flex;flex-direction:column}.card-content h3{font-size:18px;font-weight:600;letter-spacing:-.4px}.card-content p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:21px;color:var(--muted);font-size:10px}.card-arrow{font-size:20px;color:var(--ink);transition:transform .2s}.note-card:hover .card-arrow{transform:translate(2px,-2px);color:var(--accent)}.notes-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:27px}.note-counter{font-size:11px;color:var(--muted)}.more-button{font-size:12px;border-bottom:1px solid var(--ink);padding:8px 0;display:flex;gap:40px}.more-button:hover{color:var(--accent)}
.sponsor-section{background:#292e28;color:#f2f2e8;padding:26px 34px 22px;border-radius:4px;position:relative;overflow:hidden}.sponsor-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:#b1b7a7}.sponsor-content{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 0 21px}.sponsor-content h2{font-size:30px;letter-spacing:-1px;font-weight:600}.sponsor-content p{font-size:12px;color:#c4c9bb;line-height:1.9;margin-top:10px}.sponsor-button{border:1px solid #687160;padding:12px 18px;display:flex;gap:42px;font-size:12px;border-radius:3px;white-space:nowrap;transition:background .2s}.sponsor-button:hover{background:#424a3c}.sponsor-button span{font-size:19px;line-height:1}.sponsor-note{font-size:9px;color:#a7ae9e;border-top:1px solid #454d3e;padding-top:15px}.about{padding:78px 0 62px}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:32px}.about-content h2{font-size:39px;font-weight:600;letter-spacing:-1.2px;line-height:1.5}.about-content h2 span{color:var(--accent)}.about-content p{font-size:13px;color:var(--muted);line-height:2;margin-bottom:15px}.about-content .text-link{margin-top:11px}.about-line{border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:23px 0;margin-top:45px;font-size:10px;letter-spacing:2px;color:var(--muted)}.about-line span:first-child{font-size:22px;letter-spacing:-.8px;color:var(--ink);font-weight:600}.site-footer{padding-bottom:28px}.footer-brand{font-size:31px;font-weight:800;letter-spacing:-1.5px}.footer-brand span{color:var(--accent)}.site-footer>p{font-size:11px;color:var(--muted);margin:7px 0 35px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px}.footer-bottom>div{display:flex;gap:25px;align-items:center}.privacy-trigger{font-size:10px;padding:0}.footer-bottom a:hover,.privacy-trigger:hover{color:var(--accent)}
/* 文章采用真正的静态地址，便于收录和直接分享。 */
.reader-layout{display:grid;grid-template-columns:195px minmax(0,1fr) 150px;gap:45px;padding-top:48px;padding-bottom:85px}.reader-sidebar,.reader-toc{position:sticky;top:125px;height:fit-content}.back-link{font-size:11px;color:var(--muted)}.reader-side-title{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin:29px 0 19px}.reader-side-title>span{color:var(--muted);font-family:monospace;font-weight:400}.reader-sidebar details{margin:14px 0}.reader-sidebar summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:500;padding:7px 0}.reader-sidebar summary:after{content:'+';margin-left:auto;color:var(--muted)}.reader-sidebar details[open] summary:after{content:'−'}.reader-sidebar summary>span{font-family:monospace;color:var(--accent);min-width:20px;font-size:13px}.reader-sidebar details>a{display:block;color:var(--muted);font-size:11px;margin:4px 0;padding:8px 10px 8px 30px;border-left:1px solid var(--line)}.reader-sidebar details>a[aria-current]{color:var(--accent);border-left:2px solid var(--accent);background:var(--soft)}.reader-sidebar details>a:hover{color:var(--accent)}.breadcrumbs{font-size:10px;display:flex;flex-wrap:wrap;gap:12px;color:var(--muted)}.breadcrumbs a:hover{color:var(--accent)}.article-header{padding:35px 0 27px;border-bottom:1px solid var(--line);margin-bottom:30px}.article-header h1{font-size:34px;letter-spacing:-1px;font-weight:700;margin:12px 0 23px;line-height:1.5}.article-meta{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted)}.author-avatar{font-size:15px;display:grid;place-items:center;background:var(--ink);color:var(--bg);height:27px;width:27px;border-radius:50%;font-weight:700}.article-meta strong{font-weight:500;color:var(--ink)}.share-note{margin-left:auto;font-size:10px;color:var(--muted)}.article-body{font-size:14px;line-height:2;color:var(--ink)}.article-body p{margin:20px 0}.article-body h2{font-size:21px;font-weight:600;margin:35px 0 15px;letter-spacing:-.5px}.article-body ul,.article-body ol{padding-left:22px;margin-block:20px}.article-body li{padding-left:4px;margin:7px 0}.article-body li::marker{color:var(--accent)}.article-body code{font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace;font-size:.88em;background:var(--soft);color:var(--accent);padding:3px 5px;border-radius:3px;word-break:break-word}.code-block{background:#252c26;color:#dbe5d3;border:1px solid #3b463b;border-radius:5px;margin-block:25px;max-width:100%;overflow:hidden}.code-toolbar{display:flex;justify-content:space-between;align-items:center;font:9px monospace;letter-spacing:1px;padding:11px 18px;border-bottom:1px solid #404a40;color:#a7b4a0}.copy-code{font-size:10px;color:#c7d3bf;padding:0;letter-spacing:0}.copy-code:hover{color:#f5ad85}.code-block pre{margin:0;padding:22px 20px;overflow:auto;white-space:pre;font-size:12px;line-height:1.85;tab-size:2}.code-block code{color:inherit;background:none;padding:0;word-break:normal}.article-end{border-top:1px solid var(--line);margin-top:40px;padding-top:24px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.next-note{display:flex;align-items:center;justify-content:space-between;background:var(--soft);padding:24px;margin-top:35px;border-radius:4px;transition:background .2s}.next-note small{font-size:10px;color:var(--muted)}.next-note h2{font-size:17px;margin-top:7px;font-weight:500}.next-note>span{font-size:26px;color:var(--accent)}.next-note:hover{outline:1px solid var(--accent)}.reader-toc{padding-top:5px}.reader-toc .eyebrow{font-size:8px;letter-spacing:1px;color:var(--muted)}.reader-toc>h2{font-size:12px;margin:12px 0 17px;font-weight:500}.reader-toc>a{display:block;font-size:10px;color:var(--muted);padding:8px 0 8px 12px;border-left:1px solid var(--line)}.reader-toc>a:hover{color:var(--accent);border-color:var(--accent)}.reader-ad{margin-top:40px;background:var(--soft);padding:17px 16px;border:1px solid var(--line);border-radius:4px}.reader-ad>small{font-size:8px;color:var(--muted)}.ad-symbol{display:block;color:var(--accent);font-size:42px;margin:12px 0 0;line-height:1.2}.reader-ad h3{font-size:17px;font-weight:600;line-height:1.5;margin:8px 0}.reader-ad p{font-size:9px;color:var(--muted)}.reader-ad a{display:block;font-size:10px;margin-top:20px;border-top:1px solid var(--line);padding-top:13px}.reading-progress{height:2px;background:var(--accent);position:fixed;top:94px;left:0;z-index:21;width:0;transition:width .1s}
dialog{border:1px solid var(--line);padding:0;background:var(--paper);color:var(--ink);border-radius:10px;box-shadow:0 30px 90px #0003;max-width:calc(100% - 30px)}dialog::backdrop{background:#16201499;backdrop-filter:blur(5px)}#search-dialog{width:610px;margin-top:15vh}.search-head{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid var(--line)}.search-head svg{color:var(--accent);flex-shrink:0}.search-head input{width:100%;color:var(--ink);background:none;border:0;outline:none;font-size:14px}.close-search{font-size:10px;border:1px solid var(--line);border-radius:3px;padding:2px 6px;color:var(--muted)}.search-results{max-height:48vh;overflow:auto;padding:10px}.search-result{display:block;border-radius:4px;padding:14px;transition:background .2s}.search-result:hover,.search-result:focus{background:var(--soft)}.search-result small{font-size:9px;color:var(--accent)}.search-result h3{font-size:15px;font-weight:500;margin:3px 0}.search-result p{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-empty{padding:35px 15px;text-align:center;color:var(--muted);font-size:12px}.search-foot{display:flex;justify-content:space-between;padding:12px 24px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}#privacy-dialog{width:520px;padding:35px}#privacy-dialog h2{font-size:23px;margin:20px 0}#privacy-dialog p{font-size:13px;color:var(--muted);line-height:1.9;margin:15px 0}.close-privacy{position:absolute;top:10px;right:10px;font-size:25px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:var(--bg);font-size:12px;padding:11px 22px;border-radius:4px;z-index:100;pointer-events:none;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}.reveal{transition:opacity .7s,translate .7s}.js-ready .reveal:not(.visible){opacity:0;translate:0 20px}
@keyframes copy-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes art-enter{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}
@media(min-width:1600px){.hero-inner{min-height:650px}.hero-art{width:calc(100% + 120px)}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header-inner{width:calc(100% - 48px)}.desktop-nav{gap:24px;margin-left:0}.search-trigger kbd{display:none}.hero-inner{min-height:500px}.headline{font-size:57px}.hero-art{width:calc(100% + 32px)}.hero-meta{font-size:9px;gap:8px}.topic-link{gap:9px;padding-inline:10px}.topic-count{display:none}.topic-icon{min-width:24px;font-size:16px}.topic-link strong{font-size:11px}.reader-layout{grid-template-columns:170px minmax(0,1fr);gap:32px}.reader-toc{display:none}.notes-grid{gap:20px}.card-content h3{font-size:16px}.about-content{gap:45px}}
@media(max-width:760px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.header-inner{width:calc(100% - 36px);height:73px;gap:12px}.brand-mark{width:35px;height:35px;font-size:32px;border-radius:8px}.brand{gap:9px}.brand-text{font-size:17px}.brand-text small{font-size:8px;margin-top:5px}.desktop-nav{display:none}.header-actions{gap:4px}.search-trigger{padding:8px;background:none}.search-trigger span,.search-trigger kbd{display:none}.icon-button{width:34px;height:34px}.menu-toggle{display:grid}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:0;padding:10px 20px 20px;border-top:1px solid var(--line)}.mobile-nav a{padding:12px 0;font-size:13px}.hero-inner{grid-template-columns:1fr;min-height:0}.hero-copy{padding:40px 0 0}.eyebrow{font-size:8px;letter-spacing:1.6px}.hero h1{margin-top:23px;font-size:11px}.headline{font-size:53px;letter-spacing:-2.5px;margin-top:8px}.hero-copy>p{font-size:13px;margin-top:20px}.hero-actions{margin-top:22px;gap:24px}.primary-button{padding:12px 18px;font-size:12px;gap:35px}.text-link{font-size:11px;gap:14px}.hero-meta{margin-top:26px;font-size:8px;gap:9px}.hero-art{height:280px;width:calc(100% + 40px);margin-left:-20px;margin-top:8px}.hero-art img{object-position:center 56%;mask-image:linear-gradient(0deg,black 90%,transparent);mix-blend-mode:multiply}.art-caption{bottom:18px;left:8%;right:8%;font-size:8px}.hero-bottom{font-size:9px;padding-block:16px}.topics{padding:40px 0}.section-kicker{font-size:8px;margin-bottom:16px;letter-spacing:1px}.section-heading{align-items:flex-start}.section-heading h2{font-size:22px;letter-spacing:-.7px}.section-heading>p{display:none}.topic-list{grid-template-columns:1fr 1fr;margin-top:23px}.topic-link{padding:16px 13px;border-bottom:1px solid var(--line);gap:12px}.topic-link:first-child{padding-left:13px}.topic-link:nth-child(2n){border-right:0}.topic-link:last-child{grid-column:1/-1;border-bottom:0}.topic-link strong{font-size:12px}.topic-count{display:block}.topic-icon{min-width:27px;font-size:18px}.notes-section{padding:13px 0 45px}.notes-section .section-heading{align-items:center}.notes-section .section-heading>.text-link{font-size:9px}.notes-section .section-heading h2{font-size:21px}.filter-row{gap:6px;margin-top:22px;padding-bottom:18px}.filter{font-size:10px;padding:7px 10px}.filter span{font-size:9px;margin-left:5px}.notes-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:21px}.card-top{padding:13px 12px 10px}.category-label{font-size:8px}.note-no{font-size:7px;letter-spacing:.3px}.card-visual{margin:0 11px;height:105px}.card-visual>span{font-size:45px;letter-spacing:-5px}.card-visual:before,.card-visual:after{height:150px;width:150px;right:-50px}.card-visual:after{right:0;top:-10px}.card-content{padding:14px 12px 11px}.card-content h3{font-size:13px;line-height:1.6;letter-spacing:0}.card-content p{font-size:10px;line-height:1.8;margin-top:7px}.card-bottom{padding-top:15px;font-size:8px}.card-arrow{font-size:17px}.notes-bottom{margin-top:20px}.note-counter{font-size:9px}.more-button{font-size:10px;gap:20px}.sponsor-section{padding:21px 22px}.sponsor-label{font-size:7px;letter-spacing:.8px}.sponsor-content{align-items:flex-start;flex-direction:column;padding:22px 0;gap:20px}.sponsor-content h2{font-size:25px}.sponsor-content p{font-size:11px}.sponsor-button{font-size:11px;padding:10px 14px}.sponsor-note{font-size:8px}.about{padding:48px 0 38px}.about-content{grid-template-columns:1fr;gap:23px;margin-top:23px}.about-content h2{font-size:31px}.about-content p{font-size:12px}.about-line{padding:18px 0;margin-top:30px;font-size:8px;letter-spacing:1px}.about-line span:first-child{font-size:18px}.about-line span:last-child{display:none}.footer-brand{font-size:27px}.site-footer>p{font-size:10px;margin-bottom:24px}.footer-bottom{align-items:flex-start;gap:15px;flex-direction:column;font-size:9px}.footer-bottom>div{gap:22px}.privacy-trigger{font-size:9px}.reader-layout{display:block;padding-top:25px;padding-bottom:50px}.reader-sidebar{display:none}.article-header{padding-top:27px;margin-bottom:23px}.article-header h1{font-size:28px;margin:12px 0 21px}.article-meta{font-size:9px;gap:9px}.article-body{font-size:13px;line-height:2}.article-body h2{font-size:19px}.code-block pre{font-size:11px;padding:18px 15px}.article-end,.article-end .text-link{font-size:10px}.next-note{padding:19px}.next-note h2{font-size:15px}.reading-progress{top:73px}.search-head{padding:16px;gap:10px}.search-head input{font-size:12px}.search-foot{padding:12px 16px;font-size:8px}#privacy-dialog{padding:28px}.hero-art{animation:none}}
@media(max-width:360px){.wrap{width:calc(100% - 30px)}.hero-art{width:calc(100% + 30px);margin-left:-15px}.headline{font-size:46px}.hero-meta{gap:6px;font-size:7px}.hero-actions{gap:16px}.section-heading h2{font-size:19px}.notes-section .section-heading>.text-link{display:none}.notes-grid{gap:10px}.card-content h3{font-size:12px}.header-actions{gap:0}.brand-text{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-ready .reveal:not(.visible){opacity:1;translate:none}}