.docto-landing{--accent-lite:#b7d239;--topic-l:62%;--topic-c:.19;--topic-h:118;--topic:oklch(var(--topic-l) var(--topic-c) var(--topic-h));--mag-ease:cubic-bezier(.22, .8, .26, 1)}[data-theme=dark] .docto-landing,.dark .docto-landing{--accent-lite:#c6e24a;--topic-l:74%;--topic-c:.16}.docto-landing .mag-hero{background:var(--ink-surface);color:var(--ink-surface-fg);position:relative;overflow:hidden}.docto-landing .mag-hero-in{grid-template-columns:minmax(0,1fr) 258px;gap:30px;max-inline-size:1280px;margin-inline:auto;padding:26px 32px 30px;display:grid}.docto-landing .mag-stage{aspect-ratio:16/8.6;background:#0b0c07;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #000000e6}.docto-landing .mag-slide{opacity:0;transition:opacity .7s var(--mag-ease);pointer-events:none;position:absolute;inset:0}.docto-landing .mag-slide[data-on=true]{opacity:1;pointer-events:auto}.docto-landing .mag-slide-img{position:absolute;inset:0}.docto-landing .mag-slide-img img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.docto-landing .mag-scrim{pointer-events:none;background:linear-gradient(85deg,#080905eb 4%,#0809059e 42%,#08090514 78%),linear-gradient(#0000 58%,#08090580);position:absolute;inset:0}[dir=rtl] .docto-landing .mag-scrim,.docto-landing [dir=rtl] .mag-scrim{background:linear-gradient(-85deg,#080905eb 4%,#0809059e 42%,#08090514 78%),linear-gradient(#0000 58%,#08090580)}.docto-landing .mag-tint{pointer-events:none;mix-blend-mode:soft-light;opacity:.5;background:var(--topic);position:absolute;inset:0}.docto-landing .mag-slide-copy{padding:0 0 42px 42px;pointer-events:none;max-inline-size:64%;padding-block:0 42px;padding-inline:42px 0;position:absolute;inset-block-end:0;inset-inline-start:0}.docto-landing .mag-slide-copy>*{pointer-events:auto}.docto-landing .mag-rank{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-lite);align-items:center;gap:12px;font-size:11px;display:flex}.docto-landing .mag-rank b{color:var(--ink-surface-fg);font-size:14px;font-weight:600}.docto-landing .mag-rank i{background:#f2f4e666;block-size:1px;inline-size:38px}.docto-landing .mag-slide h2{font-family:var(--font-display);letter-spacing:-.045em;text-wrap:balance;text-shadow:0 2px 26px #00000080;margin:14px 0 0;font-size:clamp(26px,3.5vw,47px);font-weight:800;line-height:1.03}.docto-landing .mag-slide h2 a{color:inherit}.docto-landing .mag-slide-dek{font-family:var(--serif);color:#f2f4e6cc;letter-spacing:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-inline-size:560px;margin:13px 0 0;font-size:17.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.docto-landing .mag-slide-meta{flex-wrap:wrap;align-items:center;gap:11px;margin-block-start:19px;display:flex}.docto-landing .mag-slide-meta .who{align-items:center;gap:6px;font-size:13px;font-weight:650;display:flex}.docto-landing .mag-slide-meta .who span{color:#f2f4e68c;font-weight:500}.docto-landing .gtag{-webkit-backdrop-filter:blur(8px);color:#f2f4e6;white-space:nowrap;text-overflow:ellipsis;background:#f2f4e61a;border:1px solid #f2f4e629;border-radius:999px;align-items:center;gap:6px;block-size:26px;min-inline-size:0;max-inline-size:100%;padding-inline:11px;font-size:11.5px;font-weight:650;display:inline-flex;overflow:hidden}.docto-landing .gtag i{background:var(--topic);block-size:6px;inline-size:6px;box-shadow:0 0 9px var(--topic);border-radius:50%;flex-shrink:0}.docto-landing .mag-cta{background:var(--accent-lite);color:#12130c;cursor:pointer;block-size:44px;transition:transform .2s var(--mag-ease), box-shadow .2s ease;border:0;border-radius:999px;align-items:center;gap:9px;margin-block-start:22px;padding-inline:22px;font-size:14px;font-weight:700;display:inline-flex}.docto-landing .mag-cta:hover{color:#12130c;transform:translate(3px);box-shadow:0 14px 30px -14px #b7d239cc}[dir=rtl] .docto-landing .mag-cta:hover{transform:translate(-3px)}.docto-landing .mag-stage-nav{z-index:4;gap:8px;display:flex;position:absolute;inset-block-end:22px;inset-inline-end:20px}.docto-landing .mag-snav{-webkit-backdrop-filter:blur(10px);color:#f2f4e6;cursor:pointer;block-size:42px;inline-size:42px;transition:all .18s var(--mag-ease);background:#0a0b076b;border:1px solid #f2f4e638;border-radius:50%;justify-content:center;align-items:center;display:flex}.docto-landing .mag-snav:hover{background:var(--accent-lite);color:#12130c;border-color:#0000}.docto-landing .mag-prog{z-index:4;background:#f2f4e624;block-size:3px;position:absolute;inset-block-end:0;inset-inline:0}.docto-landing .mag-prog i{background:var(--accent-lite);block-size:100%;inline-size:0;transform-origin:inline-start;display:block}.docto-landing .mag-prog i.run{animation:7s linear forwards mag-prog}@keyframes mag-prog{0%{inline-size:0}to{inline-size:100%}}.docto-landing .mag-rail{flex-direction:column;block-size:0;min-block-size:100%;min-inline-size:0;display:flex}.docto-landing .mag-rail-head{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-lite);border-block-end:1px solid #f2f4e624;align-items:baseline;gap:9px;padding-block-end:9px;font-size:10.5px;font-weight:600;display:flex}.docto-landing .mag-rail-head b{color:#f2f4e673;letter-spacing:.1em;margin-inline-start:auto;font-weight:500}.docto-landing .mag-rail-list{scrollbar-width:none;flex:1;min-block-size:0;margin-inline-end:-6px;padding-inline-end:6px;overflow:auto}.docto-landing .mag-rail-list::-webkit-scrollbar{display:none}.docto-landing .mag-ritem{text-align:start;inline-size:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-block-end:1px solid #f2f4e612;border-radius:12px;align-items:flex-start;gap:11px;padding:11px 10px 11px 8px;padding-inline:8px 10px;transition:background .2s;display:flex}.docto-landing .mag-ritem:hover{background:#f2f4e60e}.docto-landing .mag-ritem .n{font-family:var(--mono);color:#f2f4e657;flex-shrink:0;inline-size:16px;padding-block-start:2px;font-size:11px}.docto-landing .mag-ritem .t{color:#f2f4e6b8;-webkit-line-clamp:2;letter-spacing:-.02em;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.34;display:-webkit-box;overflow:hidden}.docto-landing .mag-ritem .s{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#f2f4e657;margin-block-start:4px;font-size:9.5px;display:block}.docto-landing .mag-ritem[aria-current=true]{background:#b7d23921}.docto-landing .mag-ritem[aria-current=true] .n{color:var(--accent-lite)}.docto-landing .mag-ritem[aria-current=true] .t{color:#f5f7e8}.docto-landing .mag-hero-foot{max-inline-size:1280px;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#f2f4e666;flex-wrap:wrap;align-items:center;gap:16px;margin-inline:auto;padding:0 32px 22px;font-size:10px;display:flex}.docto-landing .mag-hero-foot .live{color:var(--accent-lite);align-items:center;gap:7px;display:inline-flex}.docto-landing .mag-pulse{background:var(--accent-lite);border-radius:50%;block-size:6px;inline-size:6px;position:relative}.docto-landing .mag-pulse:after{content:"";border:1px solid var(--accent-lite);opacity:0;border-radius:50%;animation:2s ease-out infinite mag-pulse;position:absolute;inset:-4px}@keyframes mag-pulse{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(1.6)}}.docto-landing .mag-bar{z-index:1;background:color-mix(in srgb, var(--background) 88%, transparent);-webkit-backdrop-filter:blur(14px);border-block-end:1px solid var(--divider);position:relative}.docto-landing .mag-bar-in{align-items:center;gap:10px;max-inline-size:1280px;margin-inline:auto;padding:11px 32px;display:flex}.docto-landing .mag-search{border:1px solid var(--border);background:var(--surface);block-size:34px;inline-size:246px;color:var(--muted);border-radius:999px;flex:none;align-items:center;gap:8px;padding-inline:12px;transition:border-color .18s,box-shadow .18s;display:flex}.docto-landing .mag-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.docto-landing .mag-search input{min-inline-size:0;font:inherit;color:var(--foreground);background:0 0;border:0;outline:0;flex:1;font-size:13.5px}.docto-landing .mag-search button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.docto-landing .mag-chips{scrollbar-width:none;flex:1;align-items:center;gap:8px;min-inline-size:0;padding-block:2px;display:flex;overflow-x:auto}.docto-landing .mag-chips::-webkit-scrollbar{display:none}.docto-landing .mag-chip{border:1px solid var(--border);background:var(--surface);block-size:33px;color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;transition:all .18s var(--mag-ease);border-radius:999px;align-items:center;gap:7px;padding-inline:14px;font-size:13px;font-weight:600;display:inline-flex}.docto-landing .mag-chip i{background:var(--topic);border-radius:50%;block-size:7px;inline-size:7px}.docto-landing .mag-chip:hover{border-color:var(--accent);color:var(--foreground);transform:translateY(-1px)}.docto-landing .mag-chip[aria-pressed=true]{background:var(--ink-surface);border-color:var(--ink-surface);color:var(--ink-surface-fg)}.docto-landing .mag-seg{background:var(--default);border:1px solid var(--border);border-radius:999px;flex-shrink:0;gap:2px;margin-inline-start:auto;padding:3px;display:flex}.docto-landing .mag-seg button{block-size:27px;color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding-inline:13px;font-size:12.5px;font-weight:650;transition:all .18s}.docto-landing .mag-seg button[aria-pressed=true]{background:var(--surface);color:var(--foreground);box-shadow:var(--shadow-sm)}.docto-landing .mag-wrap{max-inline-size:1280px;margin-inline:auto;padding-inline:32px}.docto-landing .mag-gridhead{flex-wrap:wrap;align-items:flex-end;gap:16px;padding-block:40px 20px;display:flex}.docto-landing .mag-gridhead h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(24px,2.7vw,33px);font-weight:800;line-height:1.05}.docto-landing .mag-gridhead h2 em{font-family:var(--serif);color:var(--accent-text);letter-spacing:-.01em;font-style:italic;font-weight:500}.docto-landing .mag-gridhead .cnt{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-inline-start:auto;padding-block-end:5px;font-size:10.5px}.docto-landing .mag-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 24px;padding-block-end:90px;display:grid}.docto-landing .mag-card{min-inline-size:0;color:inherit;background:var(--surface);border:1px solid var(--border);transition:box-shadow .34s var(--mag-ease), transform .34s var(--mag-ease), border-color .34s var(--mag-ease);border-radius:18px;flex-direction:column;grid-column:span 2;display:flex;overflow:hidden}.docto-landing .mag-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg), 0 18px 40px -22px var(--primary-glow);transform:translateY(-3px)}.docto-landing .mag-card--wide{flex-direction:row;grid-column:span 4;align-items:stretch;gap:24px}.docto-landing .mag-cardimg{background:var(--ink-surface);aspect-ratio:16/10.5;flex-shrink:0;position:relative;overflow:hidden}.docto-landing .mag-cardimg img{object-fit:cover;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.docto-landing .mag-card--wide .mag-cardimg{aspect-ratio:auto;min-block-size:246px;inline-size:48%}.docto-landing .mag-cardimg .mag-badge{z-index:3;max-inline-size:calc(100% - 24px);position:absolute;inset-block-start:12px;inset-inline-start:12px}.docto-landing .mag-cardimg .mag-min{z-index:3;font-family:var(--mono);letter-spacing:.1em;color:#ffffffd9;-webkit-backdrop-filter:blur(8px);background:#0a0b0766;border-radius:999px;padding:5px 9px;font-size:10px;position:absolute;inset-block-start:12px;inset-inline-end:12px}.docto-landing .mag-cardimg .mag-tint{opacity:.42}.docto-landing .mag-plate{background:radial-gradient(110% 85% at 14% -8%, var(--topic), transparent 62%), radial-gradient(80% 65% at 104% 112%, color-mix(in oklch, var(--topic) 62%, var(--accent)), transparent 58%), linear-gradient(150deg, #23261a, #15140e);position:absolute;inset:0}.docto-landing .mag-plate svg{color:#f2f4e624;block-size:128px;inline-size:128px;position:absolute;inset-block-end:-18px;inset-inline-end:-14px}.docto-landing .mag-cardbody{flex-direction:column;flex:1;gap:9px;min-inline-size:0;padding:16px 16px 14px;display:flex}.docto-landing .mag-card--wide .mag-cardbody{justify-content:flex-start;padding:20px 22px 18px}.docto-landing .mag-card h3{font-family:var(--font-display);letter-spacing:-.032em;text-wrap:balance;margin:0;font-size:19.5px;font-weight:750;line-height:1.2;transition:color .2s}.docto-landing .mag-card--wide h3{letter-spacing:-.04em;font-size:clamp(22px,2.2vw,29px);line-height:1.08}.docto-landing .mag-card:hover h3{color:var(--accent-text)}.docto-landing .mag-dek{color:var(--muted);-webkit-line-clamp:2;text-wrap:pretty;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.docto-landing .mag-card--wide .mag-dek{font-family:var(--serif);-webkit-line-clamp:3;color:var(--foreground);font-size:17px;line-height:1.5}.docto-landing .mag-byline{border-block-start:1px solid var(--divider);align-items:center;gap:9px;margin-block-start:auto;padding-block-start:11px;display:flex}.docto-landing .mag-byline .who{flex:1;min-inline-size:0}.docto-landing .mag-byline .who>b{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:680;display:block;overflow:hidden}.docto-landing .mag-byline .who>span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-block-start:1px;font-size:11px;display:block;overflow:hidden}.docto-landing .mag-stat{font-family:var(--mono);color:var(--muted);flex-shrink:0;align-items:center;gap:11px;font-size:10.5px;display:flex}.docto-landing .mag-stat span{align-items:center;gap:4px;display:inline-flex}.docto-landing .mag-lang{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:9.5px}.docto-landing .mag-more{justify-content:center;margin-block-start:-60px;padding-block-end:90px;display:flex}.docto-landing .mag-more-btn{border:1px solid var(--border);background:var(--surface);block-size:44px;color:var(--foreground);font:inherit;cursor:pointer;transition:all .18s var(--mag-ease);border-radius:999px;padding-inline:26px;font-size:14px;font-weight:650}.docto-landing .mag-more-btn:hover:not(:disabled){border-color:var(--accent);box-shadow:0 10px 26px -16px var(--primary-glow);transform:translateY(-1px)}.docto-landing .mag-more-btn:disabled{opacity:.6;cursor:default}.docto-landing .mag-empty{text-align:center;color:var(--muted);grid-column:1/-1;justify-items:center;gap:6px;padding-block:80px;display:grid}.docto-landing .mag-empty b{color:var(--foreground);margin-block-start:12px;font-size:16px;font-weight:650}.docto-landing .mag-promo{background:linear-gradient(155deg, #1c1e14, var(--ink-surface));color:#f2f4e6;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;grid-column:span 2;justify-content:center;gap:12px;padding:26px 24px;display:flex;position:relative;overflow:hidden}.docto-landing .mag-promo:after{content:"";background:radial-gradient(closest-side,#b7d23966,#0000);border-radius:50%;block-size:150px;inline-size:150px;position:absolute;inset-block-end:-40px;inset-inline-end:-40px}.docto-landing .mag-promo .k{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-lite);font-size:10px}.docto-landing .mag-promo h3{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:22px;font-weight:780;line-height:1.12}.docto-landing .mag-promo p{color:#f2f4e69e;margin:0;font-size:13.5px;line-height:1.5}.docto-landing .mag-promo .mag-promo-cta{z-index:1;background:var(--accent-lite);color:#12130c;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;block-size:36px;padding-inline:16px;font-size:13px;font-weight:700;transition:background .18s;display:inline-flex;position:relative}.docto-landing .mag-promo .mag-promo-cta:hover{color:#12130c;background:#d2ec5c}.docto-landing .read-hero{background:var(--ink-surface);color:var(--ink-surface-fg);position:relative;overflow:hidden}.docto-landing .read-hero-img{position:absolute;inset:0}.docto-landing .read-hero-img img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.docto-landing .read-hero-scrim{pointer-events:none;background:linear-gradient(#0809054d,#080905b8 54%,#080905f5 92%);position:absolute;inset:0}.docto-landing .read-hero-in{flex-direction:column;justify-content:flex-end;min-block-size:474px;max-inline-size:1000px;margin-inline:auto;padding:34px 32px 40px;display:flex;position:relative}.docto-landing .read-hero-in>nav{align-self:flex-start;margin-block-end:auto}.docto-landing .read-back{-webkit-backdrop-filter:blur(10px);color:#f2f4e6cc;cursor:pointer;block-size:34px;transition:all .18s var(--mag-ease);background:#0a0b0757;border:1px solid #f2f4e633;border-radius:999px;align-self:flex-start;align-items:center;gap:7px;padding-inline:10px 14px;font-size:13px;font-weight:620;display:inline-flex}.docto-landing .read-back:hover{color:#fff;border-color:#f2f4e666;transform:translate(-2px)}[dir=rtl] .docto-landing .read-back:hover{transform:translate(2px)}.docto-landing .read-hero h1{font-family:var(--font-display);letter-spacing:-.046em;text-wrap:balance;text-shadow:0 2px 30px #00000073;max-inline-size:860px;margin:16px 0 0;font-size:clamp(31px,4.4vw,52px);font-weight:800;line-height:1.02}.docto-landing .read-dek{font-family:var(--serif);color:#f2f4e6c7;letter-spacing:0;text-wrap:pretty;max-inline-size:660px;margin:16px 0 0;font-size:20px;line-height:1.48}.docto-landing .read-authorrow{border-block-start:1px solid #f2f4e629;flex-wrap:wrap;align-items:center;gap:12px;margin-block-start:26px;padding-block-start:20px;display:flex}.docto-landing .read-authorrow .who{flex:1;min-inline-size:0}.docto-landing .read-authorrow .who>b{flex-wrap:wrap;align-items:center;gap:6px;font-size:14.5px;font-weight:730;display:flex}.docto-landing .read-authorrow .who>span{color:#f2f4e68c;margin-block-start:2px;font-size:12.5px;display:block}.docto-landing .read-reviewed{color:var(--accent-lite);background:#b7d23924;border:1px solid #b7d23947;border-radius:999px;align-items:center;gap:6px;margin-block-start:8px;padding:3px 10px 3px 8px;padding-inline:8px 10px;font-size:11.5px;font-weight:650;display:inline-flex}.docto-landing .read-reviewed time{font-family:var(--mono);opacity:.75;font-size:10px}.docto-landing .read-acts{flex-shrink:0;gap:8px;margin-inline-start:auto;display:flex}.docto-landing .read-btn{border:1px solid var(--border);background:var(--surface);block-size:38px;min-inline-size:38px;color:var(--muted);cursor:pointer;font:inherit;transition:all .18s var(--mag-ease);border-radius:12px;justify-content:center;align-items:center;gap:6px;padding-inline:12px;font-size:12.5px;font-weight:650;display:inline-flex}.docto-landing .read-btn--stat{cursor:default;pointer-events:none}.docto-landing .read-btn:not(.read-btn--stat):hover{color:var(--foreground);border-color:var(--accent);transform:translateY(-1px)}.docto-landing .read-btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.docto-landing .read-hero .read-btn{color:#f2f4e6cc;-webkit-backdrop-filter:blur(10px);background:#0a0b0757;border-color:#f2f4e633}.docto-landing .read-hero .read-btn:hover{color:#fff;border-color:#f2f4e66b}.docto-landing .read-hero .read-btn[aria-pressed=true]{background:var(--accent-lite);color:#12130c;border-color:#0000}.docto-landing .read-shell{max-inline-size:1000px;margin-inline:auto;padding-block-end:20px;padding-inline:32px}.docto-landing .read-grid{grid-template-columns:52px minmax(0,1fr) 52px;margin-block-start:6px;display:grid}.docto-landing .read-rail{flex-direction:column;gap:9px;block-size:fit-content;padding-block-start:40px;display:flex;position:sticky;top:100px}.docto-landing .read-col{inline-size:100%;min-inline-size:0;max-inline-size:720px;margin-inline:auto}.docto-landing .article-body{font-family:var(--serif);color:var(--foreground);letter-spacing:0;padding-block-start:34px;font-size:19px;line-height:1.78}.docto-landing .article-body>p:first-child{font-size:21px;line-height:1.64}.docto-landing .article-body:not([lang|=ar])>p:first-child:first-letter{font-size:58px;font-family:var(--font-display);color:var(--accent-text);float:left;padding:7px 12px 0 0;font-weight:800;line-height:.8}.docto-landing .article-body p{margin:18px 0}.docto-landing .article-body h2{font-family:var(--font-display);letter-spacing:-.034em;color:var(--foreground);align-items:center;gap:14px;margin:42px 0 12px;font-size:24px;font-weight:780;line-height:1.2;display:flex}.docto-landing .article-body h2:before{content:"";background:var(--accent);border-radius:2px;flex-shrink:0;block-size:3px;inline-size:20px}.docto-landing .article-body h3{font-family:var(--font-display);letter-spacing:-.02em;margin:30px 0 10px;font-size:19px;font-weight:720}.docto-landing .article-body ul,.docto-landing .article-body ol{margin:16px 0;padding-inline-start:22px}.docto-landing .article-body ul{list-style:outside}.docto-landing .article-body ol{list-style:decimal}.docto-landing .article-body li{margin:9px 0}.docto-landing .article-body li::marker{color:var(--accent)}.docto-landing .article-body strong{font-weight:650}.docto-landing .article-body blockquote{border-inline-start:3px solid var(--accent);color:var(--foreground);text-wrap:pretty;margin:34px 0;padding-block:6px;padding-inline-start:24px;font-size:23px;font-style:italic;line-height:1.48}.docto-landing .article-body blockquote p{margin:0}.docto-landing .article-body hr{background:var(--divider);border:0;block-size:1px;inline-size:min(120px,40%);margin:34px auto}.docto-landing .read-helpful{border-block-start:1px solid var(--divider);flex-wrap:wrap;align-items:center;gap:14px;max-inline-size:720px;margin:40px auto 0;padding-block-start:24px;display:flex}.docto-landing .read-helpful p{font-family:var(--font-display);margin:0;font-size:15.5px;font-weight:650}.docto-landing .read-helpful-btn{border:1px solid var(--border);background:var(--surface);block-size:38px;color:var(--muted);font:inherit;cursor:pointer;transition:all .18s var(--mag-ease);border-radius:999px;align-items:center;gap:8px;padding-inline:16px;font-size:13.5px;font-weight:650;display:inline-flex}.docto-landing .read-helpful-btn:hover:not(:disabled){border-color:var(--accent);color:var(--foreground)}.docto-landing .read-helpful-btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.docto-landing .read-helpful-n{font-family:var(--mono);opacity:.75;font-size:11.5px}.docto-landing .read-bio{border:1px solid var(--border);background:var(--surface);max-inline-size:720px;box-shadow:var(--shadow-sm);border-radius:22px;flex-wrap:wrap;align-items:center;gap:16px;margin:48px auto 0;padding:22px 24px;display:flex}.docto-landing .read-bio .who{flex:220px;min-inline-size:0}.docto-landing .read-bio .who>b{flex-wrap:wrap;align-items:center;gap:6px;font-size:16px;font-weight:750;display:flex}.docto-landing .read-bio .who p{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.5}.docto-landing .read-bio .k{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-block-end:6px;font-size:10px;display:block}.docto-landing .av{color:#fff;object-fit:cover;background:var(--topic);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.docto-landing .rb{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;block-size:21px;padding-inline:8px;font-size:11px;font-weight:650;display:inline-flex}.docto-landing .rb--doc{background:var(--accent-soft);color:var(--accent-text)}.docto-landing .rb--pat{border:1px solid var(--border);color:var(--muted);background:var(--surface)}.docto-landing .read-hero .rb--pat{color:#f2f4e6b3;background:0 0;border-color:#f2f4e63d}.docto-landing .vcheck{color:var(--accent);vertical-align:-2px;display:inline-flex}.docto-landing .read-hero .vcheck{color:var(--accent-lite)}.docto-landing .disc{border-block-start:1px solid var(--divider);max-inline-size:720px;margin:54px auto 0;padding-block:36px 30px}.docto-landing .disc h2{font-family:var(--font-display);letter-spacing:-.034em;margin:0 0 6px;font-size:23px;font-weight:800}.docto-landing .disc-note{color:var(--muted);margin:0 0 22px;font-size:13px}.docto-landing .disc-composer{align-items:flex-start;gap:12px;display:flex}.docto-landing .disc-box{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex:1;min-inline-size:0;transition:border-color .18s,box-shadow .18s;overflow:hidden}.docto-landing .disc-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.docto-landing .disc-box textarea{inline-size:100%;font:inherit;resize:vertical;min-block-size:64px;color:var(--foreground);background:0 0;border:0;outline:0;padding:13px 15px 4px;font-size:16px;line-height:1.55;display:block}.docto-landing .disc-box-foot{flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px 10px 15px;padding-inline:15px 10px;display:flex}.docto-landing .disc-hint{color:var(--muted);flex:1;min-inline-size:120px;font-size:11.5px}.docto-landing .disc-list{margin-block-start:10px}.docto-landing .disc-cmt{gap:12px;padding-block:20px 4px;display:flex}.docto-landing .disc-cmt+.disc-cmt{border-block-start:1px solid var(--divider)}.docto-landing .disc-main{flex:1;min-inline-size:0}.docto-landing .disc-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.docto-landing .disc-head b{font-size:14px;font-weight:720}.docto-landing .disc-head time{font-family:var(--mono);color:var(--muted);margin-inline-start:auto;font-size:10.5px}.docto-landing .disc-text{color:var(--foreground);text-wrap:pretty;white-space:pre-wrap;margin:7px 0 0;font-size:14.5px;line-height:1.62}.docto-landing .disc-acts{gap:4px;margin:8px 0 10px;margin-inline-start:-8px;display:flex}.docto-landing .ghosty{block-size:30px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding-inline:10px;font-size:12.5px;font-weight:650;transition:all .15s;display:inline-flex}.docto-landing .ghosty:hover{background:var(--default-hover);color:var(--foreground)}.docto-landing .ghosty[aria-pressed=true],.docto-landing .ghosty[aria-expanded=true]{color:var(--accent-text)}.docto-landing .disc-replies{border-inline-start:2px solid var(--divider);margin:2px 0 14px;padding-inline-start:16px}.docto-landing .disc-reply{gap:10px;padding-block:13px 2px;display:flex}.docto-landing .disc-reply .disc-text{font-size:14px}.docto-landing .disc-reply--author .disc-card{background:linear-gradient(140deg, var(--accent-soft), color-mix(in srgb, var(--accent) 5%, transparent));border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);border-radius:16px;margin-block-start:6px;padding:12px 15px}.docto-landing .disc-reply--author .disc-card .disc-text{margin:0}.docto-landing .disc-rcomposer{gap:10px;margin:6px 0 14px;display:flex}.docto-landing .disc-signin{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 18px;font-size:14.5px;display:flex}.docto-landing .disc-empty{color:var(--muted);margin:0;padding-block:18px;font-size:14.5px;font-style:italic}.docto-landing .disc-err{color:var(--danger);margin:0;padding-block-end:8px;padding-inline:15px;font-size:13px}.docto-landing .read-rel{padding-block:60px 90px}.docto-landing .read-rel h2{font-family:var(--font-display);letter-spacing:-.034em;margin:0;font-size:23px;font-weight:800}.docto-landing .read-rel .mag-grid{padding-block:22px 0}.docto-landing .mag-toast{background:var(--ink-surface);color:var(--ink-surface-fg);box-shadow:var(--shadow-lg);z-index:80;animation:mag-rise .3s var(--mag-ease) both;border-radius:999px;align-items:center;gap:8px;padding:11px 20px;font-size:13.5px;font-weight:620;display:flex;position:fixed;inset-block-end:28px;inset-inline-start:50%;transform:translate(-50%)}@keyframes mag-rise{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.docto-landing .mag-fade{animation:mag-fade .55s var(--mag-ease) both}@keyframes mag-fade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.docto-landing .mag-slide,.docto-landing .mag-card,.docto-landing .mag-card:hover,.docto-landing .read-btn,.docto-landing .mag-chip,.docto-landing .mag-cta{transition:none;transform:none}.docto-landing .mag-fade,.docto-landing .mag-toast,.docto-landing .mag-prog i.run,.docto-landing .mag-pulse:after{animation:none}.docto-landing .mag-prog i.run{inline-size:100%}}@media (max-width:1080px){.docto-landing .mag-hero-in{grid-template-columns:minmax(0,1fr)}.docto-landing .mag-rail{block-size:auto;min-block-size:0}.docto-landing .mag-rail-list{flex:none;gap:10px;max-block-size:none;display:flex;overflow-x:auto}.docto-landing .mag-ritem{border:1px solid #f2f4e61a;min-inline-size:210px}.docto-landing .mag-slide-copy{max-inline-size:82%}}@media (max-width:900px){.docto-landing .mag-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.docto-landing .mag-card{grid-column:span 2}.docto-landing .mag-card--wide{flex-direction:column;grid-column:span 4;gap:0}.docto-landing .mag-card--wide .mag-cardimg{aspect-ratio:16/9;min-block-size:0;inline-size:100%}.docto-landing .mag-card--wide .mag-cardbody{padding:16px 16px 14px}.docto-landing .mag-promo{grid-column:span 4}.docto-landing .read-grid{display:block}.docto-landing .read-rail{display:none}.docto-landing .read-hero-in{min-block-size:400px}}@media (max-width:720px){.docto-landing .mag-bar-in{flex-wrap:wrap;gap:8px;padding-inline:20px}.docto-landing .mag-search{order:-1;block-size:38px;inline-size:100%}.docto-landing .mag-search input{font-size:16px}.docto-landing .mag-chips{flex:100%}.docto-landing .mag-seg{margin-inline-start:0}}@media (max-width:640px){.docto-landing .mag-wrap{padding-inline:20px}.docto-landing .mag-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.docto-landing .mag-hero-in{padding:18px 20px 22px}.docto-landing .mag-hero-foot{padding-inline:20px}.docto-landing .mag-stage{aspect-ratio:4/4.5}.docto-landing .mag-slide-copy{max-inline-size:100%;padding-block-end:34px;padding-inline:20px}.docto-landing .mag-slide-dek{display:none}.docto-landing .read-shell{padding-inline:20px}.docto-landing .read-hero-in{padding:26px 20px 30px}.docto-landing .read-acts{inline-size:100%;margin-inline-start:0}.docto-landing .article-body{font-size:18px}.docto-landing .article-body>p:first-child{font-size:19.5px}.docto-landing .article-body blockquote{font-size:20px}}