.flirt-basics{color:#362b40;background:#fcfafc;border:1px solid #ddd3e1;border-radius:20px;padding:clamp(20px,4vw,36px);margin:0 0 32px}
.flirt-basics h2{font-size:clamp(25px,3.5vw,36px);line-height:1.2;letter-spacing:-.6px;margin:12px 0 16px;font-weight:500}
.flirt-basics p{font-size:15px;line-height:1.8;max-width:76ch;overflow-wrap:anywhere}
.flirt-basics .basics-note{color:#63566b;margin:18px 0 26px}
.basics-chapter{border-top:1px solid #ddd3e1}
.basics-chapter:last-child{border-bottom:1px solid #ddd3e1}
.basics-chapter summary{display:list-item;cursor:pointer;padding:19px 8px;line-height:1.5;color:#654773;overflow-wrap:anywhere}
.basics-chapter summary>span{display:inline-block;vertical-align:top}
.basics-chapter summary>span:last-child{width:calc(100% - 62px)}
.basics-number{font-size:12px;line-height:28px;width:34px;margin-left:8px;color:#63566b}
.basics-title{display:block;font-size:18px;font-weight:600;color:#362b40}
.basics-summary{display:block;font-size:13px;color:#63566b;margin-top:4px}
.basics-chapter summary:focus-visible{outline:3px solid #795183;outline-offset:3px;border-radius:5px}
.basics-chapter[open] summary{padding-bottom:8px}
.basics-topics{padding:0 12px 16px 49px;max-width:82ch}
.basics-topics article{margin:20px 0 24px}
.basics-topics h3{font-size:17px;line-height:1.5;margin:0 0 7px}
.basics-topics p{margin:0}
.flirt-basics .basics-footnote{font-size:12px;line-height:1.7;color:#63566b;margin:21px 0 0}
.basics-introduction{margin:28px 0 32px;padding:24px;background:#f2edf4;border:1px solid #ddd3e1;border-radius:14px}
.basics-introduction h3{font-size:clamp(21px,3vw,28px);line-height:1.3;margin:0 0 12px;font-weight:500}
.basics-illustration{margin:22px 0 12px;min-width:0}
.basics-illustration img{display:block;width:100%;height:auto;border-radius:12px;background:#fcfafc;object-fit:contain}
.basics-illustration figcaption{font-size:13px;line-height:1.7;color:#63566b;margin-top:10px}
.basics-introduction .basics-illustration{max-width:740px;margin-left:auto;margin-right:auto}
.basics-comparison-labels{display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:center;color:#63566b;font-size:13px;line-height:1.6;max-width:740px;margin:0 auto 20px}
.basics-observation{border-top:1px solid #d5c8dd;margin-top:22px}
.basics-observation summary{font-size:15px;font-weight:600;cursor:pointer;padding:17px 0;color:#654773}
.basics-observation summary:focus-visible{outline:3px solid #795183;outline-offset:3px;border-radius:4px}
.basics-observation p{margin:0 0 15px}
.basics-visuals{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;max-width:700px}
.flirt-basics .basics-image-note{font-size:12px;color:#63566b;line-height:1.7;margin-top:14px}
@media(max-width:720px){.basics-visuals{grid-template-columns:1fr}.basics-introduction{padding:18px 14px}.basics-comparison-labels{gap:14px;font-size:12px}.basics-observation summary{font-size:14px}}
@media(max-width:600px){.basics-chapter summary{padding-left:0;padding-right:0}.basics-title{font-size:16px}.basics-number{width:25px;margin-left:4px}.basics-chapter summary>span:last-child{width:calc(100% - 45px)}.basics-topics{padding-left:0;padding-right:0}.flirt-basics p{font-size:14px}}
.approach-women{margin:32px 0;background:linear-gradient(120deg,#eee5f2,#faf3e9);border:1px solid #d6c7df;padding:clamp(19px,3vw,30px);border-radius:16px}
.approach-women h3,.basics-video-library>header h3{font-size:clamp(23px,3vw,31px);font-weight:500;line-height:1.3;margin:12px 0 16px}
.approach-women h4{font-size:20px;line-height:1.4;margin:28px 0 14px}
.approach-women h5{font-size:15px;line-height:1.5;margin:0 0 10px}
.approach-women summary,.basics-transcript summary{cursor:pointer;line-height:1.7;font-size:15px;font-weight:600;padding:15px 0;overflow-wrap:anywhere}
.approach-women summary:focus-visible,.basics-transcript summary:focus-visible,.basics-video-link:focus-visible{outline:3px solid #795183;outline-offset:3px;border-radius:4px}
.approach-guide>summary{color:#654773;border-top:1px solid #d6c7df;margin-top:20px}
.approach-section{border-top:1px solid #d6c7df}
.approach-step{display:inline-block;font-size:12px;font-weight:400;min-width:26px;color:#63566b}
.approach-guide-body .approach-note{font-size:13px;color:#63566b;line-height:1.8}
.approach-guide-body .approach-lead{font-weight:500}
.approach-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.approach-example-grid article{padding:20px;background:#fffdfd;border:1px solid #ddd3e1;border-radius:12px;min-width:0}
.approach-women blockquote{font-size:15px;line-height:1.8;margin:12px 0;padding:12px 16px;border-left:3px solid #9a7daa;background:#fffdfd;overflow-wrap:anywhere}
.approach-example-grid blockquote{padding:0;border:0}
.approach-example-grid p{font-size:13px}
.basics-video-library{margin:36px 0 24px;padding-top:16px}
.basics-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;align-items:start}
.basics-video-card{background:#f5f0f7;border:1px solid #ddd3e1;border-radius:14px;padding:20px;min-width:0;scroll-margin-top:24px}
.basics-video-card h4{font-size:18px;line-height:1.4;margin:0 0 12px}
.basics-video-card>p{font-size:13px;line-height:1.7}
.basics-video-card video{display:block;width:100%;aspect-ratio:16/9;background:#f9f6fa;border-radius:10px;margin:18px 0 8px}
.basics-transcript p{font-size:13px;line-height:1.7}
.basics-video-link{color:#654773;font-size:14px;line-height:1.7;text-underline-offset:3px}
@media(max-width:800px){.basics-video-grid,.approach-example-grid{grid-template-columns:minmax(0,1fr)}}
.approach-practice{margin-top:32px;border-top:1px solid #d6c7df;padding-top:12px}
.approach-learning-loop{display:flex;gap:12px;flex-wrap:wrap;list-style-position:inside;padding:0;margin:22px 0}
.approach-learning-loop li{background:#fffdfd;border:1px solid #ddd3e1;border-radius:9px;padding:10px 12px;font-size:13px;line-height:1.6}
.approach-practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;margin-top:25px}
.approach-practice-card{background:#fffdfd;border:1px solid #ddd3e1;border-radius:14px;overflow:hidden;scroll-margin-top:24px;min-width:0}
.approach-practice-image{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;max-height:210px}
.approach-practice-content{padding:22px}
.approach-practice-content h5{font-size:21px;line-height:1.4;margin:12px 0 18px}
.approach-practice-content label{display:block;font-size:13px;font-weight:600;line-height:1.7;margin-bottom:8px}
.approach-practice-content select{width:100%;font:inherit;font-size:14px;padding:12px;border:1px solid #cfc2d6;border-radius:9px;background:#fff;color:#362b40;box-sizing:border-box}
.approach-practice-content select:focus-visible{outline:3px solid #795183;outline-offset:3px}
.approach-practice-content>p{font-size:14px}
.approach-turn{padding:12px;background:#f2edf4;border-radius:9px}
.approach-practice-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 14px}
.approach-practice-actions button{white-space:normal}
.approach-example{border-top:1px solid #ddd3e1;border-bottom:1px solid #ddd3e1;margin:20px 0}
.approach-dialogue p{border-radius:10px;background:#f2edf4;padding:11px 13px;font-size:14px}
.approach-review{background:#f2edf4;border:1px solid #ddd3e1;border-radius:14px;padding:24px;margin:25px 0;color:#362b40}
.approach-review h3{font-size:22px;line-height:1.4;margin:12px 0}
.approach-review p,.approach-review li{font-size:14px;line-height:1.8}
.approach-review summary{font-size:14px;line-height:1.7;cursor:pointer;margin-top:20px}
@media(max-width:800px){.approach-practice-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:450px){.approach-practice-content{padding:18px}.approach-practice-actions{flex-direction:column}.approach-practice-actions button{width:100%}.approach-learning-loop{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}}
.flirt-journey{margin:32px 0;padding:clamp(18px,3vw,32px);border:1px solid #d6c7df;border-radius:18px;background:#fcfafc;color:#362b40;min-width:0}
.flirt-journey h2{font-size:clamp(25px,3vw,34px);line-height:1.25;font-weight:500;margin:12px 0}
.flirt-journey h3{font-size:21px;line-height:1.45;margin:12px 0}
.flirt-journey p,.flirt-journey li{font-size:15px;line-height:1.85;max-width:78ch;overflow-wrap:anywhere}
.flirt-journey a{color:#654773;text-underline-offset:4px;line-height:1.7}
.journey-route,.journey-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.journey-route a{padding:9px 13px;background:#f2edf4;border:1px solid #ddd3e1;border-radius:22px;font-size:14px}
.journey-quick,.journey-stop,.journey-compare{margin:28px 0;padding:22px;border:1px solid #ddd3e1;border-radius:14px;background:#f5f0f7;min-width:0}
.journey-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.journey-quick details{background:#fffdfd;border:1px solid #ddd3e1;border-radius:10px;padding:12px 16px;min-width:0}
.flirt-journey summary{cursor:pointer;line-height:1.6;padding:10px 0;font-weight:600;overflow-wrap:anywhere}
.flirt-journey :is(button,a,summary,select):focus-visible{outline:3px solid #795183;outline-offset:3px}
.journey-topic{border-top:1px solid #ddd3e1;scroll-margin-top:24px}
.journey-topic>summary{font-size:19px;padding:21px 0}
.journey-topic-body{padding:0 0 26px}
.journey-topic-body>img{width:100%;max-width:540px;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px}
.journey-lead{font-weight:500}
.journey-topic li{margin:12px 0}
.journey-dialogue p,.journey-reaction-result,.journey-choice{padding:14px 18px;border-radius:10px;background:#f2edf4}
.journey-choice{margin:22px 0}
.journey-choice-options{display:grid;gap:10px;margin:16px 0}
.flirt-journey button{white-space:normal;text-align:left;line-height:1.6;overflow-wrap:anywhere;max-width:100%}
.flirt-journey button[aria-pressed=true]{background:#654773;color:#fff;border-color:#654773}
.flirt-journey blockquote{font-size:15px;line-height:1.8;border-left:3px solid #9a7daa;margin:16px 0;padding:10px 16px;background:#fffdfd;overflow-wrap:anywhere}
.flirt-journey .journey-note{font-size:13px;color:#63566b}
.journey-practice{border-top:1px solid #ddd3e1;margin-top:25px;padding-top:10px}
.journey-practice label{display:block;font-size:14px;margin-bottom:8px}
.journey-practice select{display:block;width:100%;max-width:420px;padding:12px;background:#fff;color:#362b40;border:1px solid #cfc2d6;border-radius:9px;font:inherit}
.journey-stop video{display:block;width:100%;max-width:780px;aspect-ratio:16/9;border-radius:12px;background:#1c1725}
@media(max-width:650px){.journey-quick-grid{grid-template-columns:minmax(0,1fr)}.journey-quick,.journey-stop,.journey-compare{padding:16px}.journey-actions{flex-direction:column}.journey-actions button{width:100%}.flirt-journey ul{padding-left:22px}.journey-topic>summary{font-size:17px}}

.journey-entry{margin:0 0 24px;padding:24px;border:1px solid #d6c7df;border-radius:16px;background:linear-gradient(120deg,#eee5f2,#faf3e9);color:#362b40}
.journey-entry h2{font-size:clamp(23px,3vw,30px);line-height:1.3;font-weight:500;margin:10px 0}
.journey-entry p{font-size:15px;line-height:1.8}.journey-entry a{color:#654773;text-underline-offset:4px}.journey-entry a:focus-visible{outline:3px solid #795183;outline-offset:3px}

.journey-topic-film{margin:22px 0 28px;padding:20px;border:1px solid #ddd3e1;border-radius:14px;background:#f5f0f7}
.journey-topic-video{display:block;width:100%;max-width:900px;aspect-ratio:16/9;border-radius:10px;background:#1c1725;margin:18px 0 10px}
.flirt-journey .journey-topic-film h3{font-size:20px}.journey-film-transcript p{font-size:14px}.journey-film-status:empty{display:none}
@media(max-width:650px){.journey-topic-film{padding:12px}.flirt-journey .journey-topic-film h3{font-size:18px}}

.journey-film-badge{display:inline-block;vertical-align:middle;margin-left:8px;padding:2px 9px;border:1px solid #d6c7df;border-radius:20px;background:#f2edf4;color:#654773;font-size:12px;font-weight:500;white-space:nowrap}

.journey-film-question{margin:20px 0;padding:20px;border:2px solid #b49ac4;border-radius:12px;background:#fffdfd;scroll-margin:24px;scroll-margin-bottom:110px}
.journey-film-question[hidden]{display:none}.journey-film-question h4{font-size:23px;line-height:1.4;margin:10px 0}.journey-film-question h4:focus{outline:none}
.journey-topic-film [data-film-pause-toggle][aria-pressed=false]{background:#fffdfd;color:#654773;border-color:#d6c7df}
@media(max-width:650px){.journey-film-question{padding:14px}.journey-film-question h4{font-size:21px}}

.video-answer-feedback{color:#362b40}.video-answer-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.video-answer-comparison article{min-width:0;padding:18px;background:#f5f0f7;border:1px solid #ddd3e1;border-radius:12px}.video-answer-comparison h4{margin:0 0 12px}.video-answer-comparison blockquote{margin:0;font-size:16px;line-height:1.8;overflow-wrap:anywhere}.video-answer-feedback>p{font-size:15px;line-height:1.8}@media(max-width:650px){.video-answer-comparison{grid-template-columns:minmax(0,1fr)}}