.hero-in{gap:var(--space-3xl);min-height:calc(100dvh - 73px);padding-block:var(--space-2xl);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;display:grid}.hero-text h1{font-size:var(--text-display);margin:0 0 var(--space-lg);hyphens:manual;max-width:none;line-height:1.04}.hero-text .lead{max-width:40ch;margin:0}.drawer-head{justify-content:space-between;align-items:baseline;gap:var(--space-md);flex-wrap:wrap;display:flex}.drawer-head h2{font:600 var(--text-lg)/1 var(--font-body);letter-spacing:0;background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule);padding:var(--space-sm) var(--space-lg);z-index:var(--z-base);border-bottom:0;border-radius:10px 10px 0 0;margin-bottom:-1px;position:relative}.drawer-head p{margin:0 0 var(--space-xs);color:var(--color-muted);font-size:var(--text-sm)}.drawer-cards{gap:var(--space-sm);display:grid}.drawer-cards .idx.big{border-top-left-radius:0}.idx{--rule-step:28px;color:var(--color-ink);background-color:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);padding:var(--space-md) var(--space-lg) var(--space-md) 48px;background-image:repeating-linear-gradient(to bottom, transparent 0 calc(var(--rule-step) - 1px), var(--color-rule-2) calc(var(--rule-step) - 1px) var(--rule-step));transition:border-color var(--dur-micro) var(--ease-out), transform var(--dur-short) var(--ease-out);background-position:0 52px;flex-direction:column;text-decoration:none;display:flex;position:relative}.idx:before{content:"";background:var(--color-paper);width:12px;height:12px;box-shadow:inset 0 1px 2px var(--color-hole);border-radius:50%;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.idx:after{content:"";border-left:var(--rule-hair) solid var(--color-margin);position:absolute;top:0;bottom:0;left:36px}.idx:hover{color:var(--color-ink);border-color:var(--color-accent);transform:translateY(-2px)}.idx:active{border-color:var(--color-accent-2);transform:none}.idx b{font:600 var(--text-title)/1.2 var(--font-display);margin-bottom:var(--space-2xs);overflow-wrap:break-word;min-width:0;padding-right:120px;display:block}.idx .meta{color:var(--color-muted);font-size:var(--text-sm);line-height:28px;display:block}.idx .src{font-size:var(--text-sm);color:var(--color-accent);line-height:28px;display:block}.idx .stamp{right:var(--space-md);top:var(--space-md);padding:var(--space-2xs) var(--space-xs);font-size:var(--text-xs);border-width:2px;border-radius:5px;transform:rotate(-6deg)}.idx.big{--rule-step:36px;min-height:360px;padding:var(--space-xl) var(--space-xl) var(--space-lg) 72px;box-shadow:var(--shadow-card);background-position:0 30px;justify-content:flex-end}.idx.big:before{width:16px;height:16px;left:26px}.idx.big:after{left:56px}.idx.big b{font-size:var(--text-display);letter-spacing:var(--tracking-display);margin-bottom:var(--space-md);padding-right:0;font-weight:400;line-height:1}.idx.big .meta,.idx.big .src{font-size:var(--text-md);line-height:36px}.idx.big .src{font-weight:600}.idx.big .stamp{right:var(--space-xl);top:var(--space-xl);border-radius:var(--radius-control);padding:var(--space-xs) var(--space-md);font-size:var(--text-lg);border-width:3px}.soon{margin:var(--space-md) 0 0;color:var(--color-muted);font-size:var(--text-sm)}.shelf{padding-block:var(--section-gap-s) 0}.shelf-last{padding-bottom:var(--section-gap)}.shelf-ad{margin-top:var(--space-2xl)}.cards{gap:var(--space-md) var(--gap-columns);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cards .idx{min-height:196px}.cards .idx .meta{margin-top:auto}.shelf .tools{border-top:0;margin-top:0}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.how{--rule-step:32px;margin-top:var(--section-gap-s);padding-block:var(--section-gap-s);background-color:var(--color-paper-2);background-image:repeating-linear-gradient(to bottom, transparent 0 calc(var(--rule-step) - 1px), var(--color-rule-2) calc(var(--rule-step) - 1px) var(--rule-step));border-block:var(--rule-hair) solid var(--color-rule);position:relative}.how .container{position:relative}.how .container:before{content:"";left:calc(var(--gutter) - var(--space-xl));top:calc(-1 * var(--section-gap-s));bottom:calc(-1 * var(--section-gap-s));border-left:var(--rule-hair) solid var(--color-margin);position:absolute}.how .route-list{margin-top:var(--space-2xl);gap:0 var(--gap-columns)}.how .route-list:before{top:14px;left:14px}.how .route-list li{font-size:var(--text-md);max-width:36ch;padding-top:56px}.how .route-list li:before{border-width:3px;width:30px;height:30px}.how .route-list li strong{font:600 var(--text-title)/1.2 var(--font-display);margin-bottom:var(--space-xs)}.layout .hub .cards{margin-bottom:var(--space-2xl)}@media (width<=60rem){.hero-in{gap:var(--space-xl);min-height:0;padding-block:var(--space-xl) 0;grid-template-columns:minmax(0,1fr)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.how .container:before{display:none}}@media (width<=44rem){.drawer-head{align-items:flex-start;gap:var(--space-xs);flex-direction:column-reverse}.drawer-head p{margin:0}.idx.big{min-height:0;padding:var(--space-lg) var(--space-md) var(--space-md) var(--space-xl)}.idx.big:before{width:12px;height:12px;left:11px}.idx.big:after{left:30px}.idx.big .stamp{margin-bottom:var(--space-md);font-size:var(--text-sm);align-self:flex-start;position:static;transform:rotate(-3deg)}.idx{padding:var(--space-sm) var(--space-sm) var(--space-sm) 36px}.idx:before{width:11px;height:11px;left:9px}.idx:after{left:26px}.idx b{padding-right:0}.idx .stamp{margin-bottom:var(--space-xs);align-self:flex-start;position:static}.cards{gap:var(--space-xs)}.cards .idx{min-height:0}.cards .src{display:none}.how .route-list li{padding:0 0 0 48px}.how .route-list:before{left:14px}}@media (width<=26rem){.cards{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.idx:hover{transform:none}}