.yyc-guide-page{--guide-blue:#326bff;--guide-blue-soft:#eef4ff;--guide-ink:#111a3a;--guide-muted:#71809e;padding-bottom:var(--yyc-space-8)}
.yyc-guide-page,.yyc-guide-page *{box-sizing:border-box}
.yyc-guide-page #ct{width:100%}.yyc-guide-page .mn{width:100%}
.yyc-guide-hero{position:relative;display:grid;grid-template-columns:auto minmax(15rem,1fr) minmax(16rem,.9fr) auto;align-items:center;gap:var(--yyc-space-5);min-height:8.75rem;margin-bottom:var(--yyc-space-3);padding:var(--yyc-space-5) var(--yyc-space-6);overflow:hidden;border:var(--yyc-border);border-radius:var(--yyc-radius-lg);background:linear-gradient(108deg,#f8fbff 0%,#edf3fb 42%,#18243c 42.2%,#263955 100%);box-shadow:var(--yyc-shadow-sm)}
.yyc-guide-hero:after{content:"";position:absolute;right:23%;bottom:-7rem;width:17rem;height:17rem;border:2rem solid rgba(255,255,255,.06);border-radius:50%;pointer-events:none}
.yyc-guide-hero__icon{position:relative;display:grid;width:4.5rem;height:4.5rem;place-items:center;border-radius:50%;background:rgba(50,107,255,.09);color:var(--guide-ink)}
.yyc-guide-hero__icon span{width:2rem;height:2.5rem;border:.2rem solid currentColor;border-radius:.4rem}.yyc-guide-hero__icon span:before,.yyc-guide-hero__icon span:after,.yyc-guide-hero__icon i{content:"";position:absolute;left:1.65rem;width:1.2rem;height:.16rem;border-radius:1rem;background:currentColor}.yyc-guide-hero__icon span:before{top:1.55rem}.yyc-guide-hero__icon span:after{top:2.1rem}.yyc-guide-hero__icon i{top:2.65rem}.yyc-guide-hero__icon b{display:none}
.yyc-guide-hero__copy{position:relative;z-index:1;min-width:0}.yyc-guide-hero__eyebrow{margin:0 0 .15rem;color:var(--guide-blue);font-size:.65rem;font-weight:var(--yyc-font-weight-semibold);letter-spacing:.14em}.yyc-guide-hero__copy h1{margin:0;color:var(--guide-ink);font-size:clamp(1.65rem,2.25vw,2.25rem);line-height:1.25}.yyc-guide-hero__copy>p:last-child{margin:.35rem 0 0;color:var(--guide-muted);font-size:var(--yyc-font-size-13)}
.yyc-guide-hero__brand{position:relative;z-index:1;display:grid;justify-items:center;color:#fff}.yyc-guide-hero__brand strong{font-family:serif;font-size:clamp(2rem,3vw,3.15rem);letter-spacing:.14em;text-shadow:0 .25rem .75rem rgba(0,0,0,.3)}.yyc-guide-hero__brand small{color:rgba(255,255,255,.72);font-size:.7rem;letter-spacing:.16em}.yyc-guide-hero__actions{position:relative;z-index:1;display:flex;gap:var(--yyc-space-2)}.yyc-guide-hero__actions .yyc-btn--secondary{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.1);color:#fff}.yyc-guide-hero__actions .yyc-btn--primary{background:#ff426f;color:#fff}
.yyc-guide-tabs{display:flex;min-height:3.25rem;align-items:center;gap:var(--yyc-space-1);margin-bottom:var(--yyc-space-3);padding:.35rem;border:var(--yyc-border);border-radius:var(--yyc-radius-lg);background:var(--yyc-color-surface);overflow-x:auto;scrollbar-width:none}.yyc-guide-tabs::-webkit-scrollbar{display:none}.yyc-guide-tabs a{display:flex;min-width:6rem;min-height:var(--yyc-touch-target);align-items:center;justify-content:center;padding:0 var(--yyc-space-4);border-radius:var(--yyc-radius-md);color:var(--yyc-color-text-secondary);font-weight:var(--yyc-font-weight-medium);white-space:nowrap}.yyc-guide-tabs a:hover{background:var(--guide-blue-soft);color:var(--guide-blue)}.yyc-guide-tabs a.is-active{background:var(--guide-blue);box-shadow:0 .3rem .8rem rgba(50,107,255,.22);color:#fff}
.yyc-guide-filters{display:grid;gap:var(--yyc-space-3);margin-bottom:var(--yyc-space-3);padding:var(--yyc-space-3) var(--yyc-space-4);border:var(--yyc-border);border-radius:var(--yyc-radius-lg);background:var(--yyc-color-surface)}.yyc-guide-filter-types{display:flex;gap:var(--yyc-space-2)}.yyc-guide-filter-types a{min-height:2rem;padding:.35rem .8rem;border-radius:var(--yyc-radius-pill);color:var(--yyc-color-text-secondary)}.yyc-guide-filter-types a.a{background:var(--guide-blue-soft);color:var(--guide-blue)}.yyc-guide-filter-form{display:flex;align-items:center;gap:var(--yyc-space-2);flex-wrap:wrap}.yyc-guide-filter-form label{color:var(--yyc-color-text-muted);font-size:var(--yyc-font-size-12)}.yyc-guide-filter-form select,.yyc-guide-filter-form input{min-height:2.5rem;padding:0 var(--yyc-space-3);border:var(--yyc-border);border-radius:var(--yyc-radius-md);background:var(--yyc-color-surface);color:var(--yyc-color-text)}
.yyc-guide-feed{overflow:hidden;border:var(--yyc-border);border-radius:var(--yyc-radius-lg);background:var(--yyc-color-surface);box-shadow:var(--yyc-shadow-sm)}.yyc-guide-feed__head{display:grid;grid-template-columns:minmax(22rem,1fr) 8.5rem 8.5rem 7rem 8rem;min-height:2.75rem;align-items:center;gap:var(--yyc-space-3);padding:0 var(--yyc-space-4);background:var(--yyc-color-surface-subtle,#f8fafc);color:var(--yyc-color-text-muted);font-size:var(--yyc-font-size-12)}.yyc-guide-feed__head span:nth-child(n+2){text-align:center}
.yyc-guide-row{position:relative;display:grid;grid-template-columns:8rem minmax(14rem,1fr) 8.5rem 7rem 8rem;min-height:7.1rem;align-items:center;gap:var(--yyc-space-3);padding:var(--yyc-space-3) var(--yyc-space-4);border-top:var(--yyc-border);transition:background var(--yyc-duration-fast)}.yyc-guide-row:hover{background:#fbfcff}.yyc-guide-cover{display:block;width:8rem;aspect-ratio:16/9;overflow:hidden;border-radius:var(--yyc-radius-md);background:linear-gradient(145deg,#eef3fb,#e1e9f6)}.yyc-guide-cover img{display:block;width:100%;height:100%;object-fit:cover}.yyc-guide-cover.is-empty span{display:block;position:relative;width:100%;height:100%}.yyc-guide-cover.is-empty span:before{content:"";position:absolute;inset:1.1rem 2rem;border:.18rem solid #b7c5da;border-radius:.35rem}.yyc-guide-cover.is-empty span:after{content:"";position:absolute;left:3rem;bottom:1.55rem;width:2.7rem;height:1.5rem;background:linear-gradient(140deg,transparent 48%,#b7c5da 49% 60%,transparent 61%)}
.yyc-guide-row__main{min-width:0}.yyc-guide-badges{display:flex;gap:.3rem;min-height:1rem;margin-bottom:.25rem}.yyc-guide-badges:empty{display:none}.yyc-guide-row__main h2{margin:0;font-size:var(--yyc-font-size-15);font-weight:var(--yyc-font-weight-semibold);line-height:1.45}.yyc-guide-row__main h2>a{display:-webkit-box;overflow:hidden;color:var(--guide-ink);overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.yyc-guide-row__main h2>a:hover{color:var(--guide-blue)}.yyc-guide-row__meta{display:flex;gap:var(--yyc-space-3);margin-top:.4rem;color:var(--yyc-color-text-muted);font-size:var(--yyc-font-size-12)}.yyc-guide-row__meta a{max-width:12rem;overflow:hidden;color:var(--guide-blue);text-overflow:ellipsis;white-space:nowrap}
.yyc-guide-author{display:grid;grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.5rem;min-width:0}.yyc-guide-author>a,.yyc-guide-author>span:last-child{overflow:hidden;color:var(--yyc-color-text-secondary);font-size:var(--yyc-font-size-12);text-overflow:ellipsis;white-space:nowrap}.yyc-guide-avatar,.yyc-guide-avatar img{display:block;width:2rem;height:2rem;border-radius:50%}.yyc-guide-avatar{overflow:hidden;background:var(--guide-blue-soft)}.yyc-guide-avatar i{display:block;width:.8rem;height:.8rem;margin:.45rem auto 0;border-radius:50%;background:#9bb5ef}.yyc-guide-counts,.yyc-guide-last{display:grid;gap:.2rem;justify-items:center;color:var(--yyc-color-text-muted);font-size:.7rem;text-align:center}.yyc-guide-counts b{color:var(--yyc-color-text-secondary);font-weight:var(--yyc-font-weight-medium);font-variant-numeric:tabular-nums}.yyc-guide-last span{max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yyc-guide-moderate{position:absolute;z-index:2;left:.3rem;top:.3rem}.yyc-guide-related{grid-column:2/-1;padding:var(--yyc-space-2);border-radius:var(--yyc-radius-md);background:var(--yyc-color-surface-subtle,#f8fafc);font-size:var(--yyc-font-size-12)}.yyc-guide-related a{display:block;color:var(--yyc-color-text-secondary)}
.yyc-guide-empty{display:grid;min-height:18rem;place-content:center;justify-items:center;color:var(--yyc-color-text-muted)}.yyc-guide-empty>span{display:block;width:3rem;height:3rem;border:.2rem solid #c9d5e8;border-radius:.5rem}.yyc-guide-pagination{margin-top:var(--yyc-space-4)}.yyc-guide-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--yyc-space-3)}.yyc-guide-index-panel{padding:var(--yyc-space-4);border:var(--yyc-border);border-radius:var(--yyc-radius-lg);background:var(--yyc-color-surface);box-shadow:var(--yyc-shadow-sm)}.yyc-guide-index-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--yyc-space-3)}.yyc-guide-index-panel h2{margin:0;font-size:var(--yyc-font-size-18)}.yyc-guide-index-panel ol{margin:0;padding:0;list-style:none;counter-reset:guide-rank}.yyc-guide-index-panel li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--yyc-space-2);padding:.55rem 0;border-top:var(--yyc-border);counter-increment:guide-rank}.yyc-guide-index-panel li a{overflow:hidden;color:var(--yyc-color-text);text-overflow:ellipsis;white-space:nowrap}.yyc-guide-index-panel li span{max-width:8rem;overflow:hidden;color:var(--yyc-color-text-muted);font-size:var(--yyc-font-size-12);text-overflow:ellipsis;white-space:nowrap}
.yyc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.yyc-guide-page a:focus-visible,.yyc-guide-page button:focus-visible,.yyc-guide-page input:focus-visible,.yyc-guide-page select:focus-visible{outline:3px solid rgba(50,107,255,.4);outline-offset:2px}
@media(max-width:1180px){.yyc-guide-hero{grid-template-columns:auto minmax(0,1fr) auto;background:linear-gradient(108deg,#f8fbff 0%,#edf3fb 58%,#21324e 58.2%,#2f4565 100%)}.yyc-guide-hero__brand{display:none}.yyc-guide-feed__head{grid-template-columns:minmax(20rem,1fr) 7.5rem 6.5rem 7rem}.yyc-guide-feed__head span:nth-child(2){display:none}.yyc-guide-row{grid-template-columns:7rem minmax(12rem,1fr) 7.5rem 6.5rem 7rem}.yyc-guide-cover{width:7rem}.yyc-guide-row__meta a{display:none}}
@media(max-width:767px){.yyc-guide-page{padding-bottom:var(--yyc-space-5)}.yyc-guide-hero{grid-template-columns:3.25rem minmax(0,1fr);gap:var(--yyc-space-3);min-height:0;padding:var(--yyc-space-4);background:linear-gradient(145deg,#f8fbff 0%,#edf3fb 68%,#dfe8f6 100%)}.yyc-guide-hero__icon{width:3.25rem;height:3.25rem}.yyc-guide-hero__icon span{width:1.5rem;height:1.9rem}.yyc-guide-hero__icon span:before,.yyc-guide-hero__icon span:after,.yyc-guide-hero__icon i{left:1.2rem;width:.9rem}.yyc-guide-hero__icon span:before{top:1.2rem}.yyc-guide-hero__icon span:after{top:1.6rem}.yyc-guide-hero__icon i{top:2rem}.yyc-guide-hero__copy>p:last-child{font-size:.7rem}.yyc-guide-hero__actions{grid-column:1/-1}.yyc-guide-hero__actions .yyc-btn{flex:1}.yyc-guide-tabs{margin-right:-.9rem;border-radius:var(--yyc-radius-lg) 0 0 var(--yyc-radius-lg)}.yyc-guide-tabs a{min-width:auto;padding:0 var(--yyc-space-4)}.yyc-guide-filter-form{display:grid;grid-template-columns:auto minmax(0,1fr)}.yyc-guide-filter-form .yyc-btn{grid-column:1/-1}.yyc-guide-feed{border-right:0;border-left:0;border-radius:0}.yyc-guide-feed__head{display:none}.yyc-guide-row{grid-template-columns:6rem minmax(0,1fr);min-height:6.5rem;gap:var(--yyc-space-3);padding:var(--yyc-space-3) 0}.yyc-guide-cover{width:6rem}.yyc-guide-author,.yyc-guide-counts,.yyc-guide-last{display:none}.yyc-guide-row__main h2{font-size:var(--yyc-font-size-14)}.yyc-guide-row__meta{gap:var(--yyc-space-2)}.yyc-guide-row__meta a{display:block;max-width:7rem}.yyc-guide-related{grid-column:1/-1}.yyc-guide-index-grid{grid-template-columns:1fr}.yyc-guide-pagination{overflow-x:auto;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.yyc-guide-row,.yyc-guide-tabs a{transition:none}}