.pg-articles .search{width:min(380px,100%);position:relative}.pg-articles .search .ui-input{padding-left:var(--sp-10);padding-right:var(--sp-10)}.pg-articles .search>svg{left:var(--sp-4);width:18px;height:18px;color:var(--muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.pg-articles .search kbd{right:var(--sp-3);font-family:var(--mono);font-size:var(--fs-xs);border:1px solid var(--line);border-radius:var(--r-sm);padding:2px var(--sp-1);color:var(--muted);position:absolute;top:50%;transform:translateY(-50%)}.pg-articles .filters{top:var(--sticky-top);z-index:10;background:var(--paper);border-bottom:1px solid var(--line);padding:var(--sp-3) 0;position:sticky}.pg-articles .filters .wrap{gap:var(--sp-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.pg-articles .cats{gap:var(--sp-2);scrollbar-width:none;padding:2px;display:flex;overflow-x:auto}.pg-articles .chip-btn{font-family:var(--mono);font-size:var(--fs-sm);min-height:36px;padding:0 var(--sp-3);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--card);color:var(--ink);white-space:nowrap}.pg-articles .chip-btn:hover{background:var(--soft)}.pg-articles .chip-btn[aria-pressed=true]{background:var(--ink);color:var(--paper)}.pg-articles .chip-btn .ct{opacity:.55;margin-left:var(--sp-1)}.pg-articles .opts-row{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.pg-articles .toggle{align-items:center;gap:var(--sp-2);font-size:var(--fs-ui);cursor:pointer;display:inline-flex}.pg-articles .toggle input{width:16px;height:16px}.pg-articles .layout{gap:var(--sp-10);padding:var(--sp-10) 0 var(--sp-24);grid-template-columns:1fr 300px;display:grid}.pg-articles .result-bar{margin-bottom:var(--sp-5);font-family:var(--mono);font-size:var(--fs-sm);color:var(--muted);justify-content:space-between;align-items:center;display:flex}.pg-articles .linkish{color:var(--volt);font-family:var(--mono);font-size:var(--fs-sm);background:0 0;border:none;text-decoration:underline}.pg-articles .lead-card{margin-bottom:var(--sp-6);grid-template-columns:1.1fr 1fr;display:grid;overflow:hidden}.pg-articles .lead-card .cover{border-right:1px solid var(--line);border-bottom:none;min-height:260px}.pg-articles .lead-card .body{padding:var(--sp-6);gap:var(--sp-3);flex-direction:column;justify-content:center;display:flex}.pg-articles .lead-card h2{font-size:var(--fs-3xl);line-height:1.3}.pg-articles .lead-card p{color:var(--muted)}.pg-articles .cover{aspect-ratio:16/9;background:var(--code-bg);border-bottom:1px solid var(--line);place-items:center;display:grid;position:relative;overflow:hidden}.pg-articles .cover .glyph{font-family:var(--mono);color:var(--volt-hi);font-size:clamp(48px,6vw,64px);font-weight:700;line-height:1}.pg-articles .cover .lang{left:var(--sp-4);top:var(--sp-3);font-family:var(--mono);font-size:var(--fs-xs);color:var(--muted);position:absolute}.pg-articles .cover.c-py{background:var(--cover-py)}.pg-articles .cover.c-css{background:var(--cover-css)}.pg-articles .cover.c-git{background:var(--cover-git)}.pg-articles .cover.c-career{background:var(--cover-career)}.pg-articles .cover.c-react{background:var(--cover-react)}.pg-articles .a-grid{gap:var(--sp-5);grid-template-columns:repeat(2,1fr);display:grid}.pg-articles .a-card{flex-direction:column;display:flex;overflow:hidden}.pg-articles .a-card .body{padding:var(--sp-5);gap:var(--sp-2);flex-direction:column;flex:1;display:flex}.pg-articles .a-card h3{font-size:var(--fs-xl);line-height:1.4}.pg-articles .a-card p{color:var(--muted);font-size:var(--fs-ui);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pg-articles .a-card .meta{padding-top:var(--sp-2);margin-top:auto}.pg-articles .tags{gap:var(--sp-2);flex-wrap:wrap;display:flex}.pg-articles .xp-tag{font-family:var(--mono);font-size:var(--fs-xs);color:var(--volt);font-weight:700}.pg-articles .read-state{align-items:center;gap:var(--sp-1);font-family:var(--mono);font-size:var(--fs-xs);padding:2px var(--sp-2);border-radius:var(--r-pill);background:var(--soft);color:var(--muted);display:inline-flex}.pg-articles .read-state.done{background:var(--grad);color:#fff}.pg-articles .empty{padding:var(--sp-12) var(--sp-6);text-align:center;border:1px dashed var(--line);border-radius:var(--radius)}.pg-articles .empty b{font-size:var(--fs-xl);margin-bottom:var(--sp-2);display:block}.pg-articles .empty p{color:var(--muted);margin-bottom:var(--sp-4)}.pg-articles .load-more{margin-top:var(--sp-8);justify-content:center;display:flex}.pg-articles aside{gap:var(--sp-5);flex-direction:column;display:flex}.pg-articles .side{padding:var(--sp-5)}.pg-articles .side h4{font-family:var(--display);font-size:var(--fs-md);color:var(--ink);margin-bottom:var(--sp-3);font-weight:600}.pg-articles .pop-list{counter-reset:pop;gap:var(--sp-3);flex-direction:column;list-style:none;display:flex}.pg-articles .pop-list li{counter-increment:pop;gap:var(--sp-2);font-size:var(--fs-md);grid-template-columns:28px 1fr;font-weight:500;line-height:1.45;display:grid}.pg-articles .pop-list li:before{content:counter(pop, decimal-leading-zero);font-family:var(--mono);color:var(--volt);font-weight:700}.pg-articles .pop-list a:hover{text-decoration:underline}.pg-articles .path{gap:var(--sp-2);flex-direction:column;display:flex}.pg-articles .path a{padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--r-md);font-size:var(--fs-ui);justify-content:space-between;align-items:center;font-weight:600;display:flex}.pg-articles .path a:hover{background:var(--soft)}.pg-articles .path small{font-family:var(--mono);font-size:var(--fs-xs);color:var(--muted);font-weight:400}.pg-articles .nl{background:var(--grad);color:#fff;border-color:#0000}.pg-articles .nl h4{color:#fffc}.pg-articles .nl p{font-size:var(--fs-lg);margin-bottom:var(--sp-3);font-weight:600;line-height:1.4}.pg-articles .nl .ui-input{color:var(--paper);margin-bottom:var(--sp-2);background:#fff;border-color:#0000}.pg-articles .nl .ui-input::placeholder{color:var(--dim)}.pg-articles .nl .msg{font-size:var(--fs-md)}.pg-articles .nl .msg.bad{font-size:var(--fs-sm);margin-top:var(--sp-2)}.pg-articles .nl .btn{background:var(--paper);color:#fff;border-color:var(--paper);justify-content:center;width:100%}@media (max-width:1000px){.pg-articles .layout{grid-template-columns:1fr}.pg-articles aside{grid-template-columns:1fr 1fr;display:grid}.pg-articles .lead-card{grid-template-columns:1fr}.pg-articles .lead-card .cover{border-right:none;border-bottom:1px solid var(--line);min-height:200px}}@media (max-width:600px){.pg-articles .a-grid,.pg-articles aside{grid-template-columns:1fr}.pg-articles .filters{position:static}.pg-articles .lead-card h2{font-size:var(--fs-2xl)}}