:root{--bg:#FAF7F2;--ink:#141210;--azulejo:#1B4B6B;--azulejo-soft:#DCE8EF;--sun:#E8A33D;--muted:#6E675F;--card:#fff;--line:#E4DDD4;--display:'Bitter',Georgia,serif;--body:'Golos Text',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 var(--body);-webkit-font-smoothing:antialiased}a{color:var(--azulejo)}h1,h2,h3{font-family:var(--display);line-height:1.13;letter-spacing:-.015em}h1{font-size:clamp(2.15rem,6vw,4rem);margin:.2em 0 .35em}h2{font-size:clamp(1.45rem,3.5vw,2rem);margin:2em 0 .75em}p{margin:0 0 1em}.seo-wrap{width:min(1080px,calc(100% - 40px));margin:auto}.article-narrow{max-width:780px}.seo-top{position:sticky;top:0;z-index:10;background:rgba(250,247,242,.94);backdrop-filter:blur(9px);border-bottom:1px solid var(--line)}.top-inner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:700 1.28rem var(--display);color:var(--ink);text-decoration:none}.brand span{color:var(--azulejo)}nav{display:flex;align-items:center;gap:20px}nav a{text-decoration:none;font-size:.92rem;font-weight:600}.small-cta{padding:9px 14px;border-radius:10px;background:var(--azulejo);color:#fff}.breadcrumbs{padding:18px 0 0;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:.82rem}.breadcrumbs a{font-weight:400}.article-hero,.hub-hero{padding:clamp(48px,8vw,88px) 0 42px}.eyebrow{display:inline-block;padding:5px 11px;border-radius:99px;background:var(--azulejo-soft);color:var(--azulejo);font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.lead{font-size:clamp(1.12rem,2.5vw,1.35rem);line-height:1.5;color:var(--muted);max-width:65ch}.article-body{padding-bottom:80px}.article-body>p:first-child{font-size:1.08rem}.lesson-tip{display:flex;gap:7px;flex-direction:column;margin:32px 0;padding:20px 22px;background:var(--azulejo-soft);border-left:4px solid var(--azulejo);border-radius:0 14px 14px 0}.lesson-tip span{color:#384c59}.phrase-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.phrase-card{display:flex;gap:15px;align-items:center;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:14px}.phrase-card>div{min-width:0;display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(180px,1fr);gap:2px 18px;align-items:center;width:100%}.phrase-card strong{font:700 1.07rem var(--display);color:var(--azulejo)}.phrase-card span{color:var(--ink)}.phrase-card small{grid-column:1/-1;color:var(--muted);font:13px/1.5 var(--mono)}.audio-btn{flex:none;width:46px;height:46px;display:grid;place-items:center;border:1px solid #bfd2dd;border-radius:50%;background:var(--azulejo-soft);color:var(--azulejo);cursor:pointer}.audio-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.audio-btn.playing{background:var(--azulejo);color:white}.editorial-list{padding-left:1.25em}.editorial-list li{margin:.65em 0}.course-cta{margin:54px 0;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--azulejo);color:#fff;border-radius:20px}.course-cta h2{margin:.12em 0 .3em}.course-cta p{margin:0;color:#e4edf2}.course-cta>div>span{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#bcd1dc}.btn-primary{display:inline-flex;justify-content:center;flex:none;padding:14px 22px;border-radius:11px;background:var(--sun);color:#2B1D06;text-decoration:none;font-weight:700;box-shadow:0 2px 0 #bd7b1d}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:15px 30px 15px 0;font-weight:700;position:relative;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:4px;color:var(--azulejo);font-size:1.3rem}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);padding-right:30px}.related{padding:58px 0;background:var(--azulejo-soft)}.related h2{margin:0 0 22px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.related-card,.hub-card{display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--card);text-decoration:none;color:var(--ink);transition:transform .15s,border-color .15s}.related-card:hover,.hub-card:hover{transform:translateY(-2px);border-color:#9bb6c5}.related-card span,.hub-card>span{color:var(--azulejo);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.related-card strong{font:700 1.06rem/1.3 var(--display);margin-top:7px}.hub-hero{text-align:center}.hub-section{padding:20px 0 80px}.hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.hub-card h2{font-size:1.35rem;margin:.45em 0}.hub-card p{color:var(--muted);flex:1}.hub-card b{color:var(--azulejo);font-size:.9rem}.hub-bottom{text-align:center;padding:64px 0;background:var(--azulejo-soft)}.hub-bottom h2{margin:0 0 .5em}.hub-bottom .btn-primary{margin-top:8px}footer{padding:34px 0;border-top:1px solid var(--line);color:var(--muted)}footer .seo-wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:.85rem}:focus-visible{outline:3px solid var(--sun);outline-offset:3px}
@media(max-width:700px){body{font-size:16px}.seo-wrap{width:min(100% - 30px,1080px)}.top-inner nav>a:first-child{display:none}.phrase-card{align-items:flex-start}.phrase-card>div{grid-template-columns:1fr}.phrase-card small{grid-column:auto}.course-cta{align-items:stretch;flex-direction:column}.related-grid,.hub-grid{grid-template-columns:1fr}.btn-primary{width:100%}footer .seo-wrap{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.related-card,.hub-card{transition:none}.related-card:hover,.hub-card:hover{transform:none}}