/* TCX workshop board: authored HTML/CSS, no third-party UI or artwork. */
:root{--tcx-ink:#17231f;--tcx-muted:#5a6a64;--tcx-teal:#0a7169;--tcx-deep:#064a46;--tcx-gold:#f2c66d;--tcx-line:#dce8e3;--tcx-paper:#f8f6f1}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--tcx-paper);color:var(--tcx-ink);margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.public-site-view{background:var(--tcx-paper);overflow:clip;padding:16px 24px 0}.public-header,.public-main,.public-footer{width:min(1200px,100%);margin:auto}.public-header{position:sticky;top:12px;z-index:60;display:flex;align-items:center;gap:20px;height:auto;min-height:76px;padding:13px 19px;background:#fffffff2;border:1px solid var(--tcx-line);border-radius:16px;box-shadow:0 7px 24px #064a4608;backdrop-filter:blur(14px)}.public-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;color:var(--tcx-deep)}.public-logo-mark,.public-logo-mark img{width:45px;height:45px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;object-fit:contain}.public-logo b{font-size:13px;line-height:1.25;letter-spacing:-.15px}.public-logo small{display:block;margin-top:4px;font-size:10px;font-weight:500;letter-spacing:1.8px;color:var(--tcx-muted)}.public-nav{display:flex;margin-left:auto;gap:19px}.public-nav a{font-size:11px;color:var(--tcx-muted);padding:10px 0;text-decoration:none;white-space:nowrap}.public-nav a:hover,.public-nav a.is-active{color:var(--tcx-teal)}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.public-learn-button,.header-admin{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 13px;border-radius:12px;font-size:12px;font-weight:650;text-decoration:none;white-space:nowrap;border:1px solid var(--tcx-line);font-family:inherit;cursor:pointer}.public-learn-button{color:#fff;background:var(--tcx-teal);border-color:var(--tcx-teal)}.public-learn-button:hover{background:var(--tcx-deep);color:#fff}.header-admin{background:#f2f6f3;color:var(--tcx-deep)}.header-actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:40px;height:44px;padding:0;border:1px solid var(--tcx-line);border-radius:12px;background:#fff;color:var(--tcx-deep);cursor:pointer}.menu-toggle span{width:15px;height:2px;background:currentColor;border-radius:1px}.public-main{padding-top:26px}.public-hero.workshop-hero{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:50px;padding:clamp(28px,5vw,64px);border:1px solid #0b645b;border-radius:16px;background:linear-gradient(115deg,#064a46,#09635b);box-shadow:none;overflow:hidden;position:relative}.workshop-hero::before{content:"";position:absolute;width:36%;height:100%;right:0;top:0;background:repeating-linear-gradient(0deg,transparent,transparent 35px,#ffffff06 35px,#ffffff06 36px);pointer-events:none}.hero-copy,.workshop-index{position:relative}.hero-copy h1{font-size:clamp(34px,4.6vw,60px);line-height:1.18;letter-spacing:-2px;color:#fff;margin:18px 0 22px;text-shadow:none}.hero-copy h1 em{font-style:normal;color:var(--tcx-gold)}.hero-copy .public-eyebrow{color:#b5d6c9;font-size:10px;letter-spacing:1.2px}.hero-copy>p:not(.public-eyebrow){color:#cce3d8;font-size:14px;line-height:1.85;max-width:570px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.download-primary,.outline-link{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:48px;padding:13px 18px;border-radius:12px;text-decoration:none;font-size:12px;font-weight:700}.download-primary{background:var(--tcx-gold);color:var(--tcx-deep);border:1px solid var(--tcx-gold);box-shadow:none}.download-primary:hover{background:#f6d796;color:var(--tcx-deep)}.outline-link{border:1px solid #b1d5c84d;color:#fff;background:transparent}.outline-link:hover{background:#ffffff0c;color:#fff}.workshop-index{display:flex;flex-direction:column;border-top:1px solid #ffffff2b}.workshop-index a{display:flex;align-items:center;gap:15px;padding:21px 0;color:#fff;text-decoration:none;border-bottom:1px solid #ffffff2b}.workshop-index a>span{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--tcx-gold)}.workshop-index b{font-size:14px;font-weight:650;flex:1}.workshop-index small{display:block;font-size:11px;font-weight:400;color:#a7cdc0;margin-top:6px}.workshop-index i{font-style:normal;color:var(--tcx-gold);font-size:17px}.sentence-workbench{display:grid;grid-template-columns:190px 1fr 160px;gap:28px;align-items:center;padding:25px 28px;margin:18px 0 60px;border:1px solid var(--tcx-line);border-left:4px solid var(--tcx-gold);border-radius:16px;background:#fff}.workbench-label{display:flex;align-items:center;gap:12px}.workbench-label>span{font-size:30px;font-weight:600;color:var(--tcx-teal)}.workbench-label small{font-size:8px;font-weight:750;letter-spacing:1.1px;color:var(--tcx-muted)}.workbench-label h2{font-size:14px;margin:5px 0 0;letter-spacing:0}.sentence-workbench .preview-word{margin:0;padding:0;text-align:left;background:none;border:0;border-radius:0;box-shadow:none}.preview-word strong{display:block;color:var(--tcx-deep);font-size:25px;line-height:1.5;font-weight:750}.preview-word em{display:block;color:#896121;font-size:13px;line-height:1.6;font-style:normal;margin-top:3px}.preview-word p{font-size:12px;line-height:1.6;margin:8px 0 2px;color:var(--tcx-ink)}.preview-word>span{font-size:12px;color:var(--tcx-muted)}.sentence-workbench .preview-audio{display:flex;flex-direction:column;gap:6px;margin:0}.preview-audio button{background:#edf5ef;border:1px solid var(--tcx-line);border-radius:10px;color:var(--tcx-teal);min-height:38px;padding:8px 12px;font-family:inherit;font-size:11px;cursor:pointer}.preview-audio button:hover{background:#dceee3}.public-main>section{scroll-margin-top:105px}.learning-world-grid{gap:18px}.learning-world-card,.conversation-post,.route-grid article,.path-week-card,.feedback-form,.dictionary-separation{border-radius:16px;box-shadow:0 7px 20px #064a4605;border:1px solid var(--tcx-line)}.learning-world-card>img{object-fit:contain;background:#eef2ed}.daily-learning-banner{border-radius:16px;overflow:hidden}.public-footer{margin-top:45px;border-top:1px solid var(--tcx-line)}.footer-link-group button,.footer-store{font-family:inherit}.feedback-form input,.feedback-form select,.feedback-form textarea{font-family:inherit;font-size:14px;border-radius:12px}.reveal-section{opacity:0;transform:translateY(9px);transition:opacity .4s ease-out,transform .4s ease-out}.reveal-section.in-view{opacity:1;transform:none}.workshop-hero{animation:workshopEntrance .42s ease-out both}button,a,input,textarea,select{transition:background-color .18s,border-color .18s,color .18s}a:focus-visible,button:focus-visible{outline:3px solid var(--tcx-gold);outline-offset:3px}@keyframes workshopEntrance{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1120px){.public-header{gap:12px;padding:12px 15px}.public-nav{gap:11px}.public-nav a{font-size:10px}.public-learn-button,.header-admin{font-size:11px;padding:10px}.workshop-hero{gap:30px}.sentence-workbench{grid-template-columns:155px 1fr 130px;gap:20px}}
@media(max-width:980px){.public-nav{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;margin:0;padding:12px;border:1px solid var(--tcx-line);border-radius:14px;background:#fff;flex-direction:column;gap:0;box-shadow:0 10px 25px #064a4610}.public-nav.is-open{display:flex}.public-nav a{font-size:13px;padding:12px}.header-actions{margin-left:auto}.menu-toggle{display:flex}}
@media(max-width:720px){.public-site-view{padding:10px 14px 0}.public-header{top:8px;padding:9px 11px;min-height:64px;border-radius:14px;gap:8px}.public-logo{gap:7px}.public-logo-mark,.public-logo-mark img{width:35px;height:35px}.public-logo b{font-size:11px}.public-logo small{display:none}.public-learn-button,.header-admin{min-height:40px;border-radius:10px;font-size:10px;padding:9px}.header-admin .admin-text{display:none}.header-admin{width:35px;padding:8px}.menu-toggle{width:35px;height:40px;border-radius:10px}.header-actions{gap:5px}.link-arrow{display:none}.public-learn-button svg{display:none}.public-main{padding-top:17px}.public-hero.workshop-hero{grid-template-columns:1fr;gap:27px;padding:29px 24px}.hero-copy h1{font-size:38px;letter-spacing:-1.4px}.hero-copy .public-eyebrow{font-size:8px}.hero-copy>p:not(.public-eyebrow){font-size:13px}.hero-actions{gap:8px;margin-top:23px}.download-primary,.outline-link{font-size:11px;min-height:44px;padding:12px 14px;gap:18px}.workshop-index a{padding:14px 0}.workshop-index b{font-size:12px}.workshop-index small{font-size:10px}.sentence-workbench{grid-template-columns:1fr;padding:22px;gap:16px;margin:14px 0 38px}.workbench-label h2{font-size:13px}.workbench-label small{font-size:8px}.workbench-label>span{font-size:25px}.preview-word strong{font-size:25px}.sentence-workbench .preview-audio{flex-direction:row;flex-wrap:wrap}.preview-audio button{flex:1;min-width:72px;min-height:40px}.feedback-form input,.feedback-form select,.feedback-form textarea{font-size:16px}.public-footer-expanded{padding-top:30px}}
@media(max-width:360px){.public-site-view{padding-left:10px;padding-right:10px}.public-header{padding:8px;gap:6px}.public-logo-mark,.public-logo-mark img{width:30px;height:30px}.public-logo b{font-size:10px}.public-learn-button{font-size:9px;padding:8px}.header-admin,.menu-toggle{width:31px}.hero-copy h1{font-size:33px}.public-hero.workshop-hero{padding:25px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-section{opacity:1;transform:none}}

/* Original Soft-3D geometry: three extruded study tiles built only with CSS. */
.public-header{box-shadow:0 3px 0 #dbe5dd,0 16px 30px #064a460a,inset 0 1px 0 #fff}.public-hero.workshop-hero{background:radial-gradient(ellipse at 76% 0%,#11857355,transparent 58%),linear-gradient(125deg,#064a46,#095d54);box-shadow:0 8px 0 #033d39,0 25px 45px #064a4621,inset 0 1px 0 #4aa88c60;overflow:visible;margin-bottom:28px}.hero-copy h1{text-shadow:0 3px 0 #033f38}.download-primary{background:linear-gradient(145deg,#ffdc91,#eab65a);border-color:#ffe1a0;box-shadow:0 4px 0 #ac7b2f,0 10px 20px #00000016;transform:translateY(0)}.download-primary:hover{transform:translateY(-2px);box-shadow:0 6px 0 #ac7b2f,0 13px 24px #00000018}.download-primary:active{transform:translateY(3px);box-shadow:0 1px 0 #ac7b2f}.public-learn-button{box-shadow:0 3px 0 #065b53;background:linear-gradient(145deg,#139382,#087068)}.sentence-workbench{background:linear-gradient(125deg,#fff,#f4f9f5);box-shadow:0 5px 0 #dfe9e1,0 16px 25px #064a4609,inset 0 1px 0 #fff}.preview-audio button{background:linear-gradient(145deg,#fff,#e2f1e6);box-shadow:0 2px 0 #c4d9cb}.workshop-aside{position:relative;min-width:0}.workshop-sculpture{position:relative;width:260px;height:175px;margin:-15px auto 22px;perspective:900px;isolation:isolate}.sculpture-tile{position:absolute;display:grid;place-items:center;width:109px;height:109px;border:1px solid #ffffff9c;border-radius:22px;transform-style:preserve-3d;box-shadow:7px 9px 0 #044a41,15px 20px 28px #001f2a30,inset 0 2px 2px #fff5;font-weight:700;animation:tileRise .6s ease-out both}.tile-back{left:127px;top:7px;transform:rotateY(-16deg) rotateZ(10deg);background:linear-gradient(145deg,#ffe1a4,#e5ae53);color:#806022;font-size:22px;z-index:1}.tile-middle{left:66px;top:30px;transform:rotateY(-16deg) rotateZ(-7deg);background:linear-gradient(145deg,#76cfb4,#31a08c);color:#e8fff2;font-size:40px;z-index:2;animation-delay:.07s}.tile-front{left:5px;top:55px;transform:rotateY(-16deg) rotateZ(-13deg);background:linear-gradient(145deg,#fff,#e4f5e8);z-index:3;animation-delay:.14s}.tile-front img{width:84px;height:84px;object-fit:contain}.sculpture-base{position:absolute;z-index:-1;left:13px;right:-3px;bottom:0;height:40px;border-radius:50%;background:#012e2999;filter:blur(16px)}.learning-world-card,.conversation-post,.route-grid article,.path-week-card{background:linear-gradient(135deg,#fff,#f8fbf8);box-shadow:0 4px 0 #dfe8e1,0 14px 24px #064a4608}.menu-toggle,.header-admin{box-shadow:0 2px 0 #dfe8e1}.workshop-index a{transition:background .2s,transform .2s}.workshop-index a:hover{transform:translateX(4px);background:#ffffff05}@keyframes tileRise{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(max-width:720px){.workshop-sculpture{width:210px;height:145px;margin:0 auto 18px}.sculpture-tile{width:90px;height:90px;border-radius:18px}.tile-back{left:105px;top:0;font-size:19px}.tile-middle{left:53px;top:25px;font-size:32px}.tile-front{left:3px;top:46px}.tile-front img{width:69px;height:69px}.public-hero.workshop-hero{margin-bottom:25px}}@media(prefers-reduced-motion:reduce){.sculpture-tile{animation:none!important;translate:0 0}.download-primary:hover,.download-primary:active,.workshop-index a:hover{transform:none}}