.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;padding-block-start:64px;display:flex}.pager ol{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pager a{border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--paper);block-size:42px;min-inline-size:42px;font-size:var(--fs-sm);color:var(--ink);transition:border-color var(--dur) var(--ease);justify-content:center;align-items:center;gap:8px;padding-inline:14px;display:inline-flex}.pager a:hover{border-color:var(--ink-3)}.pager a[aria-current=page]{border-color:var(--ink);background:var(--ink);color:var(--ivory)}.pager-gap{min-inline-size:24px;color:var(--ink-3);place-items:center;display:grid}.pager-step svg{block-size:15px;inline-size:15px}.pager-prev{scale:-1 1}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.tile{isolation:isolate;grid-row:span 4;grid-template-rows:subgrid;border-radius:var(--r-card);row-gap:18px;padding:26px 24px 22px;display:grid;position:relative;overflow:hidden}.tile-rings{--gap:16px;z-index:var(--z-behind);aspect-ratio:1;background:repeating-radial-gradient(circle, transparent 0 var(--gap), var(--t-ring) var(--gap) calc(var(--gap) + 1px));pointer-events:none;inline-size:300px;position:absolute;inset-block-end:-150px;inset-inline-end:-150px;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 66%);mask-image:radial-gradient(circle,#000 20%,#0000 66%)}.tile-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tile h3{font-family:var(--serif);font-weight:500;font-size:var(--h-4);line-height:var(--lh-heading)}.tile h3 a:hover{text-underline-offset:var(--underline-offset);text-decoration:underline;text-decoration-thickness:1px}.tile-count{border-radius:var(--r-pill);block-size:30px;min-inline-size:30px;font-family:var(--latin);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--ink);background:#fff9;flex:none;place-items:center;margin-block-start:3px;padding-inline:8px;font-weight:600;display:grid}.tile-desc{font-size:var(--fs-md);line-height:var(--lh-ui);color:var(--t-soft)}.tile-list{border-block-start:1px solid var(--t-line);align-content:start;display:grid}.tile-list a{-webkit-line-clamp:2;border-block-end:1px solid var(--t-line);min-block-size:calc(3.3em + 20px);font-size:var(--fs-md);line-height:var(--lh-ui);color:var(--t-ink);transition:color var(--dur) var(--ease);-webkit-box-orient:vertical;padding-block:10px;display:-webkit-box;overflow:hidden}.tile-list a:hover{color:var(--t-accent)}.tile-all{font-size:var(--fs-sm);color:var(--t-ink);place-self:end start;align-items:center;gap:8px;font-weight:500;display:inline-flex}.tile-all svg{block-size:15px;inline-size:15px;transition:transform var(--dur-move) var(--ease)}.tile-all:hover svg{transform:translate(-4px)}[data-tone=story].tile .tile-count{color:var(--white);background:#ffffff2e}[data-tone=story].tile .tile-list a:hover{color:var(--white);text-underline-offset:var(--underline-offset);text-decoration:underline}.tile-index{--t-ink:var(--ink);--t-soft:var(--ink-2);--t-accent:var(--clay-2);--t-line:var(--line);border:1px solid var(--line-2);background:var(--paper);color:var(--ink)}.tile-index .tile-count{background:var(--sand)}@media (width<=1100px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.tiles{grid-template-columns:minmax(0,1fr)}.tile{grid-row:auto;grid-template-rows:none;padding:24px 22px 20px}.tile-list a{min-block-size:0}}.nl-form{flex-wrap:wrap;gap:8px;display:flex}.nl-form input{min-inline-size:0;block-size:var(--ctl-h-lg);border-radius:var(--r-sm);background:var(--paper);font:inherit;font-size:var(--fs-base);color:var(--ink);border:1px solid #0000;flex:1;padding-inline:16px}.nl-form input:focus{outline:none}.nl-form input:focus-visible{outline:2px solid var(--white);outline-offset:2px}.nl-form input[aria-invalid=true]{border-color:var(--white)}.nl-form .btn{min-block-size:var(--ctl-h-lg)}.nl-msg{font-size:var(--fs-sm);line-height:var(--lh-ui);color:var(--white);margin-block-start:8px}.nl-msg:empty{display:none}.nl-band{padding-block-start:112px}.nl-card{isolation:isolate;border-radius:var(--r-shell);background:var(--clay-2);color:var(--white);grid-template-columns:minmax(0,1fr) minmax(0,25rem);align-items:center;gap:24px 64px;padding:56px 60px;display:grid;position:relative;overflow:hidden}.nl-rings{z-index:var(--z-behind);aspect-ratio:1;background:radial-gradient(circle, var(--white) 0 7px, transparent 8px), repeating-radial-gradient(circle, transparent 0 40px, #ffffff24 40px 41px);pointer-events:none;inline-size:980px;position:absolute;inset-block-start:-540px;inset-inline-end:-330px;-webkit-mask-image:radial-gradient(circle,#000 25%,#0000 70%);mask-image:radial-gradient(circle,#000 25%,#0000 70%)}.nl-copy h2{font-family:var(--serif);font-weight:500;font-size:var(--h-2);line-height:var(--lh-display);color:var(--white)}.nl-copy p{max-inline-size:32rem;font-size:var(--fs-base);line-height:var(--lh-text);color:#ffffffdb;margin-block-start:10px}.nl-card :focus-visible{outline-color:var(--white)}@media (width<=860px){.nl-card{border-radius:var(--r-card);grid-template-columns:1fr;padding:36px 28px}}@media (width<=760px){.nl-band{padding-block-start:80px}}.sel-pop{z-index:var(--z-toast);border-radius:var(--r-pill);background:var(--ink);color:var(--ivory);animation:sel-in .16s var(--ease);align-items:center;gap:2px;padding:4px;display:flex;position:fixed}.sel-pop[hidden]{display:none}.sel-pop:after{content:"";inset-block-start:100%;left:var(--arrow,50%);border:6px solid #0000;border-block-start-color:var(--ink);margin-left:-6px;position:absolute}.sel-pop[data-below]:after{border-block-start-color:#0000;border-block-end-color:var(--ink);inset-block:auto 100%}.sel-pop button{border-radius:var(--r-pill);block-size:38px;min-inline-size:38px;font-size:var(--fs-sm);color:inherit;transition:background var(--dur-fast) var(--ease);align-items:center;gap:8px;padding-inline:11px;font-weight:500;display:inline-flex}.sel-pop button:hover{background:#ffffff1f}.sel-pop button:focus-visible{outline-color:var(--clay-t);outline-offset:0}.sel-pop svg{block-size:16px;inline-size:16px}.sel-pop button+button{position:relative}.sel-pop button+button:before{content:"";background:#ffffff29;inline-size:1px;position:absolute;inset-block:10px;inset-inline-start:-1px}@keyframes sel-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.sel-pop{animation:none}}
