/* Approved Figma theme, scoped to the member frontend and CMS preview. */
.yi-member-preview{--forest:#452549;--forest-deep:#331837;--ink:#303333;--ink-soft:#5b6063;--paper:#faf8f3;--cream:#faf8f3;--white:#fff;--line:#dcd4da;--line-dark:#cbbdce;--gold:#f1b645;--lavender:#efe7f1;--sans:var(--font-lato),'Noto Sans TC','PingFang HK',sans-serif;background:var(--paper);color:var(--ink);font-family:var(--sans);min-height:100dvh;}
.yi-member-preview :is(h1,h2,h3){color:var(--forest);}
.yi-member-preview button,.yi-member-preview input,.yi-member-preview textarea,.yi-member-preview select{font-family:inherit;}
.yi-member-preview :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--forest);outline-offset:4px;}
.yi-member-preview svg{flex-shrink:0;}
.yi-member-preview .button{border-radius:999px;background:var(--forest);color:white;border:1px solid var(--forest);min-height:46px;font-size:15px;line-height:1.4;padding:11px 26px;justify-content:center;}
.yi-member-preview .button:hover{background:var(--forest-deep);color:white;}
.yi-member-preview .button:disabled{opacity:.5;cursor:not-allowed;}
.yi-member-preview .figma-gold{background:var(--gold);border-color:var(--gold);color:var(--forest);}
.yi-member-preview .figma-gold:hover{background:#e8aa32;border-color:#e8aa32;color:var(--forest);}
.yi-member-preview .figma-outline{background:transparent;border-color:var(--forest);color:var(--forest);}
.yi-member-preview .figma-outline:hover{background:var(--lavender);color:var(--forest);}
.yi-member-preview .site-header{min-height:84px;background:var(--paper);}
.yi-member-preview .site-menu-toggle{border:0;}
.yi-member-preview .brand{position:relative;display:block;line-height:0;}
.yi-member-preview .brand:after{content:'';position:absolute;inset:0;background:var(--forest);mask:url('/member-preview/logo-yi-beta-2.png') center/contain no-repeat;-webkit-mask:url('/member-preview/logo-yi-beta-2.png') center/contain no-repeat;pointer-events:none;}
.yi-member-preview .brand-logo{opacity:0;}
.yi-member-preview .preview-notice{background:#eee8e1;color:#5b6063;font-size:12px;padding:5px;text-align:center;}
.yi-member-preview .marketing-footer{border-top:1px solid var(--line);padding:36px max(24px,6%);background:var(--paper);}
.yi-member-preview .marketing-footer>span{color:var(--ink-soft);font-size:14px;}
.yi-member-preview .kicker{color:var(--forest);}
.yi-member-preview .figma-home{margin:auto;max-width:1600px;}
.yi-member-preview .figma-hero{position:relative;min-height:590px;display:flex;align-items:flex-end;justify-content:center;text-align:center;isolation:isolate;}
.yi-member-preview .figma-hero>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 40%;z-index:-2;}
.yi-member-preview .figma-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--paper) 0%,#faf8f3e8 9%,#faf8f366 42%,transparent 80%);z-index:-1;}
.yi-member-preview .figma-hero-copy{padding:100px 24px 32px;max-width:980px;}
.yi-member-preview .figma-eyebrow{margin:0 0 18px;color:#9a6208;font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;line-height:1.6;}
.yi-member-preview .figma-hero h1{font-size:clamp(44px,5vw,68px);line-height:1.03;white-space:pre-line;margin:0 0 26px;text-wrap:balance;}
.yi-member-preview .figma-hero-copy>p:not(.figma-eyebrow){font-size:17px;line-height:1.6;margin:0 0 22px;}
.yi-member-preview .figma-hero-actions{display:flex;justify-content:center;gap:22px;}
.yi-member-preview .figma-hero-actions .button{min-width:250px;}
.yi-member-preview .figma-section{padding:56px 0 20px;margin:0 auto;width:calc(100% - 112px);max-width:1240px;}
.yi-member-preview .figma-section-heading{text-align:center;margin:0 0 30px;}
.yi-member-preview .figma-section h2{font-size:clamp(34px,3.3vw,48px);line-height:1.15;margin:0 0 20px;text-wrap:balance;}
.yi-member-preview .figma-section-heading>p:last-child:not(.figma-eyebrow){font-size:17px;line-height:1.6;color:var(--ink-soft);margin:0;}
.yi-member-preview .figma-swipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.yi-member-preview .figma-ask-card{display:flex;flex-direction:column;background:var(--forest);color:var(--paper);border-radius:12px;overflow:hidden;min-width:0;}
.yi-member-preview .figma-card-copy{padding:30px 28px;}
.yi-member-preview .figma-card-copy h3{font-size:42px;line-height:1.07;margin:0 0 16px;text-wrap:balance;}
.yi-member-preview .figma-card-copy p{font-size:16px;line-height:1.6;margin:0;}
.yi-member-preview .figma-ask-card h3,.yi-member-preview .figma-ask-card p{color:var(--paper);}
.yi-member-preview .figma-ask-card .figma-card-copy{min-height:266px;padding-bottom:36px;}
.yi-member-preview .figma-ask-photo{position:relative;aspect-ratio:1/1.1;background-size:cover;background-repeat:no-repeat;margin-top:auto;}
/* Top-anchored crops retain the faces and phone above the existing UI overlays. */
.yi-member-preview .figma-ask-photo-one{background-image:url('/member-preview/figma/ask-question-v2.png');background-position:center top;}
.yi-member-preview .figma-ask-photo-two{background-image:url('/member-preview/figma/ask-listen-v2.png');background-position:center top;}
.yi-member-preview .figma-ask-photo-three{isolation:isolate;}
/* Crop each row of the portrait collage equally, instead of losing its lower faces. */
.yi-member-preview .figma-ask-photo-three:before,.yi-member-preview .figma-ask-photo-three:after{content:'';position:absolute;left:0;right:0;height:50%;z-index:-1;background-image:url('/member-preview/figma/ask-community-v2.png');background-size:100% auto;background-repeat:no-repeat;}
.yi-member-preview .figma-ask-photo-three:before{top:0;background-position:center top;}
.yi-member-preview .figma-ask-photo-three:after{bottom:0;background-position:center 85.1064%;}
.yi-member-preview :is(.figma-question-example,.figma-example-player,.figma-community-caption){position:absolute;bottom:18px;left:16px;right:16px;border:1px solid var(--line);border-radius:9px;padding:12px;background:#fffdf8f5;color:var(--ink);box-shadow:0 4px 16px #45254912;}
.yi-member-preview .figma-question-example small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);display:block;margin-bottom:6px;}
.yi-member-preview .figma-question-example>div{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.35;}
.yi-member-preview .figma-inactive-ask{background:#e4dce7;color:#68576a;padding:7px 13px;border-radius:999px;flex-shrink:0;}
.yi-member-preview .figma-example-player>small{display:block;font-size:12px;line-height:1.35;margin-bottom:6px;}
.yi-member-preview .figma-audio-row{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:13px;}
.yi-member-preview .figma-audio-row>span{display:flex;flex:1;align-items:center;justify-content:space-between;gap:10px;}
.yi-member-preview .figma-audio-row small{font-size:12px;color:var(--ink-soft);}
.yi-member-preview .figma-audio-row .detail-track-play{width:38px;height:38px;background:var(--gold);color:var(--forest);}
.yi-member-preview .figma-audio-row .detail-track-play:disabled{background:var(--line);}
.yi-member-preview .figma-community-caption{display:flex;align-items:center;gap:10px;font-size:12px;}
.yi-member-preview .figma-community-caption svg{width:20px;height:20px;color:var(--forest);}
.yi-member-preview .figma-section-action{display:flex;justify-content:center;margin-top:28px;}
.yi-member-preview .figma-product-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;min-width:0;}
.yi-member-preview .figma-product-card .figma-card-copy{min-height:270px;}
.yi-member-preview .figma-product-card .figma-card-copy>small{display:block;margin-bottom:22px;color:var(--forest);text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.08em;}
.yi-member-preview .figma-product-card>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin-top:auto;}
.yi-member-preview .figma-product-footer{padding:18px 22px;min-height:144px;display:flex;flex-direction:column;justify-content:center;gap:10px;}
.yi-member-preview .figma-product-footer>small{font-size:12px;line-height:1.45;overflow-wrap:anywhere;}
.yi-member-preview .figma-product-footer a{display:flex;align-items:center;gap:6px;color:var(--forest);font-size:17px;text-decoration:none;}
.yi-member-preview .figma-product-footer svg{width:20px;height:20px;}
.yi-member-preview .figma-sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.yi-member-preview .figma-sample-card{background:white;border:1px solid var(--line-dark);border-radius:12px;overflow:hidden;min-width:0;}
.yi-member-preview .figma-sample-card>div{padding:20px 24px;}
.yi-member-preview .figma-sample-photo{padding:0;border:0;width:100%;display:block;background:transparent;cursor:pointer;}
.yi-member-preview .figma-sample-photo img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover;}
.yi-member-preview .figma-sample-photo img[src$="sample-3-v2.png"]{object-position:center top;}
.yi-member-preview .figma-sample-card h3{font-size:28px;line-height:1.13;margin:0 0 18px;}
.yi-member-preview .figma-sample-card h3 button{font:inherit;color:inherit;text-align:left;border:0;background:none;padding:0;cursor:pointer;}
.yi-member-preview .figma-listen{display:flex;gap:12px;align-items:center;border:0;background:transparent;color:var(--forest);font-weight:700;cursor:pointer;padding:0;min-height:44px;}
.yi-member-preview .figma-listen>span:first-child{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--gold);}
.yi-member-preview .figma-listen svg{width:18px;height:18px;}
.yi-member-preview .figma-membership{padding-block:48px 64px;border-top:1px solid var(--line);margin-top:44px;}
.yi-member-preview .figma-membership .figma-eyebrow{color:var(--forest);}
.yi-member-preview .figma-membership-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.yi-member-preview .figma-membership-card{padding:30px;border:1px solid var(--forest);border-radius:12px;display:flex;flex-direction:column;}
.yi-member-preview .figma-membership-card h3{font-size:38px;line-height:1.2;margin:0 0 16px;}
.yi-member-preview .figma-membership-card p{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.7;margin:0 0 30px;}
.yi-member-preview .figma-membership-card p svg{width:20px;height:20px;margin-top:4px;color:var(--forest);}
.yi-member-preview .figma-membership-card .button{margin-top:auto;}
.yi-member-preview .figma-membership-plus{background:var(--forest);color:var(--paper);}
.yi-member-preview .figma-membership-plus h3{color:var(--paper);}
.yi-member-preview .figma-membership-plus p svg{color:var(--gold);}
/* Catalogue, details and the distinct mobile topic sheet. */
.yi-member-preview .library-sidebar button{color:var(--ink-soft);border-radius:6px;}
.yi-member-preview .library-sidebar button.active{background:var(--lavender);color:var(--forest);}
.yi-member-preview .library-sidebar button svg{color:inherit;}
.yi-member-preview .library-mobile-title,.yi-member-preview .mobile-topic-browser{display:none;}
.yi-member-preview .library-result-bar strong{color:var(--ink);font-family:var(--serif);font-weight:400;font-size:30px;}
.yi-member-preview .library-search{background:white;border-color:var(--line);border-radius:6px;}
.yi-member-preview .library-search input{font-size:16px;}
.yi-member-preview .episode-card{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding-bottom:18px;}
.yi-member-preview .episode-image{border-radius:8px;overflow:hidden;}
.yi-member-preview .episode-play{background:var(--gold);color:var(--forest);}
.yi-member-preview .is-locked .episode-play{background:var(--forest);color:white;}
.yi-member-preview .episode-card-body{padding:18px 0 0;}
.yi-member-preview .episode-title-button h3{font-size:28px;line-height:1.18;color:var(--forest);}
.yi-member-preview .episode-category{color:var(--ink-soft);}
.yi-member-preview .episode-access-row{color:var(--ink-soft);}
.yi-member-preview .episode-access-row button{color:var(--forest);}
.yi-member-preview .preview-account-note,.yi-member-preview .detail-unlock{background:var(--lavender);border-radius:8px;color:var(--ink-soft);}
.yi-member-preview .detail-intro-copy h1{color:var(--forest);font-size:clamp(34px,3.4vw,50px);}
.yi-member-preview .detail-intro-copy>p:not(.kicker),.yi-member-preview .detail-learning li{font-size:15px;line-height:1.75;color:var(--ink-soft);}
.yi-member-preview .detail-intro-image{border-radius:10px;overflow:hidden;}
.yi-member-preview .detail-mobile-image{display:none;}
.yi-member-preview .detail-breadcrumb,.yi-member-preview .detail-access,.yi-member-preview .availability-toggle{color:var(--ink-soft);}
.yi-member-preview .detail-breadcrumb span{color:inherit;}
.yi-member-preview .availability-toggle i{background:var(--line);}
.yi-member-preview .detail-research>a{color:var(--ink);}
.yi-member-preview .detail-track-play{background:var(--gold);color:var(--forest);}
.yi-member-preview .detail-track-play:disabled{background:var(--line);color:var(--ink-soft);}
.yi-member-preview .detail-track-row{border-color:var(--line);}
.yi-member-preview .detail-research>a{color:var(--ink);overflow-wrap:anywhere;}
.yi-member-preview .detail-research>button{display:flex;justify-content:space-between;gap:16px;}
.yi-member-preview .detail-research>button>span{flex:1;min-width:0;}
.yi-member-preview .preview-panel{background:var(--paper);}
.yi-member-preview .auth-photo{background-image:url('/member-preview/figma/hero.png');background-position:80% center;}
.yi-member-preview .auth-card{background:white;border:1px solid var(--line);border-radius:14px;padding:36px;}
.yi-member-preview :is(.email-auth-notice,.tester-request-status){background:var(--lavender);}
.yi-member-preview .course-pilot-intro{background:var(--lavender);border-color:var(--line);}
.yi-member-preview .course-pilot-intro h1{color:var(--forest);}
/* Ask YI keeps its generation, allowance and sharing behaviours. */
.yi-member-preview .ask-workspace{max-width:1088px;width:calc(100% - 64px);padding:52px 0 72px;margin:0 auto;}
.yi-member-preview .ask-workspace h1{font-size:48px;line-height:1.2;margin:10px 0 18px;}
.yi-member-preview .ask-introduction{font-size:17px;line-height:1.65;color:var(--ink-soft);margin-bottom:34px;}
.yi-member-preview .ask-compose-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr);gap:28px;align-items:stretch;}
.yi-member-preview .ask-form{border:1px solid var(--line);border-radius:12px;padding:28px;margin:0;background:white;}
.yi-member-preview .ask-form-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;}
.yi-member-preview .ask-form-heading label{font-size:17px;font-weight:700;}
.yi-member-preview .ask-credit-badge{padding:6px 12px;background:var(--lavender);color:var(--forest);border-radius:999px;font-size:12px;line-height:1.4;}
.yi-member-preview .ask-form textarea{min-height:168px;width:100%;background:var(--paper);border:1px solid var(--line);border-radius:6px;color:var(--ink);padding:18px;font-size:16px;line-height:1.6;resize:vertical;}
.yi-member-preview .ask-form-meta{display:flex;justify-content:space-between;gap:12px;color:var(--ink-soft);font-size:13px;margin:14px 0;}
.yi-member-preview .ask-form>p{font-size:13px;line-height:1.6;color:var(--ink-soft);margin:16px 0;}
.yi-member-preview .ask-form .button{background:var(--gold);border-color:var(--gold);color:var(--forest);border-radius:6px;}
.yi-member-preview .ask-support{display:grid;gap:20px;}
.yi-member-preview .ask-support>section{border:1px solid var(--line);border-radius:12px;padding:24px;}
.yi-member-preview .ask-support>section:first-child{border-color:var(--lavender);background:var(--lavender);}
.yi-member-preview .ask-support h2{font-size:26px;line-height:1.2;margin:0 0 20px;}
.yi-member-preview .ask-support p{font-size:13px;line-height:1.75;color:var(--ink-soft);margin:0;}
.yi-member-preview .ask-support ul{list-style:none;display:grid;gap:22px;margin:0;padding:0;}
.yi-member-preview .ask-support li{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.5;}
.yi-member-preview .ask-support svg{width:20px;height:20px;color:var(--forest);}
.yi-member-preview .member-answers{margin-top:34px;padding-top:0;border:0;}
.yi-member-preview .member-answers h2{font-size:30px;}
.yi-member-preview .member-answers>p{background:#f0edf0;border-radius:10px;padding:30px;color:var(--ink-soft);font-size:15px;}
.yi-member-preview .member-answers article{background:white;border:1px solid var(--line);border-radius:12px;}
.yi-member-preview .member-answers article h3{font-size:32px;}
.yi-member-preview .ask-progress{background:var(--lavender);border-color:var(--line);color:var(--forest);}
.yi-member-preview .ask-progress ol li.active{background:var(--forest);color:white;}
.yi-member-preview .ask-spinner{border-color:#d2c3d6;border-top-color:var(--forest);}
/* Compact episode overlay and the clearly separated persistent player. */
.yi-member-preview dialog::backdrop{background:#28162db3;}
.yi-member-preview .preview-demo-dialog{border-radius:16px;background:var(--paper);}
.yi-member-preview .preview-demo-body h2{color:var(--forest);}
.yi-member-preview .preview-demo-tracks .hero-audio-row{border:1px solid var(--line);background:white;border-radius:8px;}
.yi-member-preview .preview-demo-tracks .detail-track-play{background:var(--gold);color:var(--forest);}
.yi-member-preview .preview-demo-signup .button{background:var(--gold);border-color:var(--gold);color:var(--forest);}
.yi-member-preview .preview-dock{background:var(--forest);color:white;border:0;box-shadow:0 -4px 24px #28162d22;min-height:100px;padding:18px 4%;display:grid;grid-template-columns:minmax(220px,1.2fr) 48px auto minmax(120px,1fr) 44px;gap:22px;align-items:center;}
.yi-member-preview .preview-dock .dock-episode-link{display:flex;align-items:center;gap:14px;min-width:0;max-width:none;width:100%;}
.yi-member-preview .dock-episode-link>img{width:58px;height:58px;object-fit:cover;border-radius:6px;}
.yi-member-preview .dock-episode-link>span{min-width:0;display:grid;gap:7px;}
.yi-member-preview .preview-dock .dock-episode-link:first-child strong{font-family:var(--sans);font-size:15px;line-height:1.4;color:white;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.yi-member-preview .preview-dock .dock-episode-link small{color:#e5dbe7;font-size:12px;}
.yi-member-preview .preview-dock .detail-track-play{width:48px;height:48px;background:var(--gold);color:var(--forest);}
.yi-member-preview .preview-dock .dock-time{color:#eee5ef;font-size:13px;white-space:nowrap;}
.yi-member-preview .preview-dock input{width:100%;min-width:0;accent-color:var(--gold);}
.yi-member-preview .preview-dock .dock-close{position:static;inset:auto;width:44px;height:44px;color:white;background:transparent;border:0;}
.yi-member-preview .preview-dock :focus-visible{outline-color:var(--gold);}
.yi-member-preview.member-player-open{padding-bottom:110px;}
html:has(.yi-member-preview dialog[open]){overflow:hidden;}
@media(max-width:1100px){
 .yi-member-preview .figma-section{width:calc(100% - 48px);}
 .yi-member-preview .figma-card-copy{padding:24px 20px;}
 .yi-member-preview .figma-card-copy h3{font-size:34px;}
 .yi-member-preview .figma-card-copy p{font-size:15px;}
 .yi-member-preview .figma-product-card .figma-card-copy{min-height:286px;}
 .yi-member-preview .figma-swipe-grid{gap:18px;}
 .yi-member-preview .ask-compose-grid{grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:20px;}
}
@media(max-width:800px){
 .yi-member-preview .site-header{height:80px;min-height:80px;padding:8px 20px;}
 .yi-member-preview .site-header .brand-logo{width:240px;max-width:calc(100vw - 106px)!important;}
 .yi-member-preview .figma-hero{display:block;min-height:0;}
 .yi-member-preview .figma-hero>img{position:static;display:block;width:100%;height:300px;object-position:66% center;}
 .yi-member-preview .figma-hero:after{display:none;}
 .yi-member-preview .figma-hero-copy{padding:32px 20px 12px;text-align:center;}
 .yi-member-preview .figma-hero h1{font-size:42px;line-height:1.05;}
 .yi-member-preview .figma-hero-copy>p:not(.figma-eyebrow){font-size:16px;}
 .yi-member-preview .figma-hero-actions{flex-direction:column;gap:12px;}
 .yi-member-preview .figma-hero-actions .button{min-width:0;}
 .yi-member-preview .figma-section{width:100%;padding:42px 20px 10px;}
 .yi-member-preview .figma-section h2{font-size:34px;line-height:1.15;}
 .yi-member-preview .figma-section-heading>p:last-child:not(.figma-eyebrow){font-size:15px;}
 .yi-member-preview .figma-eyebrow{font-size:11px;line-height:1.6;}
 .yi-member-preview .figma-swipe-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;margin-inline:-20px;padding:0 20px 16px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line-dark) transparent;}
 .yi-member-preview .figma-swipe-grid>article{width:min(320px,calc(100vw - 56px));flex:0 0 min(320px,calc(100vw - 56px));scroll-snap-align:start;}
 .yi-member-preview .figma-card-copy{padding:24px;}
 .yi-member-preview .figma-card-copy h3{font-size:36px;}
 .yi-member-preview .figma-ask-card .figma-card-copy{min-height:242px;padding-bottom:30px;}
 .yi-member-preview .figma-product-card .figma-card-copy{min-height:252px;}
 .yi-member-preview .figma-ask-photo{aspect-ratio:1/1.1;}
 .yi-member-preview .figma-product-card>img{height:auto;}
 .yi-member-preview .figma-product-footer{min-height:132px;padding:16px 20px;}
 .yi-member-preview .figma-section-action{margin-top:20px;}
 .yi-member-preview .figma-sample-grid{grid-template-columns:1fr;gap:16px;}
 .yi-member-preview .figma-sample-card{display:grid;grid-template-columns:38% minmax(0,1fr);min-height:144px;}
 .yi-member-preview .figma-sample-photo{height:100%;}
 .yi-member-preview .figma-sample-photo img{height:100%;aspect-ratio:auto;object-position:center;}
 .yi-member-preview .figma-sample-photo img[src$="sample-2-v2.png"]{object-position:75% center;}
 .yi-member-preview .figma-sample-photo img[src$="sample-5-v2.png"]{object-position:65% center;}
 .yi-member-preview .figma-sample-card>div{padding:16px 14px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;}
 .yi-member-preview .figma-sample-card h3{font-size:23px;line-height:1.13;margin:0;}
 .yi-member-preview .figma-listen{font-size:13px;gap:8px;}
 .yi-member-preview .figma-listen>span:first-child{width:32px;height:32px;}
 .yi-member-preview .figma-membership{margin-top:32px;padding-bottom:40px;}
 .yi-member-preview .figma-membership-grid{grid-template-columns:1fr;gap:18px;}
 .yi-member-preview .figma-membership-card{padding:24px;}
 .yi-member-preview .figma-membership-card h3{font-size:32px;}
 .yi-member-preview .marketing-footer{flex-direction:column;align-items:flex-start;gap:20px;padding:28px 20px;}
 .yi-member-preview .member-library-workspace,.yi-member-preview .member-detail-workspace{display:block;padding:24px 20px;}
 .yi-member-preview :is(.member-library-workspace,.member-detail-workspace)>.library-sidebar{display:none;}
 .yi-member-preview .library-catalogue{padding:0;min-width:0;}
 .yi-member-preview .library-mobile-title{display:block;font-size:42px;line-height:1.1;margin:0 0 24px;}
 .yi-member-preview .library-tools{margin:0 0 12px;display:block;}
 .yi-member-preview .library-tools>button{display:none;}
 .yi-member-preview .library-search{min-height:48px;padding:10px 16px;width:100%;}
 .yi-member-preview .mobile-topic-browser{display:block;margin-bottom:20px;}
 .yi-member-preview .browse-topics{display:flex;align-items:center;gap:14px;width:100%;min-height:52px;padding:12px 16px;background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--forest);font-size:15px;font-weight:700;text-align:left;cursor:pointer;}
 .yi-member-preview .browse-topics>span{flex:1;}
 .yi-member-preview .browse-topics svg{width:20px;height:20px;}
 .yi-member-preview .topic-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:520px;max-height:82dvh;border:0;border-radius:20px 20px 0 0;padding:24px 20px max(24px,env(safe-area-inset-bottom));background:var(--paper);color:var(--ink);}
 .yi-member-preview .topic-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;}
 .yi-member-preview .topic-sheet-heading h2{font-size:32px;margin:0;}
 .yi-member-preview .topic-sheet-heading button{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:var(--forest);}
 .yi-member-preview .topic-sheet-heading svg{width:24px;height:24px;}
 .yi-member-preview .topic-sheet .library-sidebar{display:flex;position:static;flex-direction:column;overflow:visible;border:0;padding:0;width:100%;gap:4px;}
 .yi-member-preview .topic-sheet .library-sidebar button{width:100%;min-height:52px;white-space:normal;text-align:left;display:flex;align-items:center;gap:14px;padding:12px 14px;}
 .yi-member-preview .topic-sheet .library-sidebar button.active:after{content:'✓';margin-left:auto;color:var(--forest);font-size:20px;}
 .yi-member-preview .library-result-bar{border-top:1px solid var(--line);padding-top:22px;display:flex;position:relative;margin-bottom:26px;align-items:flex-end;gap:10px;}
 .yi-member-preview .library-result-bar>div{min-width:0;flex:1;}
 .yi-member-preview .library-result-bar strong{font-size:28px;line-height:1.2;margin-bottom:18px;display:block;}
 .yi-member-preview .library-result-bar .availability-toggle{white-space:nowrap;font-size:12px;gap:10px;}
 .yi-member-preview .library-catalogue .episode-grid{display:grid;grid-template-columns:1fr;gap:28px;}
 .yi-member-preview .episode-image{height:auto;aspect-ratio:350/230;}
 .yi-member-preview .episode-title-button h3{font-size:28px;line-height:1.15;}
 .yi-member-preview .episode-card-body{padding:16px 0 0;}
 .yi-member-preview .episode-access-row{margin-top:26px;}
 .yi-member-preview .episode-detail-page{padding:0;}
 .yi-member-preview .detail-intro-grid{display:flex;flex-direction:column;gap:24px;}
 .yi-member-preview .detail-intro-copy{order:0;padding:0;}
 .yi-member-preview .detail-mobile-image{display:block;width:100%;aspect-ratio:350/210;border-radius:8px;object-fit:cover;margin:20px 0;}
 .yi-member-preview .detail-intro-copy h1{font-size:34px;line-height:1.15;margin:16px 0;}
 .yi-member-preview .detail-intro-image{display:none;}
 .yi-member-preview .detail-intro-image img{width:100%;height:100%;object-fit:cover;}
 .yi-member-preview .detail-track-row{border:1px solid var(--line);border-radius:8px;background:white;grid-template-columns:44px minmax(0,1fr) auto;padding:14px;gap:12px;margin-bottom:12px;}
 .yi-member-preview .detail-knowledge-grid{display:grid;grid-template-columns:1fr;gap:28px;}
 .yi-member-preview .detail-actions{flex-wrap:wrap;}
 .yi-member-preview .ask-workspace{width:calc(100% - 40px);padding:32px 0 48px;}
 .yi-member-preview .ask-workspace h1{font-size:36px;}
 .yi-member-preview .ask-introduction{font-size:15px;margin-bottom:24px;}
 .yi-member-preview .ask-compose-grid{grid-template-columns:1fr;gap:20px;}
 .yi-member-preview .ask-form{padding:20px;}
 .yi-member-preview .ask-form-heading{align-items:flex-start;flex-direction:column;}
 .yi-member-preview .ask-form textarea{min-height:160px;padding:14px;}
 .yi-member-preview .ask-support{grid-template-columns:1fr;gap:14px;}
 .yi-member-preview .ask-support>section{padding:20px;}
 .yi-member-preview .auth-card{padding:24px;}
 .yi-member-preview .preview-demo-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);}
 .yi-member-preview .preview-demo-photo{height:160px;aspect-ratio:auto;object-position:center;}
 .yi-member-preview .preview-demo-body{padding:20px;}
 .yi-member-preview .preview-demo-body .kicker{font-size:10px;margin:0 0 8px;}
 .yi-member-preview .preview-demo-body h2{font-size:30px;line-height:1.05;margin:0 0 10px;}
 .yi-member-preview .preview-demo-body>p:not(.kicker){font-size:14px;line-height:1.5;margin:0 0 14px;}
 .yi-member-preview .preview-demo-tracks{gap:8px;margin:14px 0;}
 .yi-member-preview .preview-demo-tracks .hero-audio-row{min-height:62px;padding:10px 12px;gap:12px;}
 .yi-member-preview .preview-demo-tracks .hero-audio-row>div{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;flex:1;}
 .yi-member-preview .preview-demo-tracks strong{font-size:14px;}
 .yi-member-preview .preview-demo-tracks small{font-size:13px;margin:0;}
 .yi-member-preview .preview-demo-signup{border:0;margin:12px 0 0;padding:0;}
 .yi-member-preview .preview-demo-signup>p{display:none;}
 .yi-member-preview .preview-demo-body>.preview-text-link{font-size:14px;padding:4px 0;min-height:32px;}
 .yi-member-preview .preview-dock{padding:14px 16px calc(12px + env(safe-area-inset-bottom));min-height:136px;grid-template-columns:minmax(0,1fr) 48px 32px;gap:8px 12px;}
 .yi-member-preview .preview-dock .dock-episode-link{grid-column:1;grid-row:1;gap:10px;}
 .yi-member-preview .dock-episode-link>img{width:42px;height:42px;}
 .yi-member-preview .preview-dock .dock-episode-link:first-child strong{font-size:13px;}
 .yi-member-preview .preview-dock .dock-episode-link small{font-size:11px;}
 .yi-member-preview .preview-dock>.detail-track-play{grid-row:1;grid-column:2;}
 .yi-member-preview .preview-dock .dock-close{grid-row:1;grid-column:3;width:32px;}
 .yi-member-preview .preview-dock input{grid-row:2;grid-column:1/-1;margin:4px 0;}
 .yi-member-preview .preview-dock .dock-time{grid-row:3;grid-column:1/-1;font-size:11px;}
 .yi-member-preview.member-player-open{padding-bottom:160px;}
}
@media(prefers-reduced-motion:reduce){.yi-member-preview *{scroll-behavior:auto!important;animation-duration:.01ms!important;}}
.yi-member-preview .course-guidance-action{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 26px;padding:20px 24px;border:1px solid var(--line);border-radius:12px;background:var(--lavender);}
.yi-member-preview .course-guidance-action strong{display:block;color:var(--forest);font-size:18px;line-height:1.35;}
.yi-member-preview .course-guidance-action p{margin:6px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.5;}
.yi-member-preview .course-guidance-action .button{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;white-space:nowrap;}
.yi-member-preview .course-guidance-action .button svg{width:17px;height:17px;}
@media(max-width:650px){.yi-member-preview .course-guidance-action{flex-direction:column;align-items:stretch;padding:18px;}.yi-member-preview .course-guidance-action .button{width:100%;white-space:normal;}}

