/* A warm editorial chapter, with native expandable teaching examples. */
#website .why-next{background:#fffaf1;color:#493e32;padding:96px max(6%,calc((100vw - 1180px)/2));scroll-margin-top:90px}
#website .why-heading{max-width:880px;margin:0 auto 60px;text-align:center}
#website .why-heading .eyebrow{font-size:14px;letter-spacing:.18em;color:#845a32}
#website .why-heading h2{font-size:clamp(34px,4.4vw,60px);line-height:1.16;letter-spacing:-.045em;margin:22px 0;color:#3d3329}
#website .why-heading h2 span{color:#a75d32}
#website .why-heading>p{font-size:18px;line-height:1.7;color:#756454;margin:0 auto}
#website .why-editorial{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:64px;align-items:start}
#website .why-anchor{position:sticky;top:112px;background:#f5dfb9;border:1px solid #e8cc9c;border-radius:28px 28px 90px 28px;padding:40px 36px 44px}
#website .why-kicker{display:block;font-size:13px;font-weight:600;letter-spacing:.1em;color:#785131;line-height:1.6}
#website .why-anchor h3{font-size:clamp(27px,2.65vw,38px);line-height:1.24;letter-spacing:-.04em;margin:26px 0 20px;color:#493722}
#website .why-anchor h3 span{color:#9b552e}
#website .why-anchor>p{font-size:16px;line-height:1.8;color:#65513d;margin:0}
#website .why-companion{display:flex;align-items:center;gap:14px;margin:34px 0}
#website .why-companion img{width:90px;height:90px;object-fit:contain;flex-shrink:0}
#website .why-companion blockquote{margin:0;font-size:16px;line-height:1.7;font-weight:500;color:#6a482b}
#website .why-anchor .button,#website .why-close .button{font-size:14px;line-height:1.4;min-height:42px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#5b3d29;border:1px solid #5b3d29;color:#fff8eb;box-shadow:none;text-align:center}
#website .why-anchor .button:hover,#website .why-close .button:hover{background:#795033;color:#fff8eb}
#website .why-anchor-note{display:block;font-size:13px;color:#72573a;margin-top:14px}
#website .why-chapter{border-top:1px solid #ded0bc}
#website .why-chapter:last-child{border-bottom:1px solid #ded0bc}
#website .why-chapter summary{list-style:none;display:grid;grid-template-columns:30px 1fr 26px;gap:14px;cursor:pointer;padding:26px 0;align-items:start;border-radius:0}
#website .why-chapter summary::-webkit-details-marker{display:none}
#website .why-index{font-size:14px;color:#a3653b;padding-top:3px}
#website .why-chapter summary small{display:block;font-size:12px;line-height:1.5;letter-spacing:.09em;color:#77614c;font-weight:600;margin-bottom:8px}
#website .why-chapter summary strong{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:clamp(20px,1.8vw,25px);line-height:1.4;letter-spacing:-.03em;font-weight:500;color:#493729}
#website .why-expand{width:26px;height:26px;border:1px solid #d4b998;border-radius:50%;display:grid;place-items:center;font:20px/1 Inter,sans-serif;margin-top:20px;color:#94603c}
#website .why-expand:after{content:'+'}
#website .why-chapter[open] .why-expand:after{content:'−'}
#website .why-chapter summary:hover strong{color:#a25930}
#website .why-chapter summary:focus-visible{outline:2px solid #a25930;outline-offset:6px}
#website .why-chapter-body{padding:0 0 30px 44px}
#website .why-chapter-body>p{font-size:16px;line-height:1.8;margin:0 0 22px;color:#6b5947}
#website .why-example{background:#f5ecdf;border:1px solid #e6d9c6;border-radius:16px;padding:22px;color:#58422e}
#website .why-example-label{font-size:12px;font-weight:500;letter-spacing:.06em;line-height:1.6;display:block;color:#7b654e;margin-bottom:18px}
#website .why-student{margin:0 0 17px;font-size:16px;line-height:1.6;padding-bottom:15px;border-bottom:1px solid #ddcdb6;color:#533f2b}
#website .why-lumi{font-size:16px;line-height:1.75;margin:0;color:#584632}
#website .why-lumi b{display:block;color:#9a592f;margin-bottom:5px;font-weight:600}
#website .why-fraction{display:flex;gap:4px;align-items:center;margin-top:20px;flex-wrap:wrap}
#website .why-fraction i{width:26px;height:30px;background:#c78b4c;border:1px solid #a87642;border-radius:3px}
#website .why-fraction i:nth-child(4){background:transparent;border-style:dashed}
#website .why-fraction span{margin-left:10px;font-size:18px;color:#644627;white-space:nowrap}
#website .why-memory{list-style:none;padding:0;margin:0}
#website .why-memory li{display:grid;grid-template-columns:70px 1fr;gap:14px;font-size:15px;line-height:1.7;padding:12px 0;border-top:1px solid #e1d3bf}
#website .why-memory b{font-weight:500;color:#975a31}
#website .why-parent{margin:0}
#website .why-parent>div{padding:12px 0;border-top:1px solid #e1d3bf;font-size:15px;line-height:1.6}
#website .why-parent dt{font-weight:600;color:#8e542d;margin-bottom:5px}
#website .why-parent dd{margin:0}
#website .why-everyday{margin-top:64px;padding-top:44px;border-top:1px solid #dfd1bc;display:grid;grid-template-columns:1fr 1.7fr;gap:64px}
#website .why-everyday h3{font-size:26px;line-height:1.4;font-weight:500;margin:16px 0 0}
#website .why-everyday ul{display:grid;grid-template-columns:1fr 1fr;gap:30px;list-style:none;padding:0;margin:0}
#website .why-everyday strong{display:block;font-size:16px;font-weight:600;line-height:1.6;margin-bottom:6px}
#website .why-everyday li span{display:block;font-size:15px;line-height:1.7;color:#72604d}
#website .why-close{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid #dfd1bc;margin-top:44px;padding-top:36px}
#website .why-close p{font-size:22px;line-height:1.6;margin:0;color:#7a6048}
#website .why-close strong{font-weight:500;color:#493729}
#website .why-availability{font-size:13px;line-height:1.6;margin:25px 0 0;color:#786854}
@media(max-width:960px){#website .why-editorial{gap:30px}#website .why-anchor{padding:28px 24px 38px}#website .why-companion{align-items:flex-start;gap:6px}#website .why-companion img{width:60px;height:70px}#website .why-everyday{gap:30px}}
@media(max-width:700px){#website .why-next{padding:65px 6%}#website .why-heading{margin-bottom:34px}#website .why-heading>p{font-size:16px}#website .why-editorial,#website .why-everyday{grid-template-columns:1fr;gap:30px}#website .why-anchor{position:static;border-radius:22px 22px 60px 22px}#website .why-anchor h3{font-size:30px}#website .why-chapter-body{padding-left:0}#website .why-chapter summary{grid-template-columns:24px 1fr 26px;gap:10px}#website .why-everyday{margin-top:38px;padding-top:30px}#website .why-everyday ul{gap:24px 18px}#website .why-close{align-items:flex-start;flex-direction:column}#website .why-close p{font-size:19px}#website .why-heading h2{font-size:34px}}
@media(max-width:380px){#website .why-everyday ul{grid-template-columns:1fr}#website .why-example{padding:16px}#website .why-fraction span{font-size:16px;margin-left:4px}}