/* Common visual system for the standalone Spanish Giggle lessons. */
body.lesson-irregular,body.lesson-periphrases,body.lesson-present{background:#fffaf2;color:#1e433a;font-family:"Segoe UI",Arial,Helvetica,sans-serif}
body.lesson-irregular h1,body.lesson-irregular h2,body.lesson-periphrases h1,body.lesson-periphrases h2,body.lesson-present h1,body.lesson-present h2{font-family:Georgia,"DejaVu Serif",serif;letter-spacing:-.035em;color:#123c31}
body.lesson-irregular h3,body.lesson-periphrases h3,body.lesson-present h3{color:#275d50}
body.lesson-irregular .sg-sitebar,body.lesson-periphrases .sg-sitebar,body.lesson-present .sg-sitebar{background:#fffaf2;border-bottom:1px solid #dce6db;max-width:none;margin:0;padding:0;border-radius:0;box-shadow:none;color:#18483e}
body.lesson-irregular .sg-sitebar nav,body.lesson-periphrases .sg-sitebar nav,body.lesson-present .sg-sitebar nav{display:flex;position:static;background:transparent;border:0;box-shadow:none;padding:0;margin:0;gap:16px;overflow:visible;max-width:none}
body.lesson-irregular .sg-sitebar nav a,body.lesson-periphrases .sg-sitebar nav a,body.lesson-present .sg-sitebar nav a{color:#275d50;background:transparent;border-radius:99px;font-size:14px;text-decoration:none}
body.lesson-irregular .sg-sitebar nav a:first-child,body.lesson-periphrases .sg-sitebar nav a:first-child,body.lesson-present .sg-sitebar nav a:first-child{background:#f4faf3;border:1px solid #d2e0d5}
body.lesson-irregular .sg-sitebar nav a:last-child,body.lesson-periphrases .sg-sitebar nav a:last-child,body.lesson-present .sg-sitebar nav a:last-child{color:#9e5041}
body.lesson-irregular .hero,body.lesson-periphrases .masthead{background:linear-gradient(122deg,#e8f2e9 0%,#fff5ec 72%,#f8e3d8 100%);border:1px solid #dfebdf;border-radius:24px;max-width:1100px;margin:23px auto 0;box-shadow:none;overflow:hidden}
body.lesson-irregular .hero{padding:0 22px}
body.lesson-periphrases .masthead{padding:12px 22px}
body.lesson-periphrases .hero{background:transparent;border:0;box-shadow:none;margin:0;padding:0;max-width:none}
body.lesson-irregular .hero h1,body.lesson-periphrases .masthead h1{font-weight:650;font-size:clamp(2.2rem,5vw,3.6rem)}
body.lesson-irregular .brand,body.lesson-periphrases .brand,body.lesson-irregular .eyebrow{color:#9e5041}
body.lesson-irregular .tabs-wrap,body.lesson-periphrases .tabs-wrap{position:relative;top:auto;background:#fffaf2;border:0;backdrop-filter:none;margin-top:10px}
body.lesson-irregular .tab,body.lesson-periphrases .tab{background:#e8f2e9;border:1px solid #d2e0d5;border-radius:12px;color:#275d50}
body.lesson-irregular .tab[aria-selected="true"],body.lesson-periphrases .tab[aria-selected="true"]{background:#275d50;color:white}
body.lesson-irregular .card,body.lesson-periphrases .card{background:#fffdfb;border:1px solid #dce6dc;box-shadow:0 12px 35px #1a473b0a;border-radius:20px}
body.lesson-irregular button.primary,body.lesson-periphrases button.primary,body.lesson-present button.primary{background:#275d50;color:white;border-color:#275d50}
body.lesson-irregular .badge,body.lesson-periphrases .badge{background:#fffdf8;color:#275d50;border-color:#dfebdf}
body.lesson-present>header:not(.sg-sitebar){background:linear-gradient(122deg,#e8f2e9 0%,#fff5ec 72%,#f8e3d8 100%);border:1px solid #dfebdf;color:#1e433a;max-width:840px;box-shadow:none}
body.lesson-present>header:not(.sg-sitebar) h1{color:#123c31}
body.lesson-present>header:not(.sg-sitebar) p{color:#385b50}
body.lesson-present>header:not(.sg-sitebar) .brand{color:#9e5041}
body.lesson-present section{background:#fffdfb;box-shadow:0 12px 35px #1a473b0a;border-color:#dce6dc}
body.lesson-present .tag{color:#275d50;background:#e8f2e9}
body.lesson-present nav:not(.sg-sitebar nav) a{background:#e8f2e9;color:#275d50}
body.lesson-present .reading{background:#fffaf2;border-color:#e78b73}
body.lesson-present .tab[aria-pressed="true"]{background:#275d50;border-color:#275d50}
body.lesson-present .score{background:#e8f2e9}
@media(max-width:700px){body.lesson-irregular .hero,body.lesson-periphrases .masthead{margin:12px 12px 0;border-radius:19px;padding:15px}body.lesson-irregular .hero-inner,body.lesson-periphrases .hero{grid-template-columns:1fr}body.lesson-irregular .hero-art,body.lesson-periphrases .hero-card{display:none}body.lesson-irregular .sg-sitebar nav,body.lesson-periphrases .sg-sitebar nav,body.lesson-present .sg-sitebar nav{gap:3px}body.lesson-irregular .sg-sitebar nav a,body.lesson-periphrases .sg-sitebar nav a,body.lesson-present .sg-sitebar nav a{font-size:12px;padding:7px 8px}}