/* Structured courses: a single introduction and an on-page practice playlist. */
.yi-member-preview .course-catalogue .library-tools{display:none;}
.yi-member-preview .course-catalogue .course-result-bar{float:right;margin:0 0 12px 16px;}
.yi-member-preview .course-result-bar{justify-content:flex-end;margin:0 0 12px;border:0;padding:0;}
.yi-member-preview .course-result-bar>div{display:none;}
.yi-member-preview .course-breadcrumb{font-size:12px;color:var(--ink-soft);margin:0 0 14px;}
.yi-member-preview .course-series-page h1{color:var(--forest);font:400 clamp(30px,3vw,46px)/1.25 var(--serif);margin:0 0 10px;}
.yi-member-preview .course-summary{color:var(--ink-soft);font-size:15px;margin:0 0 24px;}
.yi-member-preview .course-overview{display:grid;grid-template-columns:1.12fr 1fr;gap:32px;align-items:start;padding-bottom:26px;}
.yi-member-preview .course-overview{clear:both;}
.yi-member-preview .course-shared-image{display:block;width:100%;aspect-ratio:1.8;object-fit:cover;object-position:center;border-radius:7px;}
.yi-member-preview .course-main-copy{padding:10px 0 0;min-width:0;}
.yi-member-preview .course-main-copy .kicker{margin:0 0 14px;font-size:13px;}
.yi-member-preview .course-main-copy h2{font:400 clamp(25px,2.3vw,36px)/1.3 var(--serif);color:var(--forest);margin:0 0 12px;}
.yi-member-preview .course-intro-description{font-size:16px;line-height:1.65;color:var(--ink-soft);margin:0 0 22px;}
.yi-member-preview .course-main-player{display:flex;align-items:center;gap:20px;margin-bottom:24px;}
.yi-member-preview .course-main-player>div{flex:1;min-width:0;}
.yi-member-preview .course-main-track-title{display:flex;justify-content:space-between;gap:12px;align-items:center;}
.yi-member-preview .course-main-track-title strong{font-size:18px;color:var(--forest);}
.yi-member-preview .course-main-player input{width:100%;accent-color:var(--forest);margin:10px 0;display:block;}
.yi-member-preview .course-main-player small{display:block;font-size:12px;color:var(--ink-soft);line-height:1.6;}
.yi-member-preview .course-main-track-title>span{font-size:14px;color:var(--ink-soft);font-variant-numeric:tabular-nums;}
.yi-member-preview .course-play{width:44px;height:44px;border-radius:50%;border:0;background:var(--gold);color:var(--forest);display:grid;place-items:center;flex-shrink:0;cursor:pointer;}
.yi-member-preview .course-play:hover:not(:disabled){filter:brightness(1.04);}
.yi-member-preview .course-play:disabled{cursor:not-allowed;background:var(--gold);opacity:1;}
.yi-member-preview .course-play svg{width:19px;height:19px;}
.yi-member-preview .course-play-large{width:68px;height:68px;}
.yi-member-preview .course-play-large svg{width:26px;height:26px;}
.yi-member-preview .course-research-details{font-size:14px;line-height:1.6;}
.yi-member-preview .course-research-details summary{color:var(--forest);text-decoration:underline;text-underline-offset:4px;cursor:pointer;}
.yi-member-preview .course-research-details summary svg{vertical-align:middle;margin-left:4px;}
.yi-member-preview .course-research-details a{display:block;overflow-wrap:anywhere;color:var(--forest);margin-top:10px;}
.yi-member-preview .course-research-details ul{padding-left:20px;}
.yi-member-preview .course-access-note{font-size:14px;color:var(--ink-soft);background:var(--lavender);padding:14px 18px;border-radius:8px;margin:0 0 24px;}
.yi-member-preview .course-access-note button{background:none;border:0;color:var(--forest);text-decoration:underline;cursor:pointer;}
.yi-member-preview .course-guidance{border-top:1px solid var(--line);padding-top:24px;}
.yi-member-preview .course-playlist-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;}
.yi-member-preview .course-playlist-heading h2{color:var(--forest);font:400 30px/1.3 var(--serif);margin:0 0 5px;}
.yi-member-preview .course-playlist-heading p{font-size:14px;color:var(--ink-soft);margin:0;line-height:1.6;}
.yi-member-preview .course-autoplay{flex-shrink:0;max-width:280px;}
.yi-member-preview .course-autoplay .availability-toggle{justify-content:space-between;font-size:14px;}
.yi-member-preview .course-autoplay small{display:block;font-size:12px;line-height:1.5;color:var(--ink-soft);margin-top:6px;}
.yi-member-preview .course-track-list{list-style:none;padding:0;margin:0;}
.yi-member-preview .course-track-list li{display:flex;align-items:center;gap:20px;min-height:56px;padding:6px 18px;border-bottom:1px solid var(--line);}
.yi-member-preview .course-track-list li.is-current{background:var(--lavender);border-radius:6px;border-color:transparent;}
.yi-member-preview .course-track-number{font-size:14px;color:var(--ink-soft);font-variant-numeric:tabular-nums;min-width:30px;}
.yi-member-preview .course-track-title{flex:1;min-width:0;font:400 19px/1.5 var(--serif);color:var(--ink);}
.yi-member-preview .course-track-title small{display:block;font:12px/1.5 var(--sans);color:var(--ink-soft);}
.yi-member-preview .course-track-control{display:flex;gap:16px;align-items:center;border-left:1px solid var(--line-dark);padding-left:18px;}
.yi-member-preview .course-track-control time{min-width:42px;text-align:right;font-size:14px;font-variant-numeric:tabular-nums;color:var(--ink-soft);}
.yi-member-preview .course-now-playing{font-size:12px;color:var(--forest);}
.yi-member-preview .course-playlist-note{font-size:12px;color:var(--ink-soft);line-height:1.6;margin:12px 0 0;}
.yi-member-preview .dock-playback-controls{display:flex;align-items:center;justify-content:center;gap:12px;}
.yi-member-preview .dock-playback-controls .detail-track-play{order:0;margin:0;}
.yi-member-preview .preview-dock.course-dock{grid-template-columns:minmax(180px,1.2fr) auto auto minmax(120px,1fr) 44px;}
.yi-member-preview .dock-skip{background:transparent;color:white;border:0;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;}
.yi-member-preview .dock-skip svg{width:22px;height:22px;}
.yi-member-preview .dock-skip:disabled{opacity:.35;cursor:not-allowed;}
@media(max-width:1100px){
 .yi-member-preview .course-overview{gap:24px;}
 .yi-member-preview .course-shared-image{aspect-ratio:1.35;}
 .yi-member-preview .course-main-copy{padding-top:0;}
 .yi-member-preview .course-now-playing{display:none;}
}
@media(max-width:800px){
 .yi-member-preview .course-catalogue .course-result-bar{float:none;margin:18px 0;}
 .yi-member-preview .course-overview{grid-template-columns:1fr;}
 .yi-member-preview .course-shared-image{aspect-ratio:1.8;}
 .yi-member-preview .course-playlist-heading{align-items:flex-start;flex-direction:column;gap:18px;}
 .yi-member-preview .course-autoplay{max-width:none;width:100%;}
 .yi-member-preview .course-autoplay .availability-toggle{justify-content:flex-start;gap:18px;}
 .yi-member-preview .course-track-list li{gap:10px;padding:12px 0;}
 .yi-member-preview .course-track-list li.is-current{padding-left:8px;padding-right:8px;}
 .yi-member-preview .course-track-number{min-width:22px;font-size:12px;}
 .yi-member-preview .course-track-title{font-size:17px;}
 .yi-member-preview .course-track-control{gap:6px;padding-left:8px;flex-wrap:wrap;justify-content:center;width:54px;flex-shrink:0;}
 .yi-member-preview .course-track-control time{font-size:12px;min-width:0;text-align:center;}
 .yi-member-preview .course-series-page h1{font-size:32px;}
 .yi-member-preview .course-main-copy h2{font-size:28px;}
 .yi-member-preview .course-result-bar{margin-top:18px;}
 .yi-member-preview .preview-dock .dock-playback-controls{grid-row:1;grid-column:2;}
 .yi-member-preview .preview-dock.course-dock{grid-template-columns:minmax(0,1fr) auto 32px;gap:8px;}
 .yi-member-preview .course-dock .dock-playback-controls{gap:0;}
 .yi-member-preview .course-dock .dock-skip{width:44px;}
 .yi-member-preview .course-catalogue .library-mobile-title{display:none;}
}
/* Homepage V2 — Figma 649:822. Scoped so library/account layouts stay unchanged. */
.yi-member-preview .figma-home-v2{--paper:#faf8f5;background:var(--paper);color:#484747;}
.yi-member-preview .figma-home-v2 :is(h1,h2,h3,h4){font-family:var(--serif);font-weight:400;letter-spacing:0;line-height:1.38;}
.yi-member-preview .figma-home-v2 button{cursor:pointer;}
.yi-member-preview .figma-home-v2 .button{gap:12px;min-height:56px;font-size:18px;}
.yi-member-preview .figma-home-v2 section[id]{scroll-margin-top:100px;}
.yi-member-preview .yi-home-v2-header .v2-hide-nav{display:none;}
.yi-member-preview .yi-home-v2-header{background:#faf8f5;}
.yi-member-preview .v2-wordmark-brand:after,.yi-member-preview .v2-wordmark-brand .brand-logo{display:none!important;}
.yi-member-preview .v2-wordmark{display:block;white-space:nowrap;font-family:var(--font-bellefair),'Bellefair',Georgia,serif;font-size:34px;line-height:1.3;color:var(--forest);}
@media(max-width:760px){.yi-member-preview .v2-wordmark{font-size:28px;}}
.yi-member-preview .v2-section{padding:64px max(24px,calc((100% - 1248px)/2));}
.yi-member-preview .v2-section-heading{text-align:center;margin-bottom:36px;}
.yi-member-preview .v2-section-heading h2{font-size:46px;margin:0 0 14px;}
.yi-member-preview .v2-section-heading p{font-size:21px;color:#717174;line-height:1.55;margin:0;}
.yi-member-preview .v2-hero{min-height:660px;position:relative;isolation:isolate;overflow:hidden;}
.yi-member-preview .v2-hero-image{position:absolute;inset:0;width:100%;height:750px;min-height:100%;object-fit:cover;object-position:center top;z-index:-3;}
.yi-member-preview .v2-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0006, #0004 40%,transparent 75%);}
.yi-member-preview .v2-hero:after{content:'';position:absolute;inset:0 37.5% 0 0;z-index:-1;background:linear-gradient(90.39deg,rgba(95,47,23,.8) 26.824%,rgba(197,98,48,0));}
.yi-member-preview .v2-hero-copy{padding:80px max(24px,calc((100% - 1280px)/2)) 60px;color:#faf8f5;}
.yi-member-preview .v2-hero-eyebrow{font-size:19px;line-height:1.55;margin:0 0 24px;}
.yi-member-preview .v2-hero h1{font-size:64px;line-height:1.38;white-space:pre-line;color:inherit;margin:0 0 24px;max-width:680px;}
.yi-member-preview .v2-hero-audio{display:flex;gap:48px;min-height:64px;}
.yi-member-preview .v2-hero-audio .figma-audio-row{color:inherit;margin:0;gap:20px;font-size:24px;}
.yi-member-preview .v2-hero-audio .figma-audio-row>span{display:block;flex:none;}
.yi-member-preview .v2-hero-audio .figma-audio-row small{display:block;color:inherit;font-size:18px;line-height:1.55;margin:0;}
.yi-member-preview .v2-hero-audio .detail-track-play{width:64px;height:64px;}
.yi-member-preview .v2-gold-rule{display:block;width:44px;height:2px;background:var(--gold);margin-top:36px;}
.yi-member-preview .v2-samples{padding-top:58px;padding-bottom:48px;}
.yi-member-preview .v2-sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.yi-member-preview .v2-sample-photo{width:100%;border:0;background:none;padding:0;display:block;overflow:hidden;border-radius:5px;}
.yi-member-preview .v2-sample-photo img{display:block;width:100%;height:auto;aspect-ratio:400/264;object-fit:cover;}
.yi-member-preview .v2-sample-card h3{font-size:26px;margin:18px 0 14px;}
.yi-member-preview .v2-sample-card h3 button{border:0;background:none;padding:0;font:inherit;text-align:left;color:inherit;}
.yi-member-preview .v2-sample-card .figma-listen{font-size:20px;gap:16px;}
.yi-member-preview .v2-sample-card .figma-listen>span:first-child{width:48px;height:48px;}
.yi-member-preview .v2-section-action{text-align:center;margin-top:34px;}
.yi-member-preview .v2-text-link{display:inline-flex;gap:8px;align-items:center;border:0;border-bottom:1px solid var(--gold);padding:0 0 5px;background:none;color:var(--forest);font-size:18px;font-weight:700;text-align:left;}
.yi-member-preview .v2-research{background:var(--forest);color:var(--paper);padding:80px max(24px,calc((100% - 1120px)/2));min-height:430px;display:flex;align-items:center;gap:80px;}
.yi-member-preview .v2-research>div{flex:1;min-width:0;}
.yi-member-preview .v2-research h2{font-size:32px;color:inherit;margin:0 0 14px;}
.yi-member-preview .v2-research p{font-size:20px;line-height:1.6;margin:0;}
.yi-member-preview .v2-research .button{flex:0 0 280px;}
.yi-member-preview .v2-courses{background:white;}
.yi-member-preview .v2-course-banner{position:relative;isolation:isolate;min-height:572px;overflow:hidden;}
.yi-member-preview .v2-course-banner>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;}
.yi-member-preview .v2-course-banner:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#faf8f5eb,#faf8f5cc 33%,transparent 61%);}
.yi-member-preview .v2-course-copy{padding:100px max(24px,calc((100% - 1232px)/2)) 54px;}
.yi-member-preview .v2-course-copy>p{font-size:20px;font-weight:700;color:var(--forest);margin:0;}
.yi-member-preview .v2-course-copy .v2-gold-rule{margin:14px 0 20px;width:58px;}
.yi-member-preview .v2-course-copy h2{white-space:pre-line;font-size:80px;line-height:1.2;max-width:560px;margin:0 0 28px;}
.yi-member-preview[lang=en] .v2-course-copy h2{font-size:64px;max-width:600px;}
.yi-member-preview .v2-course-copy .button{min-width:232px;min-height:60px;}
.yi-member-preview .v2-curriculum{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:24px;padding-bottom:48px;}
.yi-member-preview .v2-curriculum ol{list-style:none;padding:0;margin:0;}
.yi-member-preview .v2-curriculum li+li{border-top:1px solid #dcd4da;}
.yi-member-preview .v2-curriculum button{display:flex;align-items:center;gap:24px;min-height:112px;padding:16px 0;width:100%;border:0;background:none;text-align:left;}
.yi-member-preview .v2-lesson-number{font-family:var(--serif);font-size:48px;color:var(--forest);width:60px;flex-shrink:0;}
.yi-member-preview .v2-lesson-name{font-family:var(--serif);font-size:24px;line-height:1.4;color:var(--forest);flex:1;}
.yi-member-preview .v2-curriculum time{font-size:18px;color:#717174;flex-shrink:0;}
.yi-member-preview .v2-related{padding-top:0;padding-bottom:64px;}
.yi-member-preview .v2-related>h3{font-size:28px;margin:0 0 24px;padding-top:18px;border-top:1px solid var(--line);}
.yi-member-preview .v2-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.yi-member-preview .v2-related-card{display:grid;grid-template-columns:42.5% minmax(0,1fr);gap:24px;}
.yi-member-preview .v2-related-photo{position:relative;width:100%;aspect-ratio:260/218;overflow:hidden;border:0;padding:0;border-radius:4px;background:#eee;}
.yi-member-preview .v2-related-photo img{position:absolute;max-width:none;width:450.6%;height:711.68%;left:-18.88%;top:-463.45%;}
.yi-member-preview .v2-related-neck img{width:459.84%;left:-238.11%;}
.yi-member-preview .v2-related-back img{height:701%;top:-566.5%;}
.yi-member-preview .v2-related-aging img{width:459.84%;height:701%;left:-238.11%;top:-566.5%;}
.yi-member-preview .v2-related-card h4{font-size:25px;color:var(--forest);margin:0 0 8px;}
.yi-member-preview .v2-related-card p{font-size:18px;line-height:1.55;margin:0 0 10px;}
.yi-member-preview .v2-related-card .v2-course-meta{font-size:17px;color:#717174;}
.yi-member-preview .figma-home-v2 #ask{width:100%;max-width:none;padding:72px max(24px,calc((100% - 1248px)/2)) 64px;}
.yi-member-preview .figma-home-v2 .figma-section-heading h2{font-size:44px;line-height:1.38;}
.yi-member-preview .figma-home-v2 .figma-eyebrow{color:#9b681c;font-size:17px;}
.yi-member-preview .figma-home-v2 .figma-card-copy{min-height:268px;height:auto;padding:28px;}
.yi-member-preview .figma-home-v2 .figma-card-copy h3{font-size:38px;line-height:1.38;margin:0 0 18px;}
.yi-member-preview .figma-home-v2 .figma-card-copy p{font-size:18px;line-height:1.55;}
.yi-member-preview .figma-home-v2 .figma-ask-photo{height:476px;aspect-ratio:auto;}
.yi-member-preview .figma-home-v2 .figma-ask-photo-one{background-image:url('/member-preview/home-v2/imgPhoto.png');background-position:center;background-size:cover;}
.yi-member-preview .figma-home-v2 .figma-ask-photo-two{background-image:url('/member-preview/home-v2/imgPhoto5.png');background-position:center;background-size:cover;}
.yi-member-preview .figma-home-v2 .figma-ask-photo-three{background-image:url('/member-preview/home-v2/imgPhoto6.png');background-position:center top;background-size:100% 112.04%;}
.yi-member-preview .figma-home-v2 .figma-question-example,.yi-member-preview .figma-home-v2 .figma-example-player,.yi-member-preview .figma-home-v2 .figma-community-caption{left:20px;right:20px;bottom:24px;padding:16px;}
.yi-member-preview .figma-home-v2 .figma-section-action .button{min-width:360px;}
.yi-member-preview .v2-membership{max-width:1440px;margin:auto;padding:72px max(24px,calc((100% - 1120px)/2)) 64px;}
.yi-member-preview .v2-membership .v2-section-heading h2{font-size:48px;}
.yi-member-preview .v2-membership .v2-section-heading p{font-size:20px;}
.yi-member-preview .v2-membership-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.yi-member-preview .v2-membership-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--forest);border-radius:16px;padding:32px 40px 24px;min-height:568px;}
.yi-member-preview .v2-membership-card h3{font-size:34px;margin:0 0 8px;}
.yi-member-preview .v2-price{display:flex;align-items:baseline;gap:10px;font-family:var(--serif);font-size:26px;color:var(--forest);margin:0 0 14px;}
.yi-member-preview .v2-price strong{font-size:64px;font-weight:400;line-height:1.28;}
.yi-member-preview .v2-plan-summary{font-family:var(--serif);font-size:22px;line-height:1.5;color:var(--forest);border-top:1px solid var(--line);padding-top:14px;margin:0 0 18px;}
.yi-member-preview .v2-membership-card ul{list-style:none;margin:0 0 28px;padding:0;}
.yi-member-preview .v2-membership-card li{display:flex;gap:12px;align-items:flex-start;font-size:18px;line-height:28px;margin:0 0 8px;}
.yi-member-preview .v2-membership-card li img{flex:0 0 32px;}
.yi-member-preview .v2-membership-card .button{margin-top:auto;width:100%;}
.yi-member-preview .v2-membership-card small{text-align:center;font-size:14px;line-height:22px;margin-top:12px;}
.yi-member-preview .v2-plan-plus{background:var(--forest);color:var(--paper);}
.yi-member-preview .v2-plan-plus :is(h3,.v2-price,.v2-plan-summary){color:var(--paper);}
.yi-member-preview .v2-plan-plus .v2-plan-summary{border-color:#ffffff40;}
.yi-member-preview .v2-membership-faq{margin-top:24px;}
.yi-member-preview .v2-membership-faq details{border-bottom:1px solid var(--line);}
.yi-member-preview .v2-membership-faq summary{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:56px;cursor:pointer;font-size:18px;list-style:none;}
.yi-member-preview .v2-membership-faq summary::-webkit-details-marker{display:none;}
.yi-member-preview .v2-membership-faq details[open] summary img{transform:rotate(45deg);}
.yi-member-preview .v2-membership-faq p{line-height:1.65;font-size:16px;margin:0 0 20px;max-width:850px;}
.yi-member-preview .v2-checkout-notice{width:min(560px,calc(100% - 32px));border:1px solid var(--line);border-radius:16px;padding:32px;background:var(--paper);color:#484747;}
.yi-member-preview .v2-checkout-notice::backdrop{background:#24152799;}
.yi-member-preview .v2-checkout-notice h2{font-size:32px;margin:0 0 16px;}
.yi-member-preview .v2-checkout-notice p{line-height:1.65;margin-bottom:24px;}
.yi-member-preview .v2-hero :is(button,a):focus-visible{outline-color:var(--gold);}
@media(min-width:1600px){
 .yi-member-preview .v2-hero-image{height:100%;}
}
@media(max-width:1100px){
 .yi-member-preview .v2-hero h1{font-size:54px;}
 .yi-member-preview .v2-course-copy h2{font-size:64px;}
 .yi-member-preview[lang=en] .v2-course-copy h2{font-size:48px;max-width:440px;}
 .yi-member-preview .v2-curriculum{gap:40px;}
 .yi-member-preview .v2-curriculum button{gap:14px;}
 .yi-member-preview .v2-lesson-name{font-size:21px;}
 .yi-member-preview .v2-related-card{gap:16px;}
 .yi-member-preview .v2-related-card h4{font-size:22px;}
 .yi-member-preview .v2-research{gap:32px;}
 .yi-member-preview .figma-home-v2 .figma-card-copy{padding:24px;min-height:286px;}
 .yi-member-preview .figma-home-v2 .figma-card-copy h3{font-size:30px;}
 .yi-member-preview .v2-membership-card{padding:28px;}
}
@media(max-width:760px){
 .yi-member-preview .v2-section{padding:44px 20px;}
 .yi-member-preview .v2-section-heading h2,.yi-member-preview .v2-membership .v2-section-heading h2{font-size:34px;}
 .yi-member-preview .v2-section-heading p,.yi-member-preview .v2-membership .v2-section-heading p{font-size:17px;}
 .yi-member-preview .v2-hero{min-height:700px;background:#392a23;display:flex;align-items:flex-end;}
 .yi-member-preview .v2-hero-image{height:460px;min-height:0;object-position:72% top;}
 .yi-member-preview .v2-hero:before{background:linear-gradient(0deg,#392a23 28%,#392a2380 60%,transparent 95%);}
 .yi-member-preview .v2-hero:after{display:none;}
 .yi-member-preview .v2-hero-copy{padding:280px 24px 40px;width:100%;}
 .yi-member-preview .v2-hero-eyebrow{font-size:14px;margin-bottom:16px;}
 .yi-member-preview .v2-hero h1{font-size:38px;margin-bottom:24px;line-height:1.35;}
 .yi-member-preview .v2-hero-audio{gap:24px;flex-wrap:wrap;}
 .yi-member-preview .v2-hero-audio .figma-audio-row{font-size:18px;gap:12px;flex:1;}
 .yi-member-preview .v2-hero-audio .figma-audio-row small{font-size:15px;}
 .yi-member-preview .v2-hero-audio .detail-track-play{width:48px;height:48px;min-width:48px;}
 .yi-member-preview .v2-hero .v2-gold-rule{margin-top:28px;}
 .yi-member-preview .v2-sample-grid{grid-template-columns:1fr;gap:32px;}
 .yi-member-preview .v2-sample-card h3{font-size:25px;}
 .yi-member-preview .v2-research{padding:48px 24px;min-height:0;display:block;}
 .yi-member-preview .v2-research h2{font-size:30px;}
 .yi-member-preview .v2-research p{font-size:18px;margin-bottom:28px;}
 .yi-member-preview .v2-research .button{width:100%;}
 .yi-member-preview .v2-course-banner{min-height:580px;}
 .yi-member-preview .v2-course-banner>img{height:350px;object-position:72% top;}
 .yi-member-preview .v2-course-banner:after{background:linear-gradient(0deg,white 0%,white 36%,#ffffff99 57%,transparent 85%);}
 .yi-member-preview .v2-course-copy{padding:300px 24px 32px;}
 .yi-member-preview .v2-course-copy h2,.yi-member-preview[lang=en] .v2-course-copy h2{font-size:42px;line-height:1.25;}
 .yi-member-preview .v2-course-copy>p{font-size:17px;}
 .yi-member-preview .v2-course-copy .v2-gold-rule{margin:10px 0 16px;}
 .yi-member-preview .v2-curriculum{grid-template-columns:1fr;gap:0;padding-top:0;}
 .yi-member-preview .v2-curriculum ol+ol{border-top:1px solid var(--line);}
 .yi-member-preview .v2-curriculum button{min-height:100px;gap:14px;}
 .yi-member-preview .v2-lesson-number{font-size:36px;width:42px;}
 .yi-member-preview .v2-lesson-name{font-size:20px;}
 .yi-member-preview .v2-curriculum time{font-size:15px;}
 .yi-member-preview .v2-related{padding-top:0;}
 .yi-member-preview .v2-related-grid{grid-template-columns:1fr;gap:28px;}
 .yi-member-preview .v2-related-card{grid-template-columns:40% minmax(0,1fr);gap:16px;}
 .yi-member-preview .v2-related-card h4{font-size:21px;}
 .yi-member-preview .v2-related-card p,.yi-member-preview .v2-related-card .v2-course-meta,.yi-member-preview .v2-related-card .v2-text-link{font-size:15px;}
 .yi-member-preview .figma-home-v2 #ask{padding:44px 20px;}
 .yi-member-preview .figma-home-v2 .figma-section-heading h2{font-size:32px;}
 .yi-member-preview .figma-home-v2 .figma-card-copy{min-height:230px;}
 .yi-member-preview .figma-home-v2 .figma-ask-photo{height:400px;}
 .yi-member-preview .figma-home-v2 .figma-card-copy h3{font-size:32px;}
 .yi-member-preview .figma-home-v2 .figma-card-copy p{font-size:16px;}
 .yi-member-preview .figma-home-v2 .figma-section-action .button{min-width:0;width:100%;font-size:16px;}
 .yi-member-preview .v2-membership-grid{grid-template-columns:1fr;gap:20px;}
 .yi-member-preview .v2-membership-card{min-height:530px;padding:28px 24px 24px;}
 .yi-member-preview .v2-membership-card h3{font-size:32px;}
 .yi-member-preview .v2-membership-card li{font-size:17px;}
}
@media(prefers-reduced-motion:reduce){
 .yi-member-preview .figma-home-v2 *{scroll-behavior:auto!important;}
}
/* Figma 652:926 and 765:913 — research introduction and How It Works. */
.yi-member-preview .how-footer{padding:44px max(24px,calc((100% - 1280px)/2));}
.yi-member-preview .how-footer .brand:after{mask-image:url('/member-preview/home-v2/how-footer-logo.png');-webkit-mask-image:url('/member-preview/home-v2/how-footer-logo.png');}
.yi-member-preview .how-home-block{padding:64px max(24px,calc((100% - 1280px)/2));min-height:566px;gap:16px;}
.yi-member-preview .how-home-block .how-home-copy{flex:1.6;}
.yi-member-preview .how-home-block h2{font-size:48px;line-height:1.46;white-space:pre-line;margin:0 0 24px;}
.yi-member-preview .how-home-block p{font-size:22px;line-height:36px;margin:0 0 32px;}
.yi-member-preview .how-home-block .button{display:inline-flex;min-height:60px;max-width:100%;width:auto;padding:14px 28px;font-size:22px;line-height:32px;text-decoration:none;text-align:center;}
.yi-member-preview .how-home-block .how-global-art{flex:1;}
.yi-member-preview .how-global-art{position:relative;aspect-ratio:500/323;overflow:hidden;}
.yi-member-preview .how-global-art img{position:absolute;max-width:none;width:283.95%;height:172.75%;left:-176.42%;top:-38.68%;}
.yi-member-preview .how-global-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#452549,transparent 4.5%,transparent 95.5%,#452549),linear-gradient(90deg,#452549,transparent 4.5%,transparent 95.5%,#452549);}
.yi-member-preview .how-page{background:#fff;color:#333638;}
.yi-member-preview .how-page :is(h1,h2){font-family:var(--serif);font-weight:400;letter-spacing:0;color:var(--forest);margin:0;}
.yi-member-preview .how-page p{font-size:22px;line-height:38px;margin:0;}
.yi-member-preview .how-intro{padding:64px max(24px,calc((100% - 1280px)/2)) 72px;}
.yi-member-preview .how-intro .how-label{font-size:18px;line-height:28px;color:var(--forest);margin-bottom:32px;}
.yi-member-preview .how-intro-grid{display:grid;grid-template-columns:536fr 696fr;gap:48px;align-items:center;}
.yi-member-preview .how-intro h1{font-size:58px;line-height:82px;white-space:pre-line;}
.yi-member-preview .how-intro-grid p+p{margin-top:28px;}
.yi-member-preview .how-teacher{padding:28px max(24px,calc((100% - 1376px)/2)) 28px max(24px,calc((100% - 1280px)/2));display:grid;grid-template-columns:728fr 560fr;gap:40px;align-items:center;background:var(--forest);color:white;}
.yi-member-preview .how-teacher h2{font-size:42px;line-height:62px;color:white;margin-bottom:32px;}
.yi-member-preview .how-teacher-photo{position:relative;aspect-ratio:560/384;overflow:hidden;}
.yi-member-preview .how-teacher-photo img{position:absolute;max-width:none;width:258.58%;height:408.13%;left:-152.58%;top:-139.37%;}
.yi-member-preview .how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:40px max(24px,calc((100% - 1280px)/2)) 48px;}
.yi-member-preview .how-step{position:relative;text-align:left;}
.yi-member-preview .how-step+.how-step:before{content:'';position:absolute;left:-20px;top:14px;bottom:0;width:1px;background:#dcd4da;}
.yi-member-preview .how-step-art{position:relative;aspect-ratio:400/264;overflow:hidden;margin-bottom:39px;}
.yi-member-preview .how-step-art img{position:absolute;max-width:none;width:354.41%;height:544.17%;top:-333.33%;}
.yi-member-preview .how-step-art-1 img{left:-15.29%;}
.yi-member-preview .how-step-art-2 img{left:-126.47%;}
.yi-member-preview .how-step-art-3 img{left:-250.59%;}
.yi-member-preview .how-gold-rule{display:block;background:#f1b645;width:64px;height:3px;margin-bottom:16px;}
.yi-member-preview .how-step h2{font-size:30px;line-height:46px;margin-bottom:16px;}
.yi-member-preview .how-step p{line-height:36px;max-width:none;color:#333638;margin:0;}
.yi-member-preview .how-explore{padding:16px 24px 80px;text-align:center;}
.yi-member-preview .how-explore .button{display:inline-flex;min-height:64px;font-size:22px;line-height:32px;padding:16px 28px;gap:12px;text-decoration:none;max-width:100%;}
.yi-member-preview .how-page .button svg,.yi-member-preview .how-home-block .button svg{flex-shrink:0;}
.yi-member-preview .how-page .button:focus-visible,.yi-member-preview .how-home-block .button:focus-visible{outline:3px solid #a86800;outline-offset:5px;}
@media(min-width:761px) and (max-width:1200px){
 .yi-member-preview .how-home-block h2,.yi-member-preview .how-intro h1{font-size:40px;line-height:1.45;}
 .yi-member-preview .how-teacher h2{font-size:34px;line-height:1.5;}
 .yi-member-preview .how-page p,.yi-member-preview .how-home-block p{font-size:19px;line-height:1.7;}
 .yi-member-preview .how-step h2{font-size:26px;line-height:1.5;}
}
@media(max-width:760px){
 .yi-member-preview .how-home-block{display:flex;flex-direction:column;padding:48px 24px;min-height:0;gap:32px;}
 .yi-member-preview .how-home-block h2{font-size:32px;line-height:1.5;white-space:normal;}
 .yi-member-preview .how-home-block p{font-size:18px;line-height:1.8;margin-bottom:24px;}
 .yi-member-preview .how-home-block .button{width:100%;font-size:16px;line-height:26px;padding:14px 18px;}
 .yi-member-preview .how-home-block .how-global-art{width:100%;max-width:500px;flex:none;}
 .yi-member-preview .how-intro{padding:40px 24px 48px;}
 .yi-member-preview .how-intro-grid{grid-template-columns:1fr;gap:28px;}
 .yi-member-preview .how-intro h1{font-size:36px;line-height:1.5;white-space:normal;}
 .yi-member-preview .how-page p{font-size:18px;line-height:1.8;}
 .yi-member-preview .how-teacher{grid-template-columns:1fr;padding:40px 24px;gap:28px;}
 .yi-member-preview .how-teacher h2{font-size:30px;line-height:1.5;margin-bottom:20px;}
 .yi-member-preview .how-steps{grid-template-columns:1fr;padding:40px 24px;gap:40px;}
 .yi-member-preview .how-step+.how-step:before{display:none;}
 .yi-member-preview .how-step-art{max-width:400px;margin:0 auto 24px;}
 .yi-member-preview .how-step h2{font-size:28px;line-height:1.5;}
 .yi-member-preview .how-explore{padding:0 24px 48px;}
 .yi-member-preview .how-explore .button{font-size:18px;width:100%;}
}