/* Topic collections only: all selectors are scoped to the existing portal. */
#yk-portal-v2 .yp-topics-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0 30px}
#yk-portal-v2 .yp-topics-eyebrow{display:flex;align-items:center;gap:8px;color:var(--yp-blue);font-size:11px;letter-spacing:2px;margin-bottom:8px}
#yk-portal-v2 .yp-topics-eyebrow:before{content:'';width:19px;height:2px;background:var(--yp-blue)}
#yk-portal-v2 .yp-topics-heading h1{font-size:32px;line-height:1.4;letter-spacing:-.5px;margin:0;font-weight:700;overflow-wrap:anywhere}
#yk-portal-v2 .yp-topics-heading p{font-size:14px;color:var(--yp-text);line-height:1.9;margin:10px 0 0;max-width:820px;overflow-wrap:anywhere}
#yk-portal-v2 .yp-topics-symbol{position:relative;width:88px;height:80px;flex-shrink:0;margin-right:16px}
#yk-portal-v2 .yp-topics-symbol>span{position:absolute;top:13px;left:4px;width:45px;height:56px;border-radius:8px;background:#e0eaff;transform:rotate(-15deg)}
#yk-portal-v2 .yp-topics-symbol>span:nth-child(2){background:#cbdcfc;transform:rotate(14deg);left:34px;top:8px}
#yk-portal-v2 .yp-topics-symbol>span:nth-child(3){display:grid;place-items:center;background:#fff;box-shadow:0 7px 17px #325b9b14;transform:rotate(-2deg);left:20px;top:21px;color:var(--yp-blue)}
#yk-portal-v2 .yp-topics-symbol svg{width:24px;height:24px}
#yk-portal-v2 .yp-topics-list-label{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:#3c526f;font-size:13px}
#yk-portal-v2 .yp-topics-list-label:after{content:'';flex:1;height:1px;background:var(--yp-line)}
#yk-portal-v2 .yp-topics-list-label small{color:#78889e;font-size:12px}
#yk-portal-v2 .yp-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#yk-portal-v2 .yp-topic-grid.is-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
#yk-portal-v2 .yp-topic-card{display:flex;min-width:0;background:#fff;border:1px solid #dfe7f3;border-radius:13px;box-shadow:0 5px 15px #23478205;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}
#yk-portal-v2 .yp-topic-card:hover{border-color:#b8cff9;box-shadow:0 10px 25px #244d8512;transform:translateY(-3px)}
#yk-portal-v2 a.yp-topic-card-link{display:flex;flex-direction:column;flex:1;min-width:0;color:var(--yp-ink);text-decoration:none}
#yk-portal-v2 a.yp-topic-card-link:focus-visible{outline:3px solid #5087ec;outline-offset:-3px;border-radius:12px}
#yk-portal-v2 .yp-topic-art{position:relative;isolation:isolate;aspect-ratio:1.65;min-height:175px;overflow:hidden;flex-shrink:0;background:radial-gradient(ellipse at 52% 35%,#fff,#eaf0fa 55%,#e2eaf8)}
#yk-portal-v2 .yp-topic-art.has-cover{background:#eaf1fc}
#yk-portal-v2 .yp-topic-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border:0;border-radius:0}
#yk-portal-v2 .yp-topic-art-label{position:absolute;z-index:2;left:16px;top:15px;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border:1px solid #ffffffb3;border-radius:5px;background:#fffffff0;color:#4f6c8f;font-size:11px;line-height:1.6}
#yk-portal-v2 .yp-topic-art-label svg{width:13px;height:13px}
#yk-portal-v2 .yp-topic-body{padding:24px 24px 0;display:flex;flex:1;flex-direction:column;min-width:0}
#yk-portal-v2 .yp-topic-kicker{display:flex;align-items:center;gap:6px;color:#6e85a4;font-size:11px;letter-spacing:1px;margin-bottom:6px}
#yk-portal-v2 .yp-topic-kicker:before{content:'';width:4px;height:4px;flex-shrink:0;border-radius:50%;background:#89a9d9}
#yk-portal-v2 .yp-topic-title{color:#223752;font-size:21px;line-height:1.5;font-weight:700;margin:0;overflow-wrap:anywhere}
#yk-portal-v2 .yp-topic-summary{font-size:13px;line-height:1.9;color:#687b94;margin:9px 0 0;min-height:49px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
#yk-portal-v2 .yp-topic-preview{list-style:none;padding:17px 0 19px;margin:0;display:flex;flex-direction:column;gap:9px}
#yk-portal-v2 .yp-topic-preview li{display:flex;align-items:flex-start;gap:8px;color:#546d8f;font-size:12px;line-height:1.6;min-width:0}
#yk-portal-v2 .yp-topic-preview li>span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
#yk-portal-v2 .yp-topic-preview svg{color:#7a9bc8;width:14px;height:14px;flex-shrink:0;margin-top:3px}
#yk-portal-v2 .yp-topic-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid #edf1f7;padding:16px 0;margin-top:auto;font-size:12px}
#yk-portal-v2 .yp-topic-count{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#7c8ba0;font-size:12px}
#yk-portal-v2 .yp-topic-count strong{color:#405978;font-weight:600}
#yk-portal-v2 .yp-topic-enter{color:var(--yp-blue);display:inline-flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap}
#yk-portal-v2 .yp-topic-enter svg{width:16px;height:16px;transition:transform .18s}
#yk-portal-v2 .yp-topic-card-link:hover .yp-topic-enter svg{transform:translateX(3px)}
#yk-portal-v2 .yp-topic-artwork{position:absolute;width:220px;height:174px;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}
#yk-portal-v2 .yp-topic-doc-back{position:absolute;width:86px;height:107px;border:2px solid #fff;border-radius:9px;background:#d4e2fc;left:52px;top:39px;transform:rotate(-17deg);box-shadow:3px 7px 16px #2d57872b}
#yk-portal-v2 .yp-topic-doc-front{position:absolute;width:92px;height:119px;background:linear-gradient(135deg,#fff,#f0f4ff);border:3px solid #fff;border-radius:9px;left:93px;top:23px;transform:rotate(11deg);box-shadow:4px 8px 20px #345a8f27;padding:14px 12px}
#yk-portal-v2 .yp-topic-doc-icon{width:31px;height:32px;background:#e4ecff;display:grid;place-items:center;border-radius:6px;color:#4676d8;margin-bottom:10px}
#yk-portal-v2 .yp-topic-doc-icon svg{width:20px;height:20px}
#yk-portal-v2 .yp-topic-doc-front>i{display:block;height:4px;background:#ccd8ec;border-radius:3px;margin-top:7px}
#yk-portal-v2 .yp-topic-doc-front>i:last-child{width:63%}
#yk-portal-v2 .yp-topic-doc-token{position:absolute;left:28px;top:109px;width:40px;height:40px;background:linear-gradient(130deg,#fff,#e4ecfb);border:2px solid #fff;border-radius:10px;box-shadow:1px 5px 12px #42649b26;display:grid;place-items:center;transform:rotate(-12deg);color:#5681d3}
#yk-portal-v2 .yp-topic-doc-token svg{width:22px;height:22px}
#yk-portal-v2 .yp-topic-art-video{background:radial-gradient(ellipse at 42% 37%,#fff,#eef0ff 45%,#e7e8f8)}
#yk-portal-v2 .yp-topic-film-back{position:absolute;width:132px;height:87px;left:68px;top:38px;transform:rotate(12deg);border:3px solid #fff;border-radius:11px;background:#c9cdef;box-shadow:3px 8px 16px #48498124}
#yk-portal-v2 .yp-topic-film-front{position:absolute;width:140px;height:94px;left:29px;top:58px;border:4px solid #fff;border-radius:11px;transform:rotate(-10deg);background:linear-gradient(145deg,#d8def8,#abb5e5);box-shadow:3px 9px 18px #474c822b;display:grid;place-items:center;color:#fff}
#yk-portal-v2 .yp-topic-film-front:before,#yk-portal-v2 .yp-topic-film-front:after{content:'';position:absolute;top:7px;bottom:7px;width:5px;background:repeating-linear-gradient(to bottom,#ffffffc9 0 6px,transparent 6px 12px);border-radius:2px}
#yk-portal-v2 .yp-topic-film-front:before{left:6px}
#yk-portal-v2 .yp-topic-film-front:after{right:6px}
#yk-portal-v2 .yp-topic-film-front svg{width:33px;height:33px;stroke-width:1.4}
#yk-portal-v2 .yp-topic-caption-token{position:absolute;left:157px;top:120px;border:2px solid #fff;background:#f6f5ff;color:#727cba;box-shadow:2px 5px 10px #51568720;border-radius:8px;width:43px;height:35px;display:grid;place-items:center;transform:rotate(8deg)}
#yk-portal-v2 .yp-topic-caption-token svg{width:21px;height:21px}
#yk-portal-v2 .yp-topic-generic-art>span{position:absolute;width:83px;height:89px;top:39px;left:36px;background:#d4e2fb;border:2px solid #f9fbff;border-radius:15px;transform:rotate(-18deg);box-shadow:3px 7px 17px #41639517}
#yk-portal-v2 .yp-topic-generic-art>span:nth-child(2){background:#e4ebfa;left:105px;top:29px;transform:rotate(16deg)}
#yk-portal-v2 .yp-topic-generic-art>span:nth-child(3){background:linear-gradient(130deg,#fff,#f0f4fd);left:68px;top:59px;transform:rotate(-3deg);display:grid;place-items:center;color:#6f90c6}
#yk-portal-v2 .yp-topic-generic-art svg{width:37px;height:37px;stroke-width:1.5}
#yk-portal-v2 .yp-home-topics{margin-top:28px}
#yk-portal-v2 .yp-topics-section-intro{font-size:12px;color:#7a8ca4;margin:6px 0 0 14px}
#yk-portal-v2 a.yp-topics-all{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;border:1px solid #d9e4f3;border-radius:6px;background:#fff;color:#466b9d;padding:8px 13px;white-space:nowrap;font-size:12px;text-decoration:none}
#yk-portal-v2 a.yp-topics-all:hover{color:var(--yp-blue);border-color:#b3cdf7;background:#f9fbff}
#yk-portal-v2 .yp-topics-all svg{width:16px;height:16px}
#yk-portal-v2 .yp-topic-grid.is-single{grid-template-columns:1fr}
#yk-portal-v2 .is-single .yp-topic-card-link{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
#yk-portal-v2 .is-single .yp-topic-art{aspect-ratio:auto;min-height:320px;height:100%}
#yk-portal-v2 .is-single .yp-topic-body{padding:30px 38px 0}
#yk-portal-v2 .is-single .yp-topic-title{font-size:26px}
#yk-portal-v2 .is-single .yp-topic-summary{max-width:620px;min-height:0;margin-top:11px}
#yk-portal-v2 .is-single .yp-topic-preview{padding:20px 0 24px}
#yk-portal-v2 .yp-topics-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;background:#fff;border:1px solid var(--yp-line);border-radius:12px;padding:48px 24px}
#yk-portal-v2 .yp-topics-empty>span{display:grid;place-items:center;width:56px;height:56px;border-radius:13px;background:#eef4ff;color:var(--yp-blue)}
#yk-portal-v2 .yp-topics-empty>span svg{width:27px;height:27px}
#yk-portal-v2 .yp-topics-empty h2{font-size:21px;margin:3px 0 0}
#yk-portal-v2 .yp-topics-empty p{color:var(--yp-text);margin:0 0 6px;font-size:13px}
@media(max-width:1050px){#yk-portal-v2 .yp-topic-grid{gap:16px}#yk-portal-v2 .yp-topic-body{padding:20px 20px 0}#yk-portal-v2 .yp-topic-title{font-size:19px}#yk-portal-v2 .yp-topic-preview li{font-size:11px}#yk-portal-v2 .yp-topic-art{min-height:150px}#yk-portal-v2 .is-single .yp-topic-body{padding:25px 28px 0}}
@media(max-width:820px){#yk-portal-v2 .yp-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#yk-portal-v2 .yp-topic-body{padding:21px 21px 0}#yk-portal-v2 .yp-topic-art{min-height:175px}#yk-portal-v2 .is-single .yp-topic-title{font-size:23px}#yk-portal-v2 .is-single .yp-topic-body{padding:23px 23px 0}}
@media(max-width:580px){#yk-portal-v2 .yp-topics-heading{padding:20px 0 25px}#yk-portal-v2 .yp-topics-heading h1{font-size:28px}#yk-portal-v2 .yp-topics-heading p{font-size:13px}#yk-portal-v2 .yp-topics-symbol{display:none}#yk-portal-v2 .yp-topic-grid,#yk-portal-v2 .yp-topic-grid.is-pair{grid-template-columns:1fr;gap:17px}#yk-portal-v2 .is-single .yp-topic-card-link{display:flex}#yk-portal-v2 .yp-topic-art,#yk-portal-v2 .is-single .yp-topic-art{aspect-ratio:1.7;height:auto;min-height:175px}#yk-portal-v2 .yp-topic-body,#yk-portal-v2 .is-single .yp-topic-body{padding:23px 23px 0}#yk-portal-v2 .yp-topic-title,#yk-portal-v2 .is-single .yp-topic-title{font-size:21px}#yk-portal-v2 .yp-topic-preview li{font-size:12px}#yk-portal-v2 .yp-topic-summary{min-height:0}#yk-portal-v2 .yp-home-topics .yp-section-title{align-items:flex-start}#yk-portal-v2 .yp-topics-section-intro{max-width:220px;font-size:11px;margin-left:14px}#yk-portal-v2 a.yp-topics-all{padding:7px 10px;font-size:11px;min-height:38px}#yk-portal-v2 .yp-topics-list-label{font-size:12px}#yk-portal-v2 .yp-topics-list-label small{font-size:11px}}
@media(pointer:coarse){#yk-portal-v2 a.yp-topics-all{min-height:44px}}
@media(prefers-reduced-motion:reduce){#yk-portal-v2 .yp-topic-card,#yk-portal-v2 .yp-topic-enter svg{transition:none}#yk-portal-v2 .yp-topic-card:hover,#yk-portal-v2 .yp-topic-card-link:hover .yp-topic-enter svg{transform:none}}
