/* V4.4 Compact Experience — shared palette / no change to original theme */
[hidden]{display:none!important}
html{scroll-behavior:smooth}
#experience,#about,#inside,#feedback{scroll-margin-top:85px}
body{overflow-x:clip}
.hero{padding-top:54px!important;padding-bottom:44px!important;gap:35px}
.hero h1{font-size:clamp(42px,4.6vw,68px);margin:16px 0 16px}
.hero-lead{font-size:15px;line-height:1.68;max-width:535px}
.hero-art{min-height:430px!important;padding:25px 12px 41px}
.hero-art:after{font-size:8px}
.app-preview{max-width:430px}
.hero-benefits{margin-top:3px}
.hero-buttons{margin-top:22px}
.v44-experience{background:linear-gradient(152deg,#2b483e,#203b36 71%,#19312d);padding:42px 0 53px}
.v44-tabs{display:flex;max-width:440px;border:1px solid #6e907a;background:#325449;border-radius:9px;padding:4px;gap:3px;margin:0 auto 19px}
.v44-tab{color:#d9e5d8;background:transparent;flex:1;min-height:45px;padding:9px 12px;border:0;border-radius:6px;font-size:13px;font-weight:780;cursor:pointer;transition:background .18s,color .18s;line-height:1.25}
.v44-tab[aria-selected="true"]{background:#fff9ed;color:#285043;box-shadow:0 3px 10px #102b222f}
.v44-tab:hover:not([aria-selected="true"]){background:#446557}
.v44-tab:focus-visible{outline:3px solid #e1b78c;outline-offset:2px}
.v44-experience .demo-section{padding:15px 0 18px;background:none}
.v44-experience .demo-section:before{display:none}
.v44-experience .demo-heading{margin-bottom:22px}
.v44-experience .demo-heading h2{font-size:clamp(29px,3vw,43px)}
.v44-experience .demo-heading p{font-size:13px;max-width:610px;margin-top:10px}
.v44-experience .interactive-label{display:none}
.v44-experience .demo-app{max-width:1145px;margin:auto}
.v44-experience .v43-builder-section{padding:18px 0 18px}
.v44-experience .v43-builder-section>.v43-heading{display:none}
.v44-experience .v43-builder-layout{max-width:1040px;margin:0 auto}
.v44-experience .v43-builder-controls{padding:25px 29px;gap:15px}
.v44-experience .v43-builder-result{padding:28px 33px}
.v44-experience .v43-builder-result h3{margin-top:14px}
.v44-experience .v43-result-text{font-size:15px}
.v44-example-wrap{max-width:1090px;margin:14px auto 0}
.v44-example{background:#fffaf1;border:1px solid #bed0c0;border-radius:7px}
.v44-example summary{padding:13px 17px;cursor:pointer;font-size:13px;font-weight:800;color:#25493b;list-style:none}
.v44-example summary::-webkit-details-marker{display:none}
.v44-example summary:after{content:"+";float:right;color:#a45d40;font-size:18px;font-weight:500}
.v44-example[open] summary:after{content:"−"}
.v44-example-inner{border-top:1px solid #d9e3d5}
.v44-example .v43-featured-mission{padding:18px 23px 26px}
.v44-example .v43-featured-intro{gap:15px}
.v44-example .v43-featured-intro .v43-heading h2{font-size:27px;margin:8px 0}
.v44-example .v43-featured-intro .v43-heading p{font-size:12px}
.v44-example .v43-mission-sheet{box-shadow:none;padding:18px 21px;margin-top:17px}
.v44-kit{padding-top:72px;padding-bottom:68px}
.v44-kit-header{display:flex;align-items:center;justify-content:space-between;gap:30px}
.v44-kit-header>div{max-width:760px}
.v44-kit-header h2,.v44-about h2{font:500 clamp(31px,3.3vw,45px)/1.14 Georgia,serif;letter-spacing:-.04em;color:var(--forest);margin:13px 0}
.v44-kit-header p,.v44-about-main>p{font-size:14px;line-height:1.65;color:#5f7364;margin:0}
.v44-kit-mark{display:grid;place-items:center;background:#e6ede0;border:1px solid #ccdac9;color:#406450;width:115px;height:112px;border-radius:50%;font:italic 54px Georgia,serif;line-height:1}
.v44-kit-mark span{font:900 10px "Segoe UI",Arial,sans-serif;letter-spacing:.13em;margin-top:-27px}
.v44-kit-items{margin-top:24px;border-top:1px solid #cbd7cb;border-bottom:1px solid #cbd7cb}
.v44-kit-row{display:grid;grid-template-columns:47px minmax(210px,.75fr) minmax(0,1fr);align-items:center;gap:15px;padding:15px 2px}
.v44-kit-row+.v44-kit-row{border-top:1px solid #dae1d7}
.v44-kit-row>span{font:italic 19px Georgia,serif;color:#a96046}
.v44-kit-row strong{font-size:15px;color:#2e5041}
.v44-kit-row p{font-size:13px;line-height:1.55;color:#637669;margin:0}
.v44-kit-end{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:16px;flex-wrap:wrap}
.v44-kit-end span{color:#728174;font-size:11px}
.v44-kit-end a,.v44-about-main>a{font-size:12px;color:#a1533a;font-weight:800;text-decoration:underline;text-underline-offset:5px}
.v44-about{padding-top:45px;padding-bottom:66px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.55fr);gap:33px;border-top:1px solid #d7dfd3;align-items:center}
.v44-about-main{max-width:680px}
.v44-about-main>a{display:inline-block;margin-top:14px}
.v44-notecard{border-left:3px solid #b77055;padding:17px 20px;background:linear-gradient(120deg,#f5e9d8,#faf5e8);box-shadow:3px 4px 13px #53654b0d;transform:rotate(-1deg)}
.v44-notecard>span{font-size:10px;letter-spacing:.12em;font-weight:850;color:#a2573a}
.v44-notecard p{font:italic 17px/1.55 Georgia,serif;color:#465f4b;margin:12px 0 0}
.feedback-section{padding-top:60px!important;padding-bottom:84px!important}
.feedback-layout{gap:36px}
.feedback-intro h2{font-size:clamp(30px,3vw,42px)}
.feedback-intro>p{font-size:14px;line-height:1.65}
.v44-privacy-short{margin-top:19px;display:grid;gap:7px;font-size:12px;line-height:1.55;color:#566e5e}
.v44-privacy-short>a{color:#a7553b;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.v44-privacy-short>details{border-top:1px solid #d8e0d5;padding-top:8px}
.v44-privacy-short summary{cursor:pointer;color:#385b48;font-size:12px;font-weight:730}
.v44-privacy-short .privacy-card{margin-top:10px;padding:15px;box-shadow:none}
.v44-privacy-short .privacy-card p{font-size:11px;line-height:1.65}
.feedback-form{padding:22px!important}
.feedback-form .question-group+.question-group{margin-top:15px;padding-top:15px}
.feedback-form .question-heading{margin-bottom:8px}
.feedback-form .choices{gap:6px}
.feedback-form .choice{min-height:37px;padding:8px 10px}
.feedback-form button[type=submit]{margin-top:15px}
.v44-guide-main .section-space{padding-top:55px;padding-bottom:55px}
.v44-guide-intro{padding:74px 0 48px}
.v44-guide-intro h1{font:500 clamp(38px,4.8vw,64px)/1.1 Georgia,serif;color:var(--forest);letter-spacing:-.05em;max-width:860px;margin:16px 0}
.v44-guide-intro p{font-size:16px;line-height:1.75;max-width:710px;color:#5b7163}
.v44-guide-intro>a{display:inline-block;margin-top:13px;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:4px;color:#a7553b}
.v44-guide-main .toolkit-section{padding-top:65px;padding-bottom:65px}
.v44-guide-main .v43-faq{padding-bottom:100px}
@media(max-width:1050px){
 .v44-kit-row{grid-template-columns:42px minmax(180px,.7fr) minmax(0,1fr)}
 .v44-experience .demo-app{max-width:calc(100% - 24px)}
 .v44-kit-mark{width:88px;height:88px;font-size:40px}
 .v44-kit-mark span{margin-top:-20px}
}
@media(max-width:720px){
 .hero{padding-top:33px!important;padding-bottom:31px!important;gap:26px}
 .hero h1{font-size:clamp(38px,10vw,57px)}
 .hero-art{min-height:420px!important;padding-top:16px}
 .hero .hero-lead{font-size:14px}
 .v44-experience{padding:30px 0 40px}
 .v44-tabs{width:calc(100% - 30px);margin-bottom:10px}
 .v44-experience .demo-section{padding:8px 0}
 .v44-experience .demo-heading{margin-bottom:16px}
 .v44-experience .demo-heading h2{font-size:31px}
 .v44-experience .v43-builder-controls{padding:23px 21px}
 .v44-experience .v43-builder-result{padding:25px 21px}
 .v44-example-wrap{padding:0 16px}
 .v44-example .v43-featured-mission{padding:17px 13px}
 .v44-kit{padding-top:52px;padding-bottom:47px}
 .v44-kit-header{align-items:start}
 .v44-kit-mark{width:64px;height:64px;font-size:29px;flex:none}
 .v44-kit-mark span{font-size:8px;margin-top:-14px}
 .v44-kit-header h2,.v44-about h2{font-size:32px}
 .v44-kit-row{grid-template-columns:33px 1fr;gap:4px 11px;padding:12px 2px}
 .v44-kit-row strong{font-size:14px}
 .v44-kit-row p{grid-column:2;font-size:12px}
 .v44-about{padding-top:38px;padding-bottom:49px;grid-template-columns:1fr;gap:21px}
 .v44-notecard{transform:none}
 .feedback-section{padding-top:46px!important;padding-bottom:55px!important}
 .feedback-form{padding:17px!important}
 .v44-guide-intro{padding:49px 0 30px}
 .v44-guide-main .section-space{padding-top:45px;padding-bottom:45px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.v44-tab{transition:none}}

/* V4.4 FIX / Practice example inside tabs: an embedded sheet, not a full-width section */
.v44-example,.v44-example-inner,.v44-example .v43-featured-intro,.v44-example .v43-mission-sheet{box-sizing:border-box;min-width:0;max-width:100%;}
.v44-example{width:100%;overflow:hidden;}
.v44-example-inner{padding:clamp(16px,2.4vw,28px);}
.v44-example .v43-featured-intro{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 22px;width:100%;}
.v44-example .v43-featured-intro .v43-heading{min-width:0;flex:1 1 340px;max-width:100%;}
.v44-example .v43-featured-intro .v43-heading h2{font-size:clamp(22px,2.4vw,28px);overflow-wrap:break-word;}
.v44-example .v43-time-label{white-space:normal;overflow-wrap:break-word;max-width:100%;}
.v44-example .v43-mission-sheet{width:100%;margin:18px 0 0;padding:20px 22px;}
.v44-example .v43-mission-sheet ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.v44-example .v43-mission-sheet li{min-width:0;overflow-wrap:break-word;}
.v44-example .v43-teacher-tip,.v44-example .v43-mission-jump{overflow-wrap:break-word;}
@media(max-width:720px){.v44-example-inner{padding:16px}.v44-example .v43-featured-intro{display:block}.v44-example .v43-time-label{display:inline-block;margin-top:12px}.v44-example .v43-mission-sheet{padding:17px 15px}.v44-example .v43-mission-sheet ol{grid-template-columns:minmax(0,1fr);gap:9px}.v44-example .v43-mission-sheet li{padding-top:12px}}