@layer tokens, base, components, areas;@layer areas{.rb-head{position:relative;overflow:clip;padding-top:26px;border-bottom:1px solid var(--line)}.rb-bg{pointer-events:none;z-index:0;background:radial-gradient(42% 78% at 92% -8%,var(--accent-soft),transparent 72%),radial-gradient(30% 60% at 62% -20%,var(--info-soft),transparent 70%)}.rb-bg,.rb-bg:after{position:absolute;inset:0}.rb-bg:after{content:"";background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 88%);mask-image:linear-gradient(180deg,#000,transparent 88%)}.rb-head .wrap{position:relative;z-index:1}.rb-intro{margin-top:30px;max-width:48em}.rb-intro .label{margin-bottom:2px}.rb-intro>.label{display:flex;width:fit-content;margin-bottom:0;padding-bottom:2px}.rb-h1{margin-top:18px;font-size:clamp(44px,6.2cqi,88px);line-height:.96;letter-spacing:-.056em;font-weight:650;text-wrap:balance}.rb-lead{margin-top:20px;max-width:34em;font-size:clamp(16px,1.5cqi,19px);line-height:1.55;color:var(--fg-2)}.rb-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:20px;font:500 12.5px/1.3 var(--font-mono);color:var(--fg-3)}.rb-meta,.rb-mi{align-items:center}.rb-mi{display:inline-flex;gap:7px}.rb-mi b{font-weight:500}.rb-mi b,.rb-mi time,.rb-rss{color:var(--fg-2)}.rb-rss{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 9px 0 7px;margin-block:-4px;border-radius:8px;transition:color .2s,background-color .2s}.rb-rss:hover{color:var(--accent-text);background:var(--surface-2)}.rb-bar{margin-top:clamp(30px,3.6cqi,44px);padding-block:16px;border-top:1px solid var(--line)}.rb-rubs{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.rb-rubs .chip[aria-current=page]{color:var(--accent-text);border-color:var(--accent-line);background:var(--accent-soft)}.rb-sec{padding-top:clamp(36px,4.4cqi,56px)}.rb-sh{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:20px}.rb-h2{font-size:clamp(28px,3cqi,40px);line-height:1.05;letter-spacing:-.042em;font-weight:640}.rb-h2.sm{font-size:clamp(20px,1.9cqi,24px);letter-spacing:-.03em}.rb-count{font:500 12.5px/1.3 var(--font-mono);color:var(--fg-3)}.rb-count:empty{display:none}.rb-more{padding-top:clamp(56px,7cqi,88px)}.rb-pages{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:clamp(32px,4cqi,48px)}.rb-pgs{display:flex;gap:6px}.rb-pg{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:42px;height:42px;padding:0 13px;border-radius:11px;font:500 14px/1 var(--font-mono);color:var(--fg-2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);transition:color .2s,box-shadow .2s,background-color .2s}a.rb-pg:hover{color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-3)}.rb-pg[aria-current=page]{color:var(--accent-text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.rb-pg.dir{font:550 13.5px/1 var(--font-sans)}.rb-pg.off{color:var(--fg-3);background:none;opacity:.95;pointer-events:none}.rb-empty,.rb-pg.off{box-shadow:inset 0 0 0 1px var(--line)}.rb-empty{display:grid;justify-items:center;gap:10px;padding:clamp(36px,5cqi,64px) 20px;border-radius:22px;background:var(--surface);text-align:center}.rb-empty-i{display:grid;place-items:center;width:56px;height:56px;margin-bottom:6px;border-radius:16px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--fg-2)}.rb-empty-h{font-size:19px;font-weight:620;letter-spacing:-.02em;color:var(--fg);text-wrap:balance}.rb-empty-s{max-width:32em;font-size:14.5px;line-height:1.6;color:var(--fg-2)}.rb-empty-b{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}@container scr (max-width: 600px){.rb-head{padding-top:18px}.rb-intro{margin-top:22px}.rb-h1{margin-top:14px;font-size:clamp(40px,12.4cqi,54px)}.rb-lead{font-size:16px}.rb-bar{margin-top:24px;padding-block:14px}.rb-rubs{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1 * var(--pad));padding:2px var(--pad);scroll-padding-inline:var(--pad);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--pad),#000 calc(100% - var(--pad)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--pad),#000 calc(100% - var(--pad)),transparent)}.rb-rubs::-webkit-scrollbar{display:none}.rb-rubs .chip{flex:none}.rb-sec{padding-top:34px}.rb-more{padding-top:48px}.rb-sh{margin-bottom:16px}.rb-empty-b .btn{flex:1 1 auto}}@container scr (max-width: 400px){.rb-pg-t{display:none}.rb-pg.dir{padding:0;width:42px}}}