html{scroll-behavior:smooth;scroll-padding-top:20px}.brand-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#1d6048;color:#ffbd72}a{color:#1b6048}.intro{grid-template-columns:1.25fr .75fr;gap:60px;padding:48px 0 60px}.intro figure{max-width:370px;justify-self:end}.intro figure img{aspect-ratio:4/4.5;object-position:center 24%}.intro h1{font-size:clamp(32px,4vw,52px)}.intro-tags a{border:1px solid #d4ddcc;background:#fffdf8;padding:8px 14px;border-radius:25px;text-decoration:none;font-size:16px}.learn-section{padding:40px 0;border-top:1px solid #dce3d8}.learn-section>p{max-width:800px;color:#607564;line-height:1.7}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.learning-card{padding:24px;background:#fffef9;border:1px solid #d6e1d2;border-radius:20px;display:flex;flex-direction:column;align-items:flex-start;min-width:0;overflow-wrap:anywhere}.learning-card h3{font-weight:400;font-size:25px;line-height:1.4;margin:12px 0}.learning-card p{font-size:17px;color:#546b5c;line-height:1.7;margin:0 0 16px}.learning-card ol{padding-left:22px;color:#536e5b;line-height:1.8;font-size:16px;margin-top:0}.learning-card button,.primary{border:0;border-radius:10px;padding:11px 17px;background:#205e48;color:#fff;margin-top:auto}.learning-card a{margin:16px 0;line-height:1.5}.learning-card small{font-size:14px;color:#706647}.lesson-number{font:14px system-ui;background:#fbe7c8;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;color:#875229}.workspace{margin:20px 0 45px}.prompt-lab{padding:30px;border:1px solid #e5d4b9;border-radius:22px;background:#fff1db;margin:24px 0}.prompt-lab label{display:block;margin:12px 0}.prompt-lab textarea{display:block;width:100%;padding:16px;border-radius:12px;border:1px solid #cecab9;background:#fffef9;resize:vertical;margin-bottom:16px;color:#173f33}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.filters button{background:transparent;border:1px solid #cedecc;border-radius:24px;padding:8px 16px;color:#275d45}.filters button[aria-pressed=true]{background:#245f47;color:white}.demo-card details{margin-bottom:22px;width:100%;line-height:1.65}.demo-card summary{cursor:pointer;color:#8a4e24}.demo-card .sample-prompt{padding:14px;background:#f0f4e9;border-radius:12px;margin-top:14px}#demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hint{line-height:1.65}.brand small{letter-spacing:.5px}.learning-card button:hover,.primary:hover{background:#124832}.learning-card button:disabled{opacity:.6}@media(min-width:1000px){.chat-panel{height:760px}}@media(max-width:900px){.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{gap:24px}.intro figure{max-width:280px}.intro h1{font-size:35px}}@media(max-width:600px){header,main{padding-left:18px;padding-right:18px}.intro{grid-template-columns:1fr;padding-top:28px;gap:24px}.intro figure{width:100%;max-width:none}.intro figure img{aspect-ratio:1.4;object-position:center 24%}.lesson-grid,#demo-grid{grid-template-columns:1fr}.learn-section{padding:28px 0}.prompt-lab{padding:20px}.learning-card{padding:22px}.workspace{margin-top:8px}.intro h1{font-size:34px}.brand{font-size:25px}header>a:last-child{font-size:15px}}