/* Clearer reading and task-first navigation across Toma Clara. */
.topbar nav{font-size:13px;gap:clamp(15px,2vw,30px)}
.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}
.quick-grid>a{display:flex;flex-direction:column;align-items:flex-start;min-height:245px;padding:23px 21px;border:1px solid var(--line);background:#faf8f3;transition:transform .18s ease,border-color .18s ease}
.quick-grid>a:hover,.study-card:hover{transform:translateY(-3px);border-color:#a9a18f}
.quick-grid>a>span,.study-card>span{font:10px var(--mono);letter-spacing:.8px;color:var(--muted)}
.quick-grid h3{font:500 21px/1.2 var(--serif);margin:24px 0 9px;letter-spacing:-.3px}
.quick-grid p{font-size:14px;line-height:1.65;color:#5f6059;margin:0 0 20px}
.quick-grid b,.study-card b{margin-top:auto;font-size:12px;color:var(--red)}
.card-copy>p:not(.photo-credit),.chat-library .card-copy>p{font-size:14px;line-height:1.7;color:#575950}
.section-aside{font-size:15px;line-height:1.75;max-width:460px}
.article-page .article-deck,.article-page .why,.article-page .guide-body section p,.article-page .instruction-panel li,.article-page .compat p{font-size:16px;line-height:1.8}
.article-page .prompt-panel pre{font-size:15px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.footer-links{row-gap:15px}
.chat-hero-note{font-size:13px!important;line-height:1.7!important;margin-top:14px!important;color:var(--muted)!important}
.chat-subnav,.student-subnav{position:sticky;top:76px;z-index:5;display:flex;gap:9px;overflow-x:auto;padding:12px clamp(22px,7.4vw,118px);border-bottom:1px solid var(--line);background:#f5f1e9f5;scrollbar-width:thin}
.chat-subnav a,.student-subnav a{flex:none;padding:10px 14px;border:1px solid var(--line);border-radius:99px;font-size:13px;color:#4e5048}
.chat-subnav a:hover,.student-subnav a:hover{border-color:var(--olive);color:var(--olive)}
.chat-group{scroll-margin-top:140px}
.chat-group .section-head{align-items:end}
.study-card{display:flex;flex-direction:column;min-height:226px;padding:23px;border:1px solid var(--line);background:#faf8f3;transition:transform .18s ease,border-color .18s ease}
.study-card h3{font:500 21px/1.25 var(--serif);margin:21px 0 8px}
.study-card>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#5d5e56;margin:0 0 18px}
.study-card>a{font-size:12px;font-weight:600;color:var(--red);margin-top:auto}
.library-next-step{font-size:15px;line-height:1.75;margin-top:27px;padding-top:18px;border-top:1px solid var(--line)}
.library-next-step a{font-weight:600;text-decoration:underline;text-decoration-color:#c7493270;text-underline-offset:3px}
.students-hero{max-width:1440px;margin:0 auto;padding:clamp(42px,7vw,92px) clamp(22px,9vw,140px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.68fr);align-items:center;gap:clamp(42px,8vw,125px);border-bottom:1px solid var(--line)}
.students-hero-copy h1{font:500 clamp(48px,6.2vw,80px)/.99 var(--serif);letter-spacing:-3px;margin:0 0 20px}
.students-hero-copy h1 em{font-weight:500;color:var(--red)}
.students-hero-copy>p:not(.eyebrow){max-width:640px;font-size:18px;line-height:1.75;color:#5d5e56;margin:0 0 25px}
.students-hero-copy .button{font-size:14px}
.students-hero-note{display:block;margin-top:16px;font-size:12px;line-height:1.7;color:var(--muted)}
.students-hero-aside{padding:22px 25px;background:#ebe7dc}
.students-hero-aside>span{font:10px var(--mono);letter-spacing:.8px;color:var(--muted)}
.students-hero-aside ol{list-style:none;margin:13px 0 0;padding:0}
.students-hero-aside li{display:flex;gap:17px;align-items:center;padding:15px 0;border-top:1px solid #d2ccbf;font-size:15px}
.students-hero-aside li>b{font:11px var(--mono);color:var(--red)}
.students-hero-aside li>a:hover{text-decoration:underline;text-underline-offset:4px}
.student-subnav{justify-content:center}
.study-section{padding-top:77px;padding-bottom:65px}
.study-groups{display:grid;gap:54px;margin-top:39px}
.study-group{scroll-margin-top:150px}
.study-group-head{display:flex;gap:17px;align-items:flex-start;margin-bottom:17px}
.study-group-head>span{font:12px var(--mono);color:var(--red);padding-top:5px}
.study-group-head h3{font:500 25px/1.2 var(--serif);margin:0 0 5px}
.study-group-head p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}
.study-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#leer .study-grid,#trabajos .study-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.norms-section{max-width:1220px;margin:0 auto;padding:58px clamp(22px,7.4vw,80px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,7vw,94px);background:#eae6db;scroll-margin-top:130px}
.norms-copy h2{font:500 clamp(30px,3.8vw,46px)/1.12 var(--serif);letter-spacing:-1px;margin:0 0 17px}
.norms-copy h2 em{color:var(--red);font-weight:500}
.norms-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#55574f;margin:0 0 23px}
.norms-copy .button{font-size:13px;line-height:1.5;gap:10px}
.norms-steps{list-style:none;margin:0;padding:0;counter-reset:norms}
.norms-steps li{counter-increment:norms;position:relative;padding:0 0 18px 44px;margin-bottom:17px;border-bottom:1px solid #d2ccbf}
.norms-steps li:last-child{border-bottom:0;margin-bottom:0}
.norms-steps li:before{content:'0' counter(norms);position:absolute;left:0;top:1px;font:11px var(--mono);color:var(--red)}
.norms-steps b,.norms-steps span{display:block}
.norms-steps b{font-size:15px;line-height:1.5}
.norms-steps span{font-size:13px;line-height:1.7;color:#66675f;margin-top:3px}
.evidence-section{padding-top:78px;padding-bottom:77px}
.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:25px}
.evidence-grid article{padding:22px;border:1px solid var(--line);background:#faf8f3}
.evidence-grid article>b{font:500 32px/1 var(--serif);color:var(--red)}
.evidence-grid article>p{min-height:78px;font-size:14px;line-height:1.7;color:#55574f}
.evidence-grid article>a{font-size:12px;line-height:1.6;text-decoration:underline;text-decoration-color:#c7493270;text-underline-offset:3px}
.evidence-caveat{font-size:12px;line-height:1.7;color:var(--muted);margin-top:16px}
.students-next{padding:46px clamp(22px,9vw,140px);background:var(--ink);color:var(--paper);display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.students-next>div{margin-right:auto}
.students-next h2{font:500 32px/1.1 var(--serif);margin:0 0 7px}
.students-next>div>p:not(.eyebrow){font-size:14px;line-height:1.65;color:#d1d0c9;margin:0}
.students-next .eyebrow{color:#c4c1b8;margin-bottom:12px}
.students-next-secondary{font-size:13px;border-bottom:1px solid #85857e;padding-bottom:5px}
@media(max-width:1020px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid>a{min-height:220px}.students-hero{padding-inline:clamp(22px,5vw,55px);gap:40px}}
@media(max-width:700px){.chat-subnav,.student-subnav{top:62px;justify-content:flex-start;padding:9px 18px}.chat-subnav a,.student-subnav a{font-size:12px;padding:9px 12px}.students-hero{padding:42px 22px;grid-template-columns:1fr;gap:30px}.students-hero-copy h1{font-size:clamp(46px,12vw,65px);letter-spacing:-2.5px}.students-hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.7}.students-hero-aside{padding:18px 20px}.student-subnav{top:60px}.study-section{padding-top:48px;padding-bottom:45px}.study-groups{gap:39px;margin-top:30px}.study-group-head h3{font-size:22px}.study-grid,#leer .study-grid,#trabajos .study-grid{grid-template-columns:1fr;gap:10px}.study-card{min-height:0;padding:19px}.study-card h3{margin-top:14px}.norms-section{grid-template-columns:1fr;padding:39px 22px;gap:30px}.norms-copy h2{font-size:34px}.evidence-section{padding-top:51px;padding-bottom:52px}.evidence-grid{grid-template-columns:1fr}.evidence-grid article{padding:19px}.evidence-grid article>p{min-height:0;margin-bottom:15px}.students-next{padding:35px 22px;display:grid;gap:15px}.students-next>div{margin:0}.students-next .button{justify-content:space-between}.quick-grid{grid-template-columns:1fr;gap:10px;margin-top:19px}.quick-grid>a{min-height:0;padding:18px}.quick-grid h3{margin:15px 0 7px}.quick-grid p{margin-bottom:12px}.article-page .article-deck,.article-page .why,.article-page .guide-body section p,.article-page .instruction-panel li,.article-page .compat p{font-size:15px}.article-page .prompt-panel pre{font-size:14px}.card-copy>p:not(.photo-credit),.chat-library .card-copy>p{font-size:13px}.section-aside{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.quick-grid>a,.study-card{transition:none}}