.topics-panel{background:linear-gradient(135deg,#090909 25%,#1a1a1a 25%,#1a1a1a 50%,#090909 50%,#090909 75%,#1a1a1a 75%,#1a1a1a) top/2.5rem 2.8125rem repeat-x,linear-gradient(#fff,#fff) 0 2.8125rem/100% calc(100% - 2.8125rem) no-repeat;background-color:#141414}
.topics-panel::before{background:#fff}
.topics-grid{display:grid;gap:1.125rem;margin-top:1.125rem}
.topic-row{display:grid;gap:.625rem}
.topic-row h3{margin:0;color:var(--ink);font-size:var(--text-16);line-height:1.2}
.topic-row-copy{max-width:47.5rem;margin:-.25rem 0 0;color:var(--muted);font-size:var(--text-13);font-weight:700;line-height:1.6}
.topic-pill-row{display:flex;flex-wrap:wrap;gap:.375rem}
.topic-pill{display:inline-grid;position:relative;align-items:center;justify-content:center;width:auto;max-width:100%;height:1.5625rem;border:1px solid var(--topic-pill-border,transparent);border-radius:.375rem;background:var(--topic-pill-bg,#3653f8);color:var(--topic-pill-fg,#fff);padding:0 .5rem;font-size:var(--text-10);font-weight:500;line-height:1.2;text-decoration:none;white-space:nowrap;overflow:hidden;cursor:pointer;box-shadow:none}
.topic-pill-group{display:inline-flex;align-items:center;gap:.1875rem;max-width:100%}
.topic-pill-team{display:inline-grid;place-items:center;height:1.5625rem;border-radius:.375rem;background:#fff;color:var(--color-text);border:1px solid rgba(17,17,17,.78);padding:0 .4375rem;font-size:var(--text-10);font-weight:800;line-height:1;text-decoration:none;white-space:nowrap}
.topic-pill .span-mother,.topic-pill .span-mother2{display:flex;grid-area:1/1;overflow:hidden}
.topic-pill .span-mother2{position:static}
.topic-pill:hover .span-mother span{transform:translateY(1.2em)}
.topic-pill .span-mother2 span{transform:translateY(-1.2em)}
.topic-pill:hover .span-mother2 span{transform:translateY(0)}
.topic-pill .span-mother span,.topic-pill .span-mother2 span{transition:transform .2s ease}
.topic-pill .span-mother span:nth-child(2),.topic-pill .span-mother2 span:nth-child(2){transition-duration:.3s}
.topic-pill .span-mother span:nth-child(3),.topic-pill .span-mother2 span:nth-child(3){transition-duration:.4s}
.topic-pill .span-mother span:nth-child(4),.topic-pill .span-mother2 span:nth-child(4){transition-duration:.5s}
.topic-pill .span-mother span:nth-child(5),.topic-pill .span-mother2 span:nth-child(5){transition-duration:.6s}
.topic-pill .span-mother span:nth-child(6),.topic-pill .span-mother2 span:nth-child(6){transition-duration:.7s}
.topic-pill .span-mother span:nth-child(n+7),.topic-pill .span-mother2 span:nth-child(n+7){transition-duration:.76s}
.topic-pill.active{outline:.1875rem solid #c8ff00;outline-offset:.125rem}
.topic-pill.is-disabled{color:rgba(255,255,255,.65);background:rgba(17,17,17,.32)}
.topic-more-btn{display:inline-grid;place-items:center;height:1.5625rem;border:0;border-radius:.375rem;background:#9ca3af;color:var(--color-text);padding:0 .625rem;font-size:var(--text-10);font-weight:700;line-height:1.2;cursor:pointer}
.topic-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.875rem;min-height:0;border:1px dashed var(--ink);background:#fff;padding:.875rem;box-shadow:.25rem .25rem 0 var(--ink)}
.topic-card.active{background:#f6ffe1}
.topic-card h3{margin:.3125rem 0 0;color:#436500;font-size:var(--text-12);line-height:1.1}
.topic-card p{margin:.3125rem 0 0;color:var(--muted);font-size:var(--text-10);line-height:1.25}
.topic-card-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.875rem;border-top:2px solid var(--ink);padding-top:.625rem}
.topic-card-meta span{border:2px solid var(--ink);background:var(--soft);padding:.3125rem .4375rem;font-size:var(--text-12);font-weight:900}
.topic-card-actions{display:flex;align-items:center;gap:.625rem;margin-top:0}
.topic-card-actions .action-btn,.topic-card-actions .topic-detail-link{margin-top:0;padding:.5625rem .6875rem;font-size:var(--text-13)}
.topic-detail{margin:1.125rem 0 .25rem;border:1px dashed var(--ink);background:#fff;padding:1rem;box-shadow:.25rem .25rem 0 var(--ink)}
.topic-detail-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.125rem}
.topic-detail-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}
.topic-detail h3{margin:.375rem 0 .5rem;font-size:var(--text-24)}
.topic-detail p{margin:0;color:var(--muted);line-height:1.7}
.topic-detail p+p{margin-top:.5rem}
.topic-detail .topic-note{color:#5f6368;font-size:var(--text-13)}
@media (max-width:30rem){
  .site-panel.topics-panel:not(.team-panel){background:linear-gradient(135deg,#090909 25%,#1a1a1a 25%,#1a1a1a 50%,#090909 50%,#090909 75%,#1a1a1a 75%,#1a1a1a) top/2.5rem 2.8125rem repeat-x,linear-gradient(#fff,#fff) 0 2.8125rem/100% calc(100% - 2.8125rem) no-repeat;background-color:#141414;color:var(--ink)}
  .site-panel.topics-panel:not(.team-panel)::before{background:#fff}
  .topics-grid{grid-template-columns:1fr;gap:.875rem;margin-top:.875rem}
  .topic-row{gap:.5rem}
  .topic-row h3{padding-bottom:.375rem;font-size:var(--text-13);font-weight:800}
  .topic-pill-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.375rem;align-items:stretch}
  .topic-pill{width:100%;min-width:0;height:2rem;padding:.25rem .25rem;border-radius:.2rem;font-size:.58rem;font-weight:400;line-height:1.15;text-align:center;white-space:normal}
  .topic-pill .span-mother{display:-webkit-box;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .topic-pill .span-mother2{display:none}
  .topic-pill .span-mother span,.topic-pill .span-mother2 span{display:inline;transform:none!important;transition:none}
  .topic-card{min-height:0}
  .topic-detail-main{grid-template-columns:1fr}
}