/* ========================================
   SERGIO RAMOS — Blog CSS
   Article, prose, inline interactions
   ======================================== */

.rdprog{position:fixed;top:0;left:0;width:0;height:3px;background:var(--tc);z-index:200;transition:width .1s linear}

.bread{font-family:var(--fm);font-size:.65rem;color:var(--ash);letter-spacing:.5px;padding-top:calc(var(--nh) + 1.5rem)}.bread a{transition:color .2s}.bread a:hover{color:var(--tc)}.bread span{color:var(--sa)}
.article{max-width:680px;margin:0 auto;padding:1.5rem 0 3rem}.article__meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.article__cat{font-family:var(--fm);font-size:.6rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--tc);background:var(--tc1);padding:2px 8px;border-radius:4px}.article__date{font-family:var(--fm);font-size:.65rem;color:var(--ash)}.article__reading{font-family:var(--fm);font-size:.65rem;color:var(--sa)}.article h1{font-family:var(--fd);font-weight:400;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.08;color:var(--n);letter-spacing:-.02em;margin-bottom:1.25rem}.article h1 em{font-style:italic}
.prose h2{font-family:var(--fd);font-weight:400;font-size:clamp(1.2rem,2.5vw,1.6rem);line-height:1.15;color:var(--n);margin:2.25rem 0 .6rem}.prose h2 em{font-style:italic}.prose p{font-size:.95rem;color:var(--gr);line-height:1.8;margin-bottom:1rem}.prose strong{color:var(--n);font-weight:600}.prose em{color:var(--tc);font-style:italic}.prose blockquote{margin:1.75rem 0;padding:1.25rem 1.5rem;border-left:3px solid var(--tc);background:var(--sn);border-radius:0 8px 8px 0;font-family:var(--fd);font-size:1.1rem;line-height:1.35;color:var(--n)}
.claim{margin:2rem 0;text-align:center;padding:1.5rem 1rem}.claim__text{font-family:var(--fd);font-size:clamp(1.3rem,3vw,1.9rem);line-height:1.12;color:var(--n)}.claim__text em{font-style:italic;color:var(--tc)}
.inline-cta{margin:2rem 0;padding:1.5rem;background:var(--n);border-radius:14px;text-align:center}.inline-cta p{font-family:var(--fd);font-size:1.05rem;color:#fff;margin-bottom:.65rem;line-height:1.3}.inline-cta p em{color:var(--tc)}.inline-cta .sub{font-size:.72rem;color:var(--ash);margin-top:.4rem}
.quiz-inline{margin:2rem 0;padding:1.75rem;background:var(--iv);border-radius:14px}.quiz-inline__title{font-family:var(--fd);font-size:1.15rem;color:var(--n);margin-bottom:1rem;text-align:center}.quiz-inline__title em{font-style:italic}.quiz-inline__opts{display:flex;flex-direction:column;gap:.5rem}.quiz-inline__opt{padding:.75rem 1rem;background:var(--w);border:.5px solid var(--st);border-radius:8px;font-family:var(--fh);font-size:.84rem;font-weight:500;color:var(--n);cursor:pointer;transition:all .15s var(--e);text-align:left}.quiz-inline__opt:hover{border-color:var(--tc);background:var(--tc1)}.quiz-inline__opt.selected{border-color:var(--tc);background:var(--tc1);color:var(--tc)}.quiz-inline__result{display:none;text-align:center;padding-top:1rem}.quiz-inline__result.on{display:block;animation:fadeUp .4s var(--e)}.quiz-inline__verdict{font-family:var(--fd);font-size:1.2rem;color:var(--n);margin-bottom:.35rem;line-height:1.25}.quiz-inline__verdict em{font-style:italic;color:var(--tc)}.quiz-inline__sub{font-size:.8rem;color:var(--ash);margin-bottom:.75rem}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.mini-form{margin:2rem 0;padding:1.75rem;background:var(--n);border-radius:14px;text-align:center}.mini-form__title{font-family:var(--fd);font-size:1.15rem;color:#fff;margin-bottom:.3rem}.mini-form__title em{color:var(--tc)}.mini-form__sub{font-size:.78rem;color:var(--ash);margin-bottom:1rem}.mini-form__row{display:flex;gap:.5rem;max-width:400px;margin:0 auto}.mini-form__input{flex:1;padding:.7rem .9rem;background:rgba(255,255,255,.08);border:.5px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:.84rem;transition:border-color .2s}.mini-form__input::placeholder{color:rgba(255,255,255,.3)}.mini-form__input:focus{border-color:var(--tc)}.mini-form__btn{padding:.7rem 1.25rem;background:var(--tc);color:#fff;font-family:var(--fh);font-size:.84rem;font-weight:500;border-radius:8px;transition:all .2s var(--e);white-space:nowrap}.mini-form__btn:hover{background:var(--cp)}.mini-form__note{font-size:.65rem;color:rgba(255,255,255,.25);margin-top:.5rem}.mini-form__ok{display:none;color:var(--tc);font-family:var(--fd);font-size:1.1rem}@media(max-width:480px){.mini-form__row{flex-direction:column}}
.share{display:flex;align-items:center;gap:.75rem;padding:1.25rem 0;border-top:.5px solid var(--st);margin-top:1.75rem}.share__label{font-family:var(--fh);font-size:.78rem;font-weight:500;color:var(--ash)}.share__btn{font-family:var(--fh);font-size:.75rem;font-weight:500;color:var(--gr);padding:.35rem .75rem;border:.5px solid var(--st);border-radius:6px;transition:all .2s}.share__btn:hover{border-color:var(--tc);color:var(--tc)}
.author{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--sn);border-radius:14px;margin-top:1.5rem}.author__img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0}.author__name{font-family:var(--fh);font-size:.88rem;font-weight:600;color:var(--n)}.author__bio{font-size:.75rem;color:var(--ash);line-height:1.5;margin-top:.1rem}

.ft{margin-top:2rem}