.phero{padding-block:var(--s-9) var(--s-8);text-align:center;row-gap:0}.phero .meta,.phero h1,.phero .lede{grid-column:3/11;justify-self:center}.phero .meta{margin-bottom:var(--s-5)}.phero h1{font-size:clamp(34px,3.5vw,52px);line-height:1.08;margin-bottom:var(--s-5)}.phero .lede{color:var(--k-text-2);max-width:56ch}.sdks{border-top:1px solid var(--k-line);border-bottom:1px solid var(--k-line);row-gap:0}.sdk{grid-column:span 6;padding-block:var(--s-8) var(--s-7);display:flex;flex-direction:column;gap:var(--s-4)}.sdk:first-child{padding-right:var(--s-7);border-right:1px solid var(--k-line)}.sdk:last-child{padding-left:var(--s-7)}.sdk .head{display:flex;gap:var(--s-5);flex-wrap:wrap}.sdk h2{font-size:clamp(28px,3vw,44px);line-height:1.08}.sdk .desc{color:var(--k-text-2);max-width:52ch}.sdk .actions{display:flex;gap:var(--s-5);align-items:flex-start;flex-wrap:wrap;margin-top:var(--s-2)}.sdk .toggle{background:none;border:1px solid var(--k-line-2);color:var(--k-text);font:300 12.5px var(--font-mono);padding:9px 14px;border-radius:var(--r-pill);cursor:pointer;transition:border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.sdk .toggle:after{content:" +"}.sdk .toggle[aria-expanded=true]:after{content:" −"}.sdk .toggle:hover,.sdk .toggle[aria-expanded=true]{border-color:var(--k-accent-edge);color:var(--k-accent-text)}.sdk .try{display:flex;flex-direction:column;gap:var(--s-1)}.sdk .soon{font:300 12.5px var(--font-mono);color:var(--k-text-3);padding:9px 0}.sdk .more{display:none;border-top:1px solid var(--k-line);padding-top:var(--s-5);margin-top:var(--s-2);color:var(--k-text-2);font-size:15px}.sdk .more.open{display:block}.sdk .more p{margin-bottom:var(--s-3)}.sdk .more p:last-child{margin-bottom:0}.sdk .more b{font-weight:400;color:var(--k-text)}.sdk .more ul{margin:0 0 var(--s-3);padding-left:18px}.sdk .more li{margin-bottom:var(--s-2)}.note{padding-block:var(--s-7);border-bottom:1px solid var(--k-line)}.note p{grid-column:3/11;color:var(--k-text-2);font-size:15px}.note a{color:var(--k-accent-text)}.reading .sec{border-top:0}.shelf{padding-block:var(--s-6);border-top:1px solid var(--k-line);align-items:start}.shelf .meta{grid-column:1/3;padding-top:6px;font-weight:300;letter-spacing:.08em}.shelf .empty{grid-column:3/9;color:var(--k-text-3);font-size:15px}.shelf .posts{grid-column:3/13;margin-top:0;border-top:0}.shelf .post{padding-top:0}.shelf .post .read{font:300 12.5px var(--font-mono);color:var(--k-accent-text)}.shelf .post:hover{text-decoration:none}.shelf .post:hover h4{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.reading{padding-bottom:var(--s-6)}@media (max-width:1000px){.phero .meta,.phero h1,.phero .lede,.sdk,.note p,.shelf .meta,.shelf .empty,.shelf .posts{grid-column:1/-1}.sdk:first-child{padding-right:0;border-right:0;border-bottom:1px solid var(--k-line)}.sdk:last-child{padding-left:0}.shelf .posts{margin-top:var(--s-4)}}@media (max-width:700px){.phero{padding-block:var(--s-4) var(--s-3)}.phero .meta{margin-bottom:var(--s-3)}.phero h1{font-size:26px;margin-bottom:var(--s-3)}.phero .lede{font-size:13px;line-height:1.4}}@media (max-width:1000px){.screen.screen-wrap:has(.phero){min-height:0}}@media (max-width:700px){.sdk h2{font-size:24px}.sdk{gap:var(--s-3)}.sdk .desc{font-size:14px;line-height:1.45}.sdk .actions{margin-top:0}.sdk .toggle,.sdk .soon{padding-block:6px}.screen-wrap:has(.phero){gap:var(--s-3);padding-bottom:var(--s-3)}}
