/* SangSamStudy / learning laboratory visual direction */
:root{--paper:#f5f8f7;--ink:#123c37;--muted:#586f6b;--line:#d9e5e0;--mint:#7cf5cf;--gold:#f6c66b}body{background:var(--paper)}body:has(.hero){background:radial-gradient(ellipse 72% 520px at 80% 230px,#154e4b 0,transparent 75%),linear-gradient(#071e27 0 790px,var(--paper) 790px)}header{position:relative;border-color:#ffffff1c;z-index:2;max-width:1380px;height:108px}body:has(.hero) header{color:#dfefea}.brand{width:248px;padding:4px 15px;background:#fffdf5;border:1px solid #ffffff50;border-radius:12px;box-shadow:0 8px 22px #00000014}nav a{transition:color .2s,background .2s}nav a:hover{color:#42b694}body:has(.hero) .nav-cta{border-color:#7cf5cf66;color:var(--mint);background:#7cf5cf0b}.hero{position:relative;color:#eaf5f1;min-height:647px;padding-top:76px;padding-bottom:96px;gap:70px}.hero:before{content:"";position:absolute;inset:0 0 0 42%;background-image:linear-gradient(#7cf5cf0b 1px,transparent 1px),linear-gradient(90deg,#7cf5cf0b 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse at center,black,transparent 72%);pointer-events:none}.hero .eyebrow{color:#90d9c6;letter-spacing:2.1px}.hero .eyebrow i{background:var(--mint);box-shadow:0 0 15px #7cf5cf99}.hero h1{font-size:clamp(36px,3.8vw,55px);line-height:1.45;letter-spacing:-2.6px;margin-top:22px}.hero h1 em{background:linear-gradient(100deg,#91ffd3,#8fe5e6 65%,#d8ec9b);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{color:#adc4bf;font-size:16px}.hero-note{color:#94b8ad;letter-spacing:.3px;display:flex;align-items:center;gap:9px}.hero-note:before{content:"";width:20px;height:1px;background:var(--mint)}.hero .button{background:linear-gradient(110deg,#83f5cd,#b7f1b9);color:#083b31;border:1px solid #b2ffe3;box-shadow:0 0 25px #7cf5cf20;border-radius:9px}.hero .text-link{color:#e0efe7;border-color:#58766a}.button{transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #184f3a25}.hero .button:hover{box-shadow:0 0 32px #7cf5cf45}.sentence-board{transform:rotate(-3deg);border:1px solid #75eac859;background:linear-gradient(135deg,#164447e6,#092c36ed);box-shadow:0 25px 70px #0005,inset 0 1px #c4ffe520;border-radius:22px;padding:30px 28px 44px;isolation:isolate;animation:board-float 8s ease-in-out infinite}.sentence-board:before{content:"SENTENCE LAB";position:absolute;left:21px;top:-23px;padding:7px 14px;background:#133c3c;color:#a0f0d6;border:1px solid #69d6b575;box-shadow:0 6px 20px #0002;border-radius:8px;font:10px 'Malgun Gothic',sans-serif;letter-spacing:2px;transform:rotate(3deg)}.sentence-board:after{content:"●  CONNECT THE DOTS";position:absolute;right:8px;top:-62px;font:9px 'Malgun Gothic',sans-serif;letter-spacing:2px;color:#8ac3b0;transform:rotate(3deg)}.board-top{color:#a9cfc4;font-size:9px}.sentence{padding-top:61px;font-size:clamp(32px,3.4vw,46px)}.sentence .subject{color:#83f5cd;border-color:#83f5cd}.sentence .verb{color:#f6c66b;border-color:#f6c66b}.sentence .object{color:#a9d7fb;border-color:#a9d7fb}.sentence small{color:#9bbdb5}.board-line{background:#a8ecce22}.literal{color:#e1eee8}.literal span{color:#659888}.board-caption{color:#8db7a9}.floating-note{right:-11px;bottom:-25px;color:#183e34;background:#f2ce82;border:1px solid #ffdfa1;border-radius:10px;box-shadow:0 10px 35px #0003;transform:rotate(6deg)}.strip{position:relative;background:#103d39;color:#d5ede0;border:1px solid #337063;max-width:1156px;margin:0 auto;border-radius:14px;box-shadow:0 15px 35px #123c3715;font-size:13px;padding:24px 28px;gap:50px}.strip span{display:flex;align-items:center;gap:10px}.strip span:before{content:"✦";color:#9ee9bb;font-size:12px}.strip b{color:#77c4ab}.approach{padding-top:112px;padding-bottom:86px}.approach .eyebrow,.journal .eyebrow,.practice-section .eyebrow,.blog-head .eyebrow{color:#237f6c}.approach h2,.journal h2{letter-spacing:-1.5px}.principles>div{background:linear-gradient(90deg,#edf3ef,transparent);padding:18px 20px 1px 55px;margin-bottom:9px;border:1px solid #dce8e0;border-radius:12px}.principles b{left:18px;top:20px;color:#338d74}.principles p{margin-bottom:16px}.practice-section{background:radial-gradient(ellipse at 5% 50%,#d7ede3,transparent 55%),#e9f2ee;position:relative;border-block:1px solid #d9e9df}.practice-box{padding:31px;border-radius:19px;border-color:#b9d9cb;background:#ffffffdb;box-shadow:0 20px 50px #244e3b0c}.tabs button{border-radius:8px;background:#eff5f1;border-color:#dbe8e1}.tabs button[aria-pressed=true]{background:#164d43;box-shadow:0 4px 12px #174b3420}.example-english mark{background:#d2f4df;border-bottom:2px solid #65b48e;border-radius:4px}.practice-bottom button{background:#e8f2ec;padding:7px 12px;border-radius:7px}.article-card{border-radius:17px;border-color:#e0e8e2;box-shadow:0 7px 19px #214a3610;background:#fff}.article-card:hover{transform:translateY(-7px);box-shadow:0 17px 35px #1a453921}.article-art{position:relative;overflow:hidden;height:205px;isolation:isolate}.article-art:before{content:"";position:absolute;width:230px;height:230px;border:1px solid #ffffff80;border-radius:50%;right:-50px;top:-90px;z-index:-1;box-shadow:0 0 0 24px #ffffff16,0 0 0 50px #ffffff14}.article-art:after{content:"+";position:absolute;bottom:12px;right:22px;color:#ffffff8a;font:38px Georgia}.art-words{background:linear-gradient(135deg,#123d39,#346e56);color:#d5f8d9}.art-order{background:linear-gradient(135deg,#e8c579,#f3ddb2);color:#4c4b28}.art-modifier{background:linear-gradient(135deg,#264753,#3f7787);color:#c5f1e7}.art-modifier b{border-color:#7ee0c1}.art-writing{background:linear-gradient(135deg,#d4d2ee,#e8dff5);color:#554e80}.card-body{padding:26px}.read span{width:25px;height:25px;background:#edf5ef;border-radius:50%;display:grid;place-items:center}.roadmap{position:relative;overflow:hidden;background:radial-gradient(ellipse at 0% 100%,#255e4d,transparent 60%),linear-gradient(110deg,#092e32,#133e37);border:1px solid #2e6257;border-radius:22px;box-shadow:0 20px 40px #133e3714;isolation:isolate}.roadmap:before{content:"";position:absolute;width:550px;height:550px;border:1px solid #92edcb13;border-radius:50%;left:-200px;bottom:-400px;box-shadow:0 0 0 45px #92edcb08,0 0 0 90px #92edcb07;z-index:-1}.roadmap .eyebrow{color:#a9e7c9}.roadmap li>span{color:#a0f2ce}.light{border-radius:9px;background:#b8efcb;color:#143c32}.roadmap ol li:last-child{border-bottom:0}footer{border-color:#dbe6de}footer b{color:#164f40}.blog-head h1 em{color:#1a8871}.filters button{border-radius:8px}.filters button[aria-pressed=true]{background:#164d43}#search{border-radius:10px;box-shadow:0 4px 15px #183e3710}.post-header{border-bottom:2px solid #b9daca}.post-header .eyebrow{color:#24816a}.quote-example{border-radius:0 13px 13px 0;background:#e9f3eb;border-color:#44a282}.post-action{border-radius:13px;background:#e8f2eb;border:1px solid #cfe4d5;padding:25px}.post-action a{color:#18755b}.post-body .lead{color:#2b6b56}.blog-head{position:relative}.blog-head:after{content:"";position:absolute;z-index:-1;width:250px;height:250px;right:5%;top:50px;border-radius:50%;background:radial-gradient(circle,#d6eee1,transparent 70%)}@keyframes board-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(-2deg)}}@media(min-width:701px) and (max-width:1100px){.hero{gap:35px}.hero h1{font-size:40px}.strip{margin-left:28px;margin-right:28px;gap:25px}.sentence{font-size:32px}.sentence-board{padding-left:20px;padding-right:20px}}@media(max-width:700px){body:has(.hero){background:radial-gradient(ellipse 100% 500px at 90% 420px,#154e4b 0,transparent 90%),linear-gradient(#071e27 0 1050px,var(--paper) 1050px)}header{height:auto;min-height:110px;padding:16px 22px 19px}.brand{width:210px;padding:2px 10px;border-radius:9px}nav{font-size:11px}.hero{min-height:0;padding-top:45px;padding-bottom:64px;gap:78px}.hero h1{font-size:34px;letter-spacing:-1.7px}.hero-copy>p{font-size:14px}.hero .eyebrow{font-size:9px;letter-spacing:1.4px}.hero .text-link{font-size:12px}.hero .button{padding:14px 18px;font-size:12px}.sentence-board{border-radius:18px;margin-left:8px;margin-right:8px;padding:27px 20px 35px}.sentence-board:after{top:-55px;font-size:8px}.sentence{font-size:34px;padding-top:44px}.strip{margin:0 15px;padding:20px 10px;gap:9px;font-size:9px;border-radius:12px}.strip span{gap:5px}.strip span:before{display:none}.approach{padding-top:68px}.principles>div{padding-left:47px}.practice-box{padding:20px;border-radius:15px}.practice-section{padding-top:50px}.tabs button{font-size:10px;padding:8px 9px}.practice-bottom button{padding:6px 8px;font-size:10px}.article-art{height:190px}.roadmap{padding:32px 25px;border-radius:18px}.post-action{padding:20px}.post-header h1{font-size:30px}}@media(prefers-reduced-motion:reduce){.sentence-board{animation:none}.button{transition:none}.button:hover{transform:none}}