.main{max-width:var(--max-width);grid-template-columns:260px 1fr;align-items:start;gap:40px;margin:0 auto;padding:0 0 64px;display:grid}.filter-sidebar{flex-direction:column;gap:16px;display:flex;position:sticky;top:116px}.filter-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);overflow:hidden}.fb-head{border-bottom:1px solid var(--border);color:var(--text-1);letter-spacing:.04em;justify-content:space-between;align-items:center;padding:14px 18px;font-size:13px;font-weight:700;display:flex}.fb-clear{color:var(--brand-blue);cursor:pointer;letter-spacing:normal;font-size:12px;font-weight:500}.fb-clear:hover{color:var(--brand-blue-dark);text-decoration:underline}.fb-body{flex-direction:column;gap:8px;padding:14px 16px;display:flex}.tb-toggle{color:var(--text-1);cursor:pointer;user-select:none;letter-spacing:.04em;justify-content:space-between;align-items:center;padding:14px 18px;font-size:13px;font-weight:700;transition:background .15s;display:flex}.tb-toggle:hover{background:var(--surface-2)}.tb-toggle-right{align-items:center;gap:8px;display:flex}.tb-active-badge{border-radius:var(--radius-pill);background:var(--brand-blue);color:#fff;letter-spacing:normal;padding:2px 9px;font-size:11px;font-weight:700;display:none}.tb-active-badge.show{display:inline-block}.tb-chevron{color:var(--text-3);font-size:10px;transition:transform .2s;display:inline-block}.tb-chevron.open{transform:rotate(180deg)}.tb-content{border-top:0 solid var(--border);max-height:0;transition:max-height .25s,border-top-width .25s;overflow:hidden}.tb-content.open{border-top:1px solid var(--border);max-height:640px}.cat-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text-1);text-align:left;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.cat-btn:hover{background:var(--surface-2)}.cat-btn.active{font-weight:700}.cat-btn.active.dt{color:var(--devtools);background:#0099ff0f;border-color:#0099ff59}.cat-btn.active.ab{color:var(--appbuilder);background:#f1592d0f;border-color:#f1592d59}.cat-btn.active.rv{color:var(--reveal);background:#ec417a0f;border-color:#ec417a59}.cat-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.cat-count{color:var(--text-3);margin-left:auto;font-size:12px;font-weight:400}.fw-btns{flex-direction:column;gap:8px;display:flex}.fw-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text-1);text-align:left;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.fw-btn:hover{background:var(--surface-2)}.fw-btns{gap:6px}.fw-btn{min-height:40px;padding:8px 10px;font-size:13px}.fw-btn.active{font-weight:700}.fw-btn.active.ang{color:var(--ang);background:#dd00310f;border-color:#dd003159}.fw-btn.active.react{color:var(--react-text);background:#61dafb1a;border-color:#61dafb80}.fw-btn.active.blazor{color:var(--blazor);background:#512bd40f;border-color:#512bd459}.fw-icon{flex-shrink:0;font-size:14px}.tag-cloud{flex-wrap:wrap;gap:6px;padding:14px 16px;display:flex}.tc-tag{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;padding:5px 11px;font-size:12px;font-weight:500;line-height:1.4;transition:all .15s}.tc-tag:hover{background:var(--brand-blue-light);color:var(--brand-blue);border-color:#0099ff59}.tc-tag.active{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue);font-weight:700}.reset-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-2);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);min-height:44px;padding:12px;transition:background .15s,color .15s}.reset-btn:hover{background:var(--surface-2);color:var(--text-1)}.pickup-area{border-radius:var(--radius);background:linear-gradient(135deg,#e6f4ff 0%,#fdf2f8 100%);border:1px solid #0099ff2e;margin-bottom:32px;padding:24px;position:relative;overflow:hidden}.pickup-area:before{content:"";pointer-events:none;background:radial-gradient(circle,#0099ff1a 0%,#0000 70%);width:260px;height:260px;position:absolute;top:-80px;right:-80px}.pickup-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex;position:relative}.pickup-head-left{align-items:center;gap:12px;display:flex}.pickup-head-icon{background:var(--brand-blue);border-radius:var(--radius);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex;box-shadow:0 2px 8px #0099ff4d}.pickup-head-title{color:var(--text-1);font-size:18px;font-weight:700}.pickup-head-note{color:var(--text-3);border-radius:var(--radius-pill);font-size:11px;font-family:var(--font-mono);letter-spacing:normal;font-feature-settings:normal;background:#ffffffb3;padding:3px 10px}.pickup-grid{grid-template-columns:2fr 1fr;gap:16px;display:grid;position:relative}.pickup-card{background:var(--surface);border-radius:var(--radius);cursor:pointer;color:inherit;box-shadow:var(--shadow-1);border:1px solid #0099ff26;text-decoration:none;transition:box-shadow .25s,transform .25s;display:block;position:relative;overflow:hidden}.pickup-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.pickup-card.featured{flex-direction:column;display:flex}.pickup-card.featured .pickup-card-thumb{aspect-ratio:1.91;background:linear-gradient(135deg,#e6f4ff 0%,#f3e8ff 100%);border-bottom:1px solid #0099ff1f;font-size:68px}.pickup-card.featured .pickup-card-title{-webkit-line-clamp:3;font-size:18px}.pickup-card.featured .pickup-card-desc{-webkit-line-clamp:3}.pickup-card.sub{flex-direction:column;display:flex}.pickup-card.sub .pickup-card-thumb{aspect-ratio:1.91;background:linear-gradient(135deg,#fce7f3 0%,#fae8ff 100%);border-bottom:1px solid #ec417a1f;font-size:48px}.pickup-card-thumb{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pickup-card-body{padding:18px 20px}.pickup-card-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.pickup-card-date{color:var(--text-3);letter-spacing:normal;font-feature-settings:normal;margin-left:auto;font-size:12px}.pickup-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:16px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.pickup-card-desc{color:var(--text-2);-webkit-line-clamp:2;letter-spacing:normal;font-feature-settings:normal;-webkit-box-orient:vertical;font-size:13px;line-height:1.7;display:-webkit-box;overflow:hidden}.pickup-badge{background:linear-gradient(90deg, var(--brand-blue) 0%, var(--brand-blue-dark) 100%);color:#fff;border-radius:var(--radius-pill);letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;font-size:10px;font-weight:800;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #0099ff59}.pickup-badge.featured-badge:before{content:"★ "}.pickup-area.hidden{display:none}.sort-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.sort-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.result-count{color:var(--text-2);font-size:14px}.result-count strong{color:var(--text-1);font-size:16px;font-weight:700}.active-filters{flex-wrap:wrap;gap:6px;display:flex}.af-chip{border-radius:var(--radius-pill);background:var(--brand-blue);color:#fff;cursor:pointer;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:700;transition:background .15s;display:inline-flex}.af-chip:hover{background:var(--brand-blue-dark)}.af-chip:after{content:"×";margin-left:2px;font-size:11px;font-weight:400}.sort-right{align-items:center;gap:10px;display:flex}.sort-label{color:var(--text-3);font-size:13px}.sort-sel{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text-1);cursor:pointer;font-size:13px;font-family:var(--font);min-height:40px;padding:8px 12px}.sort-sel:focus{outline:2px solid var(--brand-blue);outline-offset:2px;border-color:var(--brand-blue)}.article-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.acard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:inherit;box-shadow:var(--shadow-1);flex-direction:column;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.acard:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.acard-thumb{aspect-ratio:1.91;background:linear-gradient(135deg, var(--surface-2) 0%, var(--surface-3) 100%);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:100%;font-size:48px;display:flex;position:relative;overflow:hidden}.acard-thumb img,.pickup-card-thumb img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.acard-thumb-default{background:linear-gradient(135deg,#e6f4ff 0%,#fdf2f8 100%);justify-content:center;align-items:center;padding:20px 24px;display:flex;position:absolute;inset:0}.acard-thumb-default span{color:var(--text-2);text-align:center;-webkit-line-clamp:4;letter-spacing:.02em;-webkit-box-orient:vertical;font-size:13px;font-weight:700;line-height:1.6;display:-webkit-box;overflow:hidden}.cs-list .acard-thumb{background:#fff}.cs-list .acard-thumb img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.acard-body{flex:1;min-width:0;padding:16px 20px}.acard-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.acard-cat{border-radius:var(--radius-pill);letter-spacing:.04em;padding:3px 10px;font-size:11px;font-weight:700}.acard-cat.devtools{color:var(--devtools);background:#0099ff14;border:1px solid #0099ff40}.acard-cat.appbuilder{color:var(--appbuilder);background:#f1592d14;border:1px solid #f1592d40}.acard-cat.reveal{color:var(--reveal);background:#ec417a14;border:1px solid #ec417a40}.acard-date{color:var(--text-3);letter-spacing:normal;font-feature-settings:normal;margin-left:auto;font-size:12px}.acard-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:18px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.acard-desc{color:var(--text-2);-webkit-line-clamp:2;letter-spacing:normal;font-feature-settings:normal;-webkit-box-orient:vertical;margin-bottom:12px;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.acard-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.atag{color:var(--text-2);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-pill);cursor:pointer;padding:3px 9px;font-size:11px;font-weight:500;transition:all .15s}.atag:hover{background:var(--brand-blue-light);color:var(--brand-blue);border-color:#09f6}.atag.active-filter{color:var(--brand-blue);background:#0099ff1f;border-color:#0099ff80;font-weight:700}.acard-author{color:var(--text-3);white-space:nowrap;letter-spacing:normal;font-feature-settings:normal;margin-left:auto;font-size:12px}.cs-list .acard-author{color:var(--text-1);white-space:normal;margin-top:10px;margin-bottom:6px;margin-left:0;font-size:16px;font-weight:700}.empty{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);grid-column:1/-1;padding:64px 20px}.empty-icon{margin-bottom:16px;font-size:48px}.empty h3{margin-bottom:8px;font-size:18px;font-weight:700}.empty p{color:var(--text-2);font-size:14px}.special-section{border-radius:var(--radius);background:linear-gradient(135deg,#e6f4ff 0%,#fdf2f8 100%);border:1px solid #0099ff2e;margin-bottom:40px;padding:24px;position:relative;overflow:hidden}.special-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#0099ff1a 0%,#0000 70%);width:260px;height:260px;position:absolute;top:-80px;right:-80px}.special-section.hidden{display:none}.special-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex;position:relative}.special-head-left{align-items:center;gap:12px;display:flex}.special-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:4px;font-size:11px;font-weight:700}.special-head-title{color:var(--text-1);font-size:18px;font-weight:700;line-height:1.3}.special-head-note{color:var(--text-3);border-radius:var(--radius-pill);letter-spacing:normal;font-feature-settings:normal;background:#ffffffb3;padding:3px 10px;font-size:11px}.special-grid{grid-template-columns:3fr 2fr;gap:16px;display:grid;position:relative}.scard{background:var(--surface);border-radius:var(--radius);cursor:pointer;color:inherit;box-shadow:var(--shadow-1);border:1px solid #0099ff26;flex-direction:column;text-decoration:none;transition:box-shadow .25s,transform .25s;display:flex;position:relative;overflow:hidden}.scard:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.special-grid .scard:nth-child(odd) .scard-thumb{font-size:64px}.special-grid .scard:nth-child(odd) .scard-title{-webkit-line-clamp:3;font-size:20px}.special-grid .scard:nth-child(2n) .scard-body{padding:14px 16px}.special-grid .scard:nth-child(2n) .scard-title{font-size:15px}.special-grid .scard:nth-child(2n) .scard-desc{-webkit-line-clamp:2}.special-grid .scard:nth-child(2n) .scard-cta{padding:7px 14px;font-size:12px}.scard-thumb{background:linear-gradient(135deg, var(--surface-2) 0%, var(--surface-3) 100%);aspect-ratio:16/9;flex-shrink:0;justify-content:center;align-items:center;font-size:44px;display:flex;position:relative;overflow:hidden}.scard-thumb img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.scard-thumb-overlay{opacity:0;background:#0000002e;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.scard:hover .scard-thumb-overlay{opacity:1}.scard-play-icon{background:#f97316e6;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.scard-play-icon svg{margin-left:3px}.scard-badge{color:#fff;border-radius:var(--radius-pill);letter-spacing:.1em;text-transform:uppercase;z-index:1;background:linear-gradient(90deg,#f97316,#ea6b0a);padding:3px 10px;font-size:10px;font-weight:800;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #f9731680}.scard-badge.featured-badge:before{content:"★ "}.scard-body{flex-direction:column;flex:1;padding:18px 20px;display:flex}.scard-tags{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.scard-tag{border-radius:var(--radius-pill);color:var(--cta-orange);letter-spacing:normal;background:#f9731614;border:1px solid #f973164d;padding:2px 9px;font-size:11px;font-weight:700}.scard-tag.blue{color:var(--brand-blue);background:#0099ff14;border-color:#0099ff40}.scard-title{color:var(--text-1);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:18px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.scard-desc{color:var(--text-2);-webkit-line-clamp:3;letter-spacing:normal;font-feature-settings:normal;-webkit-box-orient:vertical;margin-bottom:14px;font-size:13px;line-height:1.7;display:-webkit-box;overflow:hidden}.scard-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.scard-date{color:var(--text-3);letter-spacing:normal;font-feature-settings:normal;font-size:12px}.scard-cta{color:#fff;border-radius:var(--radius);white-space:nowrap;background:#f97316;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.scard-cta:hover{background:#ea6b0a;transform:translateY(-1px)}.scard-cta-arrow{opacity:.8;font-size:11px}.archive-head{align-items:center;gap:12px;margin-bottom:20px;display:flex}.archive-head-left{flex:1}.archive-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:4px;font-size:11px;font-weight:700}.archive-head-title{color:var(--text-1);font-size:18px;font-weight:700}.archive-head-note{color:var(--text-3);letter-spacing:normal;font-feature-settings:normal;font-size:13px}.video-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.vcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:inherit;box-shadow:var(--shadow-1);flex-direction:column;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.vcard:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.vcard-thumb{aspect-ratio:1.91;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#e8eef7 0%,#d8e6f3 100%);flex-shrink:0;justify-content:center;align-items:center;width:100%;font-size:40px;display:flex;position:relative;overflow:hidden}.vcard-thumb img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.vcard-play{opacity:0;background:#0000001f;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.vcard:hover .vcard-play{opacity:1}.vcard-play-btn{background:#0099ffd9;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 2px 12px #09f6}.vcard-play-btn svg{margin-left:3px}.vcard-body{flex-direction:column;flex:1;min-width:0;padding:16px 18px;display:flex}.vcard-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.vcard-cat{border-radius:var(--radius-pill);letter-spacing:.04em;padding:3px 10px;font-size:11px;font-weight:700}.vcard-cat.devtools{color:var(--devtools);background:#0099ff14;border:1px solid #0099ff40}.vcard-cat.appbuilder{color:var(--appbuilder);background:#f1592d14;border:1px solid #f1592d40}.vcard-cat.reveal{color:var(--reveal);background:#ec417a14;border:1px solid #ec417a40}.vcard-date{color:var(--text-3);letter-spacing:normal;font-feature-settings:normal;margin-left:auto;font-size:12px}.vcard-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:15px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.vcard-desc{color:var(--text-2);-webkit-line-clamp:2;letter-spacing:normal;font-feature-settings:normal;-webkit-box-orient:vertical;margin-bottom:12px;font-size:13px;line-height:1.7;display:-webkit-box;overflow:hidden}.vcard-footer{flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;display:flex}.vtag{color:var(--text-2);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-pill);cursor:pointer;padding:3px 9px;font-size:11px;font-weight:500;transition:all .15s}.vtag:hover{background:var(--brand-blue-light);color:var(--brand-blue);border-color:#09f6}.vtag.active-filter{color:var(--brand-blue);background:#0099ff1f;border-color:#0099ff80;font-weight:700}.vcard-watch{color:var(--brand-blue);white-space:nowrap;align-items:center;gap:4px;margin-left:auto;font-size:12px;font-weight:700;display:inline-flex}.vcard-watch:hover{color:var(--brand-blue-dark)}.play-overlay{color:#ffffffe6;background:#00000040;justify-content:center;align-items:center;font-size:32px;transition:background .15s;display:flex;position:absolute;inset:0}.acard:hover .play-overlay{background:#0006}.tb-content-clear{text-align:right;padding:0 16px 12px}@media (width>=769px){#issue-section,#tech-section,#industry-section{border-top:1px solid var(--border);max-height:1000px}#issue-chevron,#tech-chevron,#industry-chevron{transform:rotate(180deg)}}.main--reorder>.filter-sidebar{grid-area:1/1/3}.main--reorder>.pickup-area,.main--reorder>.special-section{grid-area:1/2}.main--reorder>.lc-body{grid-area:2/2}@media (width<=1280px){.main{padding-left:20px;padding-right:20px}}@media (width<=1024px){.main{grid-template-columns:220px 1fr;gap:28px}.article-grid,.video-grid{grid-template-columns:repeat(2,1fr)}.special-grid{grid-template-columns:1fr;gap:12px}.special-grid .scard:nth-child(odd) .scard-thumb{font-size:44px}.special-grid .scard:nth-child(odd) .scard-title{-webkit-line-clamp:2;font-size:18px}.special-grid .scard:nth-child(2n) .scard-body{padding:18px 20px}.special-grid .scard:nth-child(2n) .scard-cta{padding:8px 18px;font-size:13px}}@media (width<=768px){.main{grid-template-columns:1fr;gap:20px;padding:0 20px 48px}.article-grid{grid-template-columns:1fr}.main--reorder>.filter-sidebar{order:2;grid-area:auto}.main--reorder>.pickup-area,.main--reorder>.special-section{order:1;grid-area:auto}.main--reorder>.lc-body{order:3;grid-area:auto}.filter-sidebar{position:static;top:auto}.pickup-grid{grid-template-columns:1fr}.acard-title{font-size:16px}.sort-bar{flex-direction:column;align-items:flex-start}.sort-right{justify-content:flex-end;width:100%}.video-grid,.special-grid{grid-template-columns:1fr}.special-section{padding:20px}}