/* SIRA Studio9 / The value of learning — editorial sales-page section */
.hero-benefits{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 24px}
.hero-benefits span{font-size:.86rem;font-weight:700;color:#5d3f3a}
.hero-benefits span:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:7px;border:1px solid #c5a984;border-radius:50%;font-size:.65rem;color:#641e26}
.hero-price-note{margin-top:20px;color:#766962;font-size:.83rem;line-height:1.7}
.hero-price-note strong{font-weight:700;color:#553b37;font-size:1rem;margin:0 3px}
.hero-price-sep{margin:0 5px;color:#ad9986}
.value-section{padding:90px 0 80px;overflow:hidden;background:linear-gradient(180deg,#faf6ed 0%,#f6eee3 55%,#faf6ed 100%);border-bottom:1px solid #e0d2c2}
.value-intro{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.65fr);gap:6vw;align-items:end;margin-bottom:48px}
.value-intro h2{font:600 clamp(2.2rem,4.2vw,4.2rem)/1.18 "IBM Plex Sans Thai","Noto Sans Thai",sans-serif;letter-spacing:-.04em;margin:16px 0 20px;color:#2a1d1c}
.value-intro h2 em{font-style:normal;color:#67212b}
.value-intro p{max-width:780px;margin:0;font-size:1.08rem;color:#554b47;line-height:2}
.value-summary{border-top:2px solid #8b5a4d;padding:25px 0 0;margin-bottom:6px}
.value-summary>span{font:700 .64rem/1.6 system-ui,sans-serif;letter-spacing:.18em;color:#987264}
.value-summary strong{display:block;margin:14px 0 12px;font-size:1.35rem;line-height:1.65;letter-spacing:-.025em;color:#321d1b}
.value-summary strong em{font-style:normal;color:#8c3940}
.value-summary p{font-size:.85rem;line-height:1.75;color:#7d6b63}
.practice-lab{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(0,.76fr);border-radius:20px;overflow:hidden;box-shadow:0 32px 60px #321d1b18;margin-bottom:79px;min-height:620px}
.lab-paper{padding:29px 32px;background:#eee4d7;display:flex;flex-direction:column;min-width:0}
.lab-paper-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font:700 .62rem/1.5 system-ui,sans-serif;letter-spacing:.18em;color:#85695c;border-bottom:1px solid #cfc1b2;padding-bottom:16px}
.lab-paper-top span:last-child{color:#9d4945;text-align:right}
.lab-paper-body{background:#fffbf4;border-radius:4px;box-shadow:0 8px 28px #5a332a0b;border:1px solid #dbccba;margin:22px 0 16px;padding:34px 35px 29px;flex:1;transform:rotate(-.4deg)}
.lab-overline{color:#a04a42;font:700 .67rem/1.5 system-ui,sans-serif;letter-spacing:.16em;margin-bottom:28px}
.lab-question{font:600 clamp(1.15rem,2vw,1.55rem)/1.8 "Noto Sans JP",sans-serif!important;color:#272122!important;margin:0 0 25px!important;max-width:none!important}
.lab-question>span{color:#a23e42;background:linear-gradient(transparent 64%,#e7c1b1 64%)}
.lab-answer{display:flex;align-items:center;gap:15px;padding:11px 13px;margin-bottom:9px;border:1px solid #e5d9ce;border-radius:8px;background:#fbf8f2;color:#312a28;min-height:54px}
.lab-answer .lab-letter{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border-radius:50%;background:#eee3d6;font:700 .75rem system-ui,sans-serif}
.lab-answer>span:nth-child(2){font:600 1.2rem "Noto Sans JP",sans-serif}
.lab-answer small{font-size:.75rem;color:#8c7b74;margin-left:auto;text-align:right}
.lab-answer.selected{border:1px solid #9a4944;background:#f9ede7;box-shadow:inset 3px 0 #963e43}
.lab-answer.selected .lab-letter{background:#5c1a1f;color:white}
.lab-answer.selected small{color:#684b46}
.lab-check{font-size:1rem;color:#5c1a1f;font-weight:700}
.lab-rule{margin-top:28px;border-top:1px dashed #c5aa98;padding-top:20px}
.lab-rule>span{font:800 .65rem system-ui,sans-serif;letter-spacing:.18em;color:#aa4941}
.lab-rule>strong{display:block;margin:8px 0 8px;color:#5d252a;font:600 1.15rem/1.75 "Noto Sans JP",sans-serif}
.lab-rule p{margin:0!important;color:#584b47!important;font-size:.86rem!important;line-height:1.85!important;max-width:none!important}
.lab-footer{font-size:.72rem;color:#897264;line-height:1.6}
.lab-narrative{background:radial-gradient(ellipse at 85% 10%,#833e43 0%,transparent 38%),linear-gradient(150deg,#562028,#371218);padding:62px clamp(28px,4vw,60px) 45px;color:#faf1e5;display:flex;flex-direction:column;justify-content:space-between}
.lab-narrative .eyebrow{color:#d6b889;font-size:.68rem}
.lab-narrative h3{font:600 clamp(1.65rem,2.6vw,2.55rem)/1.42 "IBM Plex Sans Thai",sans-serif;margin:26px 0 19px;letter-spacing:-.025em}
.lab-narrative h3 em{font-style:normal;color:#f2c6af}
.lab-narrative>p{color:#e9d7ce;font-size:1rem;line-height:2;margin:0 0 31px}
.lab-steps{border-top:1px solid #ffffff45}
.lab-steps>div{display:grid;grid-template-columns:35px 1fr;column-gap:12px;padding:16px 0 14px;border-bottom:1px solid #ffffff20}
.lab-steps span{color:#cba982;font:italic 1.2rem Georgia,serif;grid-row:span 2}
.lab-steps b{display:block;font-size:.93rem}
.lab-steps small{display:block;color:#d3b6ae;font-size:.76rem}
.value-chapter-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:40px;align-items:end;margin-bottom:26px}
.value-chapter-heading h3{font-size:clamp(1.65rem,2.75vw,2.65rem);line-height:1.4;margin:10px 0 0;letter-spacing:-.03em;color:#2a1c1b}
.value-chapter-heading p{font-size:.96rem;color:#66554f;margin:0;line-height:1.9}
.value-chapter-heading p strong{color:#61232b}
.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.value-card{position:relative;display:flex;flex-direction:column;background:#fffbf5;border:1px solid #dfd1c1;border-radius:12px;padding:24px 23px 25px;min-width:0;box-shadow:0 6px 16px #321d1b06;transition:transform .2s,box-shadow .2s}
.value-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #321d1b12}
.value-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #e8dbcd;padding-bottom:14px}
.value-card-top span:first-child{font:italic 1.7rem/1 Georgia,serif;color:#81313a}
.value-category{font:700 .59rem/1.6 system-ui,sans-serif;letter-spacing:.11em;color:#97766a;text-align:right}
.value-motif{height:115px;margin:18px 0 9px;border-radius:7px;background:#f4eae0;display:flex;align-items:center;justify-content:center;gap:13px;overflow:hidden;color:#65252c;position:relative}
.value-motif.words{font:600 1.55rem "Noto Sans JP",sans-serif}
.value-motif.words span{padding:7px 9px;border:1px solid #cbb5a3;background:#fffbf4;border-radius:5px;box-shadow:4px 4px #decabd}
.value-motif.words i{height:1px;width:23px;background:#a67e6c;position:relative}
.value-motif.words i:after{content:"›";position:absolute;top:-16px;right:-2px}
.value-motif.grammar span{font:600 1.55rem "Noto Sans JP",sans-serif;background:#fffbf4;border:1px solid #d9c5b9;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;box-shadow:0 4px 0 #dfc7b8}
.value-motif.grammar span:nth-child(2){transform:translateY(-8px);background:#67252e;color:#f5e7d5}
.value-motif.reading{display:block;padding:20px 48px 19px 39px}
.value-motif.reading span:first-child{display:block;color:#99756a;font:700 .62rem system-ui;margin-bottom:10px}
.value-motif.reading .line-long,.value-motif.reading .line-short,.value-motif.reading .line-mid{display:block;background:#c4ab9f;height:5px;border-radius:4px;margin:10px 0}
.value-motif.reading .line-long{width:86%}.value-motif.reading .line-short{width:57%;background:#9a4347}.value-motif.reading .line-mid{width:73%}
.value-motif.reading b{position:absolute;font:italic 3rem Georgia,serif;right:28px;top:28px;color:#8f353a}
.value-motif.listening{gap:14px}.value-motif .wave{font:700 clamp(.9rem,2vw,1.3rem) system-ui,sans-serif;letter-spacing:1px;color:#8f3940}
.listen-dot{display:grid;place-items:center;width:55px;height:55px;background:#67242d;color:#f1ddc5;border-radius:50%;font:600 1.4rem "Noto Sans JP",sans-serif}
.value-motif.choices span{display:grid;place-items:center;width:45px;height:45px;border:1px solid #d6b7a9;background:#fcf6ed;border-radius:50%;font:700 1.1rem Georgia,serif}
.value-motif.choices .choice-ring{background:#67242d;color:#fff0dd;box-shadow:0 0 0 6px #c79c9066}
.value-motif.feedback span{font:italic 3rem Georgia,serif;color:#84404a}.value-motif.feedback span:nth-child(2){font-size:2rem;color:#b59b8d}.value-motif.feedback span:last-child{color:#fff4e4;background:#682530;width:60px;height:60px;border-radius:50%;display:grid;place-items:center}
.value-card h4{margin:7px 0 9px;line-height:1.45;color:#381e20;font-size:1.16rem;letter-spacing:-.02em}
.value-card p{font-size:.9rem;line-height:1.86;color:#62524c;margin:0 0 12px}
.value-card ul{padding:0;margin:0 0 22px;list-style:none}
.value-card li{font-size:.84rem;line-height:1.72;color:#4c4140;position:relative;padding:0 0 10px 17px}
.value-card li:before{content:"";position:absolute;top:10px;left:0;width:5px;height:5px;border-radius:50%;background:#a95850}
.value-card-takeaway{margin-top:auto;border-top:1px solid #e2d3c6;padding-top:14px;font-size:.84rem;line-height:1.8;color:#6b4846}
.value-card-takeaway b{color:#852f37;display:block;font-size:.7rem;letter-spacing:.04em}
.level-focus{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:22px}
.level-focus>div{padding:26px 30px 27px;border-radius:10px;background:#f0e4d6;border:1px solid #d9c6b4}
.level-focus>div:nth-child(2){background:#f2ded9;border-color:#d9b9b5}
.level-focus-badge{display:inline-block;background:#214c81;color:#fff;padding:3px 11px;border-radius:4px;font:700 .84rem system-ui,sans-serif;letter-spacing:.04em}
.level-focus-badge.n4{background:#963f3b}
.level-focus h4{font-size:1.16rem;margin:13px 0 6px;color:#342125}
.level-focus p{margin:0;color:#5e504b;font-size:.92rem;line-height:1.9}
.takeaways{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:55px;align-items:start;background:linear-gradient(135deg,#5b1b24,#3d121a);border-radius:17px;padding:50px 55px;margin-top:44px;color:#f8efe3}
.takeaways .eyebrow{color:#dcbf91}
.takeaways h3{font-size:clamp(1.65rem,2.8vw,2.55rem);line-height:1.4;margin:15px 0;letter-spacing:-.03em}
.takeaways p{margin:0;color:#e5cac4;line-height:1.85;font-size:.91rem}
.takeaways ul{list-style:none;margin:0;padding:0;display:grid;gap:0}
.takeaways li{border-bottom:1px solid #ffffff29;position:relative;padding:12px 0 13px 36px;line-height:1.65;font-size:.92rem}
.takeaways li:first-child{padding-top:0}.takeaways li:last-child{border-bottom:0}
.takeaways li:before{content:"✓";position:absolute;left:0;top:12px;width:23px;height:23px;border:1px solid #cfaa87;border-radius:50%;display:grid;place-items:center;font-size:.7rem;color:#edcfac}
.takeaways li:first-child:before{top:1px}
.value-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:30px;padding:8px 0 0}
.value-bottom p{margin:0;font-size:.81rem;color:#796960;max-width:700px;line-height:1.86}
.value-bottom p strong{font-size:.95rem;color:#4c2928}
.value-bottom>div{display:flex;flex-direction:column;gap:9px;align-items:center;flex:0 0 auto}
.value-bottom>div span{font-size:.73rem;color:#867467}
@media(max-width:1050px){
 .value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .value-intro{gap:30px}
 .lab-narrative{padding:42px 32px}
 .lab-paper{padding:25px}
 .lab-paper-body{padding:28px 25px}
 .takeaways{padding:40px;gap:30px}
}
@media(max-width:760px){
 .hero-benefits{gap:8px 12px;margin-bottom:19px}
 .hero-benefits span{font-size:.78rem}
 .hero-price-note{margin-top:17px;font-size:.76rem}
 .hero-price-note strong{font-size:.9rem}
 .value-section{padding:55px 0 58px}
 .value-intro,.practice-lab,.value-chapter-heading,.level-focus,.takeaways{grid-template-columns:1fr}
 .value-intro{gap:25px;margin-bottom:28px}
 .value-intro h2{font-size:clamp(2rem,9vw,2.85rem)}
 .value-intro p{font-size:.96rem;line-height:1.9}
 .value-summary{padding-top:15px}
 .value-summary strong{font-size:1.2rem}
 .practice-lab{margin-bottom:50px;min-height:0;border-radius:14px}
 .lab-paper{padding:18px}
 .lab-paper-top{font-size:.5rem}
 .lab-paper-body{padding:23px 17px 21px;margin:16px 0}
 .lab-question{font-size:1.02rem!important;line-height:2!important}
 .lab-answer{gap:8px;padding:9px}
 .lab-answer small{font-size:.61rem}
 .lab-rule p{font-size:.79rem!important}
 .lab-narrative{padding:32px 26px}
 .lab-narrative h3{font-size:1.9rem}
 .value-chapter-heading{gap:8px}
 .value-chapter-heading h3{font-size:1.7rem}
 .value-chapter-heading p{font-size:.87rem}
 .value-grid{grid-template-columns:1fr;gap:13px}
 .value-card{padding:22px 21px}
 .value-motif{height:95px}
 .value-card li{font-size:.88rem}
 .level-focus{margin-top:13px;gap:11px}
 .level-focus>div{padding:23px 24px}
 .takeaways{padding:31px 26px;gap:27px;margin-top:30px}
 .takeaways h3{font-size:1.82rem}
 .takeaways li{font-size:.85rem}
 .value-bottom{flex-direction:column;align-items:stretch;margin-top:25px}
 .value-bottom>div{align-items:stretch}
 .value-bottom>div .btn{text-align:center}
}
.pass-target{display:grid;grid-template-columns:1fr 1fr;gap:13px;background:#f3e8d9;border:1px solid #d9c6af;border-radius:12px;padding:17px 19px;margin:5px 0 25px}
.pass-target>div{border-radius:8px;background:#fffaf3;border:1px solid #e1d1c0;padding:14px 17px;display:flex;justify-content:space-between;gap:16px;align-items:center}
.pass-target>div span{font-size:.84rem;font-weight:700;color:#624840}
.pass-target>div strong{font:500 2.45rem/1 Georgia,serif;white-space:nowrap;color:#5c1a1f}
.pass-target>div strong small{font-size:1rem;color:#786459}
.pass-target>p{grid-column:1/-1;margin:2px 3px 0;color:#634d45;font-size:.88rem;line-height:1.75}
.pass-target>p b{color:#5c1a1f}
.curriculum-levels{margin:0;align-items:stretch}
.curriculum-levels .curriculum-card{display:flex;flex-direction:column;gap:0;padding:25px 27px 27px;border-top:4px solid #214c81}
.curriculum-levels .curriculum-card:nth-child(2){border-top-color:#963f3b}
.curriculum-levels .curriculum-card h4{font-size:1.27rem;margin:12px 0}
.curriculum-levels .curriculum-card ul{margin:0 0 20px;padding-left:19px;display:grid;gap:10px}
.curriculum-levels .curriculum-card li{font-size:.91rem;line-height:1.68;padding-left:2px;color:#443936}
.curriculum-levels .curriculum-card li b{color:#51232a}
.curriculum-goal{margin-top:auto;padding:17px 18px;border-radius:8px;background:#fffbf5;border:1px solid #ddcdbb}
.curriculum-goal b{display:block;font-size:.88rem;color:#74333a;margin-bottom:5px}
.curriculum-levels .curriculum-goal p{font-size:.92rem;line-height:1.7;margin:0;color:#4e423e}
.curriculum-footnote{margin:18px 0 0;font-size:.81rem;color:#706058;line-height:1.8}
.curriculum-footnote a{color:#752d37;font-weight:700;text-underline-offset:3px}
@media(max-width:760px){.pass-target{grid-template-columns:1fr;padding:13px;gap:9px}.pass-target>p{grid-column:auto}.pass-target>div{padding:11px 13px}.pass-target>div strong{font-size:2.05rem}.curriculum-levels .curriculum-card{padding:21px 20px}.curriculum-levels .curriculum-card li{font-size:.89rem}.curriculum-goal{padding:14px 15px}}