body{background:#fff}
.article-main{padding:clamp(2rem,5vw,5rem) 0 clamp(4rem,8vw,7rem);background:linear-gradient(180deg,#f5f8f9 0,#fff 28rem)}
.article-shell{width:min(100% - 2rem,60rem);margin-inline:auto}
.breadcrumbs{display:flex;align-items:center;gap:.55rem;margin-bottom:2.5rem;color:var(--muted);font-size:.84rem}
.breadcrumbs a{text-underline-offset:.2rem}
.article-header{max-width:54rem;margin-inline:auto;text-align:center}
.article-header h1{margin:.9rem 0 1.1rem;font-size:clamp(2.3rem,6vw,4.7rem);line-height:1.02;letter-spacing:-.05em;text-wrap:balance}
.article-lead{max-width:48rem;margin:0 auto 1.2rem;color:var(--muted);font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.65}
.article-header time{color:#b95740;font-size:.82rem;font-weight:800}
.article-cover{overflow:hidden;margin:2.5rem auto 3.5rem;border-radius:1.4rem;background:var(--surface);box-shadow:0 24px 60px #14232d1a}
.article-cover img{display:block;width:100%;height:auto;max-height:38rem;object-fit:cover}
.article-content{max-width:48rem;margin-inline:auto;color:#263a44;font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.82}
.article-content p,.article-content ul,.article-content ol,.article-content blockquote{margin:0 0 1.35rem}
.article-content h2{margin:3rem 0 1rem;color:var(--ink);font-size:clamp(1.65rem,3vw,2.2rem);line-height:1.2;letter-spacing:-.025em}
.article-content h3{margin:2rem 0 .7rem;color:var(--ink);font-size:1.35rem}
.article-content a{color:#9f3f2c;font-weight:700;text-decoration-thickness:.08rem;text-underline-offset:.16rem}
.article-content img{display:block;max-width:100%;height:auto;margin-inline:auto;border-radius:1rem}
.article-content figure{margin:2rem 0}
.article-content figcaption{margin-top:.65rem;color:var(--muted);font-size:.8rem;text-align:center}
.article-content table{display:block;width:100%;margin:2rem 0;overflow-x:auto;border-collapse:collapse}
.article-content th,.article-content td{min-width:9rem;padding:.8rem;border:1px solid #d8e2e6;text-align:left;vertical-align:top}
.article-content th{background:var(--ink);color:#fff}
.article-content blockquote{padding:1rem 1.25rem;border-left:.3rem solid var(--brand);background:#fff4f0}
.legacy-copy{white-space:pre-line}
.legacy-copy h2,.legacy-copy h3,.legacy-copy p,.legacy-copy ul,.legacy-copy ol,.legacy-copy figure,.legacy-copy table{white-space:normal}
.article-share{max-width:48rem;margin:4rem auto 0;padding:clamp(1.25rem,3vw,2rem);border:1px solid #dbe5e8;border-radius:1.3rem;background:linear-gradient(145deg,#f7fafb,#fff);box-shadow:0 18px 45px #14232d0d}
.article-share-heading h2{margin:.45rem 0 .45rem;color:var(--ink);font-size:clamp(1.55rem,3vw,2rem);letter-spacing:-.025em}
.article-share-heading p{margin:0;color:var(--muted);line-height:1.55}
.article-share-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.35rem}
.share-button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.5rem;padding:.68rem .9rem;border:0;border-radius:.75rem;background:#edf2f4;color:var(--ink);font:inherit;font-size:.82rem;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.share-button>span{display:grid;min-width:1.25rem;height:1.25rem;place-items:center;font-size:.82rem;font-weight:900;line-height:1}
.share-button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #14232d1a;filter:saturate(1.08)}
.share-button:focus-visible{outline:3px solid #e97a5e66;outline-offset:2px}
.share-facebook{background:#1877f2;color:#fff}.share-instagram{background:linear-gradient(135deg,#833ab4,#e1306c 55%,#f77737);color:#fff}.share-x{background:#111;color:#fff}.share-linkedin{background:#0a66c2;color:#fff}.share-whatsapp{background:#25d366;color:#092f19}.share-telegram{background:#229ed9;color:#fff}.share-email{background:#fff1ec;color:#8f3a28}.share-native{background:var(--brand);color:#fff}.share-copy{border:1px solid #cedadd;background:#fff}
.article-share-status{min-height:1.3rem;margin:.8rem 0 0;color:#526873;font-size:.8rem;font-weight:700}
.article-faq{max-width:48rem;margin:4rem auto 0}
.article-faq h2{font-size:clamp(1.8rem,3vw,2.4rem)}
.article-faq details{border-top:1px solid #dbe4e7}
.article-faq details:last-child{border-bottom:1px solid #dbe4e7}
.article-faq summary{padding:1.15rem 0;cursor:pointer;font-weight:800}
.article-faq p{margin:0 0 1.2rem;color:var(--muted);line-height:1.7}
.article-cta{display:flex;margin-top:4rem;padding:clamp(1.5rem,4vw,2.5rem);align-items:center;justify-content:space-between;gap:2rem;border-radius:1.4rem;background:var(--ink);color:#fff}
.article-cta h2{max-width:20ch;margin:.6rem 0;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15}
.article-cta p{margin:0;color:#c8d4d8}
.article-cta-actions{display:grid;flex:0 0 auto;gap:.7rem;text-align:center}
.article-cta-actions .secondary-button{padding:.8rem 1.1rem;border:1px solid #ffffff55;border-radius:.8rem;font-weight:800;text-decoration:none}
.back-link{margin-top:2rem;text-align:center}
.back-link a{color:var(--brand-dark);font-weight:800;text-underline-offset:.2rem}
@media(max-width:42rem){.article-main{padding-top:1.5rem}.breadcrumbs{margin-bottom:1.7rem}.article-cover{margin:2rem 0 2.5rem;border-radius:1rem}.article-share{margin-top:3rem;padding:1.15rem}.article-share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.share-button{width:100%;padding-inline:.55rem}.article-cta{display:grid}.article-cta-actions{width:100%}}