.d .article{position:absolute;inset:0;display:flex;flex-direction:column;z-index:5}.d .article .scroll{flex:1;min-height:0;overflow-y:auto;padding:110px 32px 100px}.d .article .scroll::-webkit-scrollbar{width:4px}.d .article .scroll::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.d .article .back{display:inline-flex;align-items:center;gap:8px;font-family:CommitMono,ui-monospace,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#ededed8c;text-decoration:none;margin-bottom:56px;transition:color .2s}.d .article .back:hover{color:#fff}.d .article .back .arrow{transition:transform .25s cubic-bezier(.2,.8,.2,1)}.d .article .back:hover .arrow{transform:translate(-3px)}.d .article .layout{display:grid;grid-template-columns:240px 1fr;gap:64px;align-items:start}.d .article .rail{position:sticky;top:0;display:flex;flex-direction:column;gap:28px}.d .article .rail-row{display:flex;flex-direction:column;gap:6px}.d .article .rail .label{font-family:CommitMono,ui-monospace,monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#ededed66}.d .article .rail .value{font-family:PlayfairDisplay,Georgia,serif;font-style:italic;font-size:15px;color:#edededc7;letter-spacing:-.005em}.d .article .rail .tags{display:flex;flex-wrap:wrap;gap:6px}.d .article .rail .chip{font-family:CommitMono,ui-monospace,monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#ededed99;padding:4px 8px;border:1px solid rgba(255,255,255,.08);border-radius:3px}.d .article .content{min-width:0}.d .article header.intro{margin-bottom:56px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.06)}.d .article .a-title{font-family:PlayfairDisplay,Georgia,serif;font-weight:400;font-size:clamp(40px,5vw,60px);color:var(--fg);letter-spacing:-.01em;line-height:1.05;margin:0 0 24px}.d .article .a-desc{font-family:PlayfairDisplay,Georgia,serif;font-style:italic;font-size:clamp(18px,1.7vw,21px);line-height:1.45;color:#ededed99;margin:0;letter-spacing:-.005em;max-width:720px}.d .article .body{font-family:Inter,system-ui,sans-serif;color:#edededd1;max-width:720px}.d .article .body p{font-size:17px;line-height:1.7;letter-spacing:-.005em;margin:0 0 28px}.d .article .body p strong{color:var(--fg);font-weight:500}.d .article .body p em{font-family:PlayfairDisplay,Georgia,serif;font-style:italic;font-size:1.05em;color:#edededeb}.d .article .body br{display:block;content:"";margin-top:4px}.d .article .body blockquote{margin:56px 0 16px;padding:0 0 0 24px;border-left:1px solid rgba(255,255,255,.12);font-family:PlayfairDisplay,Georgia,serif;font-style:italic;font-size:clamp(20px,2vw,24px);line-height:1.45;color:#edededc7;letter-spacing:-.005em}.d .article .body blockquote p{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0 0 12px}.d .article .body blockquote p:last-child{margin-bottom:0}.d .article .body h1,.d .article .body h2{font-family:PlayfairDisplay,Georgia,serif;font-weight:400;letter-spacing:-.01em;color:var(--fg);margin:48px 0 20px}.d .article .body h1{font-size:28px}.d .article .body h2{font-size:22px}.d .article .body a{color:var(--fg);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25);transition:border-color .2s}.d .article .body a:hover{border-bottom-color:#fff}.d .article .a-end{margin-top:96px;padding-top:32px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:baseline;gap:24px;max-width:720px}.d .article .a-end .signoff{font-family:PlayfairDisplay,Georgia,serif;font-style:italic;font-size:14px;color:#ededed73}.d .article .a-end a{font-family:CommitMono,ui-monospace,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#edededb3;text-decoration:none;transition:color .2s}.d .article .a-end a:hover{color:#fff}@media (max-width: 900px){.d .article .layout{grid-template-columns:200px 1fr;gap:48px}}@media (max-width: 768px){.d .article{position:relative;inset:auto;display:block}.d .article .scroll{overflow:visible;padding:70px 22px 140px}.d .article .back{margin-bottom:40px}.d .article .layout{grid-template-columns:1fr;gap:32px}.d .article .rail{position:static;flex-direction:row;flex-wrap:wrap;gap:24px 32px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.06)}.d .article header.intro{margin-bottom:32px;padding-bottom:24px}.d .article .a-title{font-size:34px}.d .article .a-desc{font-size:16.5px}.d .article .body p{font-size:16px}.d .article .body blockquote{font-size:18px;margin:40px 0 12px;padding-left:18px}.d .article .a-end{margin-top:64px;flex-direction:column;gap:12px}}
