.now-page{container:now-page/inline-size}.now-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.now-category,.now-story{min-width:0;color:var(--ink);background:color-mix(in srgb, var(--surface-solid) 88%, var(--bg-deep));border:1px solid var(--line);box-shadow:0 10px 26px color-mix(in srgb, var(--ice) 6%, transparent);border-radius:18px;transition:border-color .18s,box-shadow .18s,transform .18s;overflow:hidden}.now-category{scroll-margin-top:110px}.now-category-link{box-sizing:border-box;min-height:164px;color:inherit;grid-template-rows:auto auto auto;grid-template-columns:38px minmax(0,1fr) auto;align-content:center;gap:7px 14px;padding:26px;text-decoration:none;display:grid;position:relative}.now-category-link:focus-visible,.now-story-card:focus-visible{outline:3px solid var(--ice-bright);outline-offset:-4px;border-radius:16px}.now-category-number{color:var(--ice-bright);letter-spacing:.05em;grid-area:1/1/4;align-self:start;padding-top:2px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.82rem}.now-category-label{color:var(--muted);letter-spacing:.06em;grid-area:1/2;font-size:.66rem;font-weight:650;line-height:1.5}.now-category-link h2{color:var(--ink);letter-spacing:-.04em;text-wrap:balance;overflow-wrap:anywhere;grid-area:2/2;margin:0;font-size:clamp(1.18rem,2.2vw,1.65rem);line-height:1.3}.now-category-count{color:var(--muted);grid-area:3/2;font-size:.72rem;line-height:1.5}.now-category-action{color:var(--ice-bright);flex-direction:column;grid-area:1/3/4;align-self:center;align-items:center;gap:9px;font-size:.66rem;font-weight:650;display:flex}.now-category-symbol{background:color-mix(in srgb, var(--ice) 10%, transparent);border:1px solid var(--line);border-radius:50%;place-items:center;width:36px;height:36px;font-size:1.1rem;transition:transform .18s;display:grid}.now-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:11px;margin-bottom:17px;font-size:.77rem;line-height:1.6;display:flex}.now-breadcrumb a{min-height:44px;color:var(--ice-bright);align-items:center;display:inline-flex}.now-module-hero{margin-bottom:24px}.now-module-count{color:var(--muted);flex-direction:column;flex:none;gap:4px;margin:0;font-size:.74rem;display:flex}.now-module-count strong{color:var(--ice-bright);letter-spacing:-.05em;font-size:2.7rem;font-weight:650;line-height:1}.now-story-list{gap:17px;display:grid}.now-story-card{color:inherit;padding:clamp(24px,4vw,34px);text-decoration:none;display:block}.now-entry-time{color:var(--muted);font-size:.74rem;line-height:1.7}.now-story-card h2{color:var(--ink);letter-spacing:-.025em;margin:12px 0;font-size:clamp(1.18rem,2.3vw,1.6rem);line-height:1.5}.now-story-card>p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.88rem;line-height:1.85;display:-webkit-box;overflow:hidden}.now-story-read{min-height:44px;color:var(--ice-bright);align-items:center;gap:14px;margin-top:12px;font-size:.79rem;font-weight:650;display:inline-flex}.now-story-read>span:last-child{transition:transform .18s}.now-empty-state{color:var(--muted);text-align:center;background:color-mix(in srgb, var(--surface-solid) 82%, var(--bg-deep));border:1px dashed var(--line-strong);border-radius:18px;padding:42px 30px}.now-empty-state>span{color:var(--ice-bright);font-size:2rem}.now-empty-state p{margin:9px 0 16px;font-size:.95rem}.now-empty-state .text-link{align-items:center;min-height:44px;display:inline-flex}.now-reading-header{background:color-mix(in srgb, var(--surface-solid) 85%, var(--bg-deep));border:1px solid var(--line);border-radius:18px;padding:clamp(25px,4vw,36px)}.now-reading-header h1{letter-spacing:-.045em;text-wrap:balance;margin:13px 0 20px;font-size:clamp(1.55rem,3.3vw,2.5rem);line-height:1.35}.now-reading-tags{flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.now-reading-tags li{color:var(--ice-bright);background:color-mix(in srgb, var(--ice) 8%, transparent);border:1px solid var(--line);border-radius:7px;padding:4px 9px;font-size:.7rem;line-height:1.6}.now-reading-body{max-width:76ch;margin-inline:auto;padding:32px 6px}.now-reading-body p{color:var(--ink);white-space:pre-line;overflow-wrap:anywhere;margin:0;font-size:1rem;line-height:1.95}.now-reading-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:22px;padding:20px 0;display:flex}.now-reading-footer .text-link{align-items:center;min-height:44px;display:inline-flex}@media (hover:hover) and (pointer:fine){.now-category:hover,.now-story:hover{border-color:var(--line-strong);box-shadow:0 14px 32px color-mix(in srgb, var(--ice) 10%, transparent);transform:translateY(-3px)}.now-category-link:hover .now-category-symbol{transform:translate(2px,-2px)}.now-story-card:hover .now-story-read>span:last-child{transform:translate(3px)}}@media (max-width:680px){.now-categories{grid-template-columns:1fr;gap:14px;margin-top:18px}.now-category-link{grid-template-columns:30px minmax(0,1fr) auto;column-gap:10px;min-height:144px;padding:23px 21px}.now-category-link h2{font-size:1.35rem}.now-story-card{padding:23px 21px}.now-reading-header{padding:25px 21px}.now-reading-body{padding:26px 2px}.now-reading-body p{font-size:.98rem;line-height:1.9}}@container now-page (width<=620px){.now-categories{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.now-category,.now-story,.now-category-symbol,.now-story-read>span:last-child{transition:none}.now-category:hover,.now-story:hover,.now-category-link:hover .now-category-symbol,.now-story-card:hover .now-story-read>span:last-child{transform:none}}