:root{color-scheme:light;--ink:#17171a;--muted:#66636a;--line:#dedde0;--paper:#fff;--soft:#f4f3f4;--wine:#8e243c;--wine-dark:#6e1b31;--gold:#b98b57}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid var(--wine);outline-offset:4px}
.skip-link{position:absolute;z-index:20;left:16px;top:-100px;background:#fff;padding:12px 18px}
.skip-link:focus{top:12px}
.site-header{background:#16161a;color:#fff}
.header-inner{max-width:1240px;margin:auto;min-height:72px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:inline-flex;align-items:center;gap:11px;font-family:Georgia,serif;font-weight:700;font-size:25px;letter-spacing:-.06em;white-space:nowrap}
.brand-mark{width:28px;height:28px;border:1px solid var(--gold);color:#f1d5b5;display:grid;place-items:center;font-size:19px;line-height:1;letter-spacing:-.12em;padding-right:2px}
.brand-accent{color:#d5ad7a}
.site-header nav a{font-size:14px;font-weight:700;letter-spacing:.02em;border-bottom:1px solid #a88b69;padding-bottom:5px}
.site-header nav a:hover{color:#e7c69d}
.article-page,.listing-page{max-width:1240px;margin:0 auto;padding:0 32px}
.article-grid{display:grid;grid-template-columns:minmax(0,780px) minmax(260px,320px);gap:68px;align-items:start}
.article{padding-top:56px;min-width:0}
.eyebrow,.section-kicker,.sidebar-kicker{color:var(--wine);font-size:12px;font-weight:800;letter-spacing:.17em;line-height:1.5}
.eyebrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.eyebrow-rule{display:inline-block;width:24px;height:2px;background:var(--wine)}
.eyebrow-divider{color:#b9a8ab;font-weight:400}
h1,h2,h3,p{margin-top:0}
.article h1,.listing-intro h1,.info-page h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,5.15vw,72px);line-height:1.07;letter-spacing:-.047em;margin:22px 0 23px;font-weight:700;text-wrap:balance}
.article-deck{max-width:700px;color:#4f4d53;font-size:21px;line-height:1.47;margin:0 0 25px}
.article-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px;margin-bottom:26px;color:#77737a;font-size:13px}
.article-meta span:first-child{color:var(--wine);font-weight:700}
.hero-image{margin:0 0 34px}
.hero-image img{width:100%;height:auto;background:#2a2425}
.hero-image figcaption{font-size:12px;color:#7e7b80;margin-top:8px;text-align:right}
.article-copy{max-width:690px;font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.77;letter-spacing:.003em}
.article-copy p{margin:0 0 1.28em}
.article-copy p:first-child::first-letter{float:left;font-size:3.8em;line-height:.87;padding:7px 10px 0 0;color:var(--wine);font-weight:700}
.ad-slot{clear:both;margin:34px 0 42px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:690px}
.ad-label{display:block;text-align:center;color:#77737a;font:11px Arial,Helvetica,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.article-end{max-width:690px;display:flex;align-items:center;gap:13px;font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:#77737a;margin:36px 0 26px}
.article-end::after{content:"";height:1px;background:var(--line);flex:1}
.end-mark{color:var(--wine);font-size:17px}
.article-sidebar{border-left:1px solid var(--line);min-height:100%;padding:65px 0 0 32px}
.sidebar-inner{position:sticky;top:24px}
.article-sidebar h2{font:700 29px/1.14 Georgia,serif;letter-spacing:-.035em;margin:8px 0 22px}
.side-card{display:block;padding:19px 0;border-top:1px solid var(--line)}
.side-card:last-of-type{border-bottom:1px solid var(--line)}
.card-category{display:block;color:var(--wine);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;margin-bottom:10px}
.side-card strong{display:block;font:700 21px/1.2 Georgia,serif;letter-spacing:-.025em}
.side-card .card-deck,.side-card .card-read{display:none}
.side-card:hover strong,.story-card:hover strong,.feature-content h2 a:hover{color:var(--wine)}
.all-link,.back-link{display:inline-flex;gap:15px;align-items:center;font-weight:700;font-size:14px;color:var(--wine);margin-top:24px;border-bottom:1px solid currentColor;padding-bottom:6px}
.related-section{margin:72px 0 100px;padding-top:45px;border-top:2px solid var(--ink)}
.related-top h2,.section-heading h2{font:700 clamp(29px,3vw,41px)/1.14 Georgia,serif;letter-spacing:-.035em;margin:9px 0 25px}
.related-grid,.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.story-card{background:var(--soft);padding:24px;min-height:245px;display:flex;flex-direction:column;transition:background .2s ease,transform .2s ease}
.story-card:hover{background:#eeebec;transform:translateY(-2px)}
.story-card strong{font:700 24px/1.19 Georgia,serif;letter-spacing:-.025em;margin-bottom:12px}
.card-deck{font-size:14px;line-height:1.48;color:#66636a}
.card-read{font-size:13px;font-weight:800;color:var(--wine);display:flex;justify-content:space-between;margin-top:auto;padding-top:23px}
.listing-page{padding-top:62px;padding-bottom:100px}
.listing-intro{display:grid;grid-template-columns:1.35fr .65fr;gap:55px;align-items:end;margin-bottom:48px}
.listing-intro h1{max-width:690px;margin-bottom:0}
.listing-intro p{font-size:18px;line-height:1.55;color:#5e5b61;margin:0 0 5px}
.featured-story{display:grid;grid-template-columns:1.15fr .85fr;background:#1e1c20;color:#fff;min-height:405px}
.feature-photo{overflow:hidden}
.feature-photo img{height:100%;width:100%;object-fit:cover;transition:transform .5s}
.feature-photo:hover img{transform:scale(1.03)}
.feature-content{padding:47px 48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.feature-content .section-kicker{color:#d5ad7a}
.feature-content h2{font:700 clamp(32px,3vw,45px)/1.1 Georgia,serif;letter-spacing:-.04em;margin:15px 0 17px}
.feature-content h2 a:hover{color:#e9be89}
.feature-content p{font-size:16px;line-height:1.55;color:#d1cbd0;max-width:400px}
.feature-link{font-weight:700;font-size:14px;border-bottom:1px solid #d5ad7a;padding-bottom:6px;margin-top:13px;display:flex;gap:35px}
.library-section{margin-top:72px}
.library-grid{gap:16px}
.info-page{max-width:780px;margin:0 auto;padding:72px 32px 120px;min-height:65vh}
.info-page h1{font-size:clamp(42px,5vw,64px)}
.info-page .article-copy p:first-child::first-letter{float:none;font-size:inherit;line-height:inherit;padding:0;color:inherit;font-weight:inherit}
.site-footer{background:#16161a;color:#fff}
.footer-inner{max-width:1240px;margin:auto;padding:45px 32px 28px;display:grid;grid-template-columns:1fr auto;gap:12px 30px}
.footer-brand{font:700 28px Georgia,serif;letter-spacing:-.045em}
.footer-brand span{color:#d5ad7a}
.footer-inner p{color:#c6c3c6;font-size:14px;margin:3px 0 13px;grid-column:1}
.footer-links{grid-column:2;grid-row:1/3;display:flex;gap:24px;align-items:start;padding-top:9px;font-size:14px}
.footer-links a:hover{color:#e9be89}
.footer-inner small{grid-column:1/-1;border-top:1px solid #454247;padding-top:18px;color:#a9a5aa;font-size:12px}
@media(max-width:1050px){.article-grid{grid-template-columns:minmax(0,1fr) 250px;gap:34px}.article-sidebar{padding-left:23px}.article h1{font-size:clamp(42px,5.4vw,60px)}.story-card{padding:20px}.story-card strong{font-size:21px}}
@media(max-width:760px){.header-inner{padding:0 20px;min-height:64px}.brand{font-size:23px}.site-header nav a{font-size:13px}.article-page,.listing-page{padding-left:20px;padding-right:20px}.article-grid{display:block}.article{padding-top:35px}.article h1{font-size:clamp(39px,8.6vw,57px);margin:18px 0}.article-deck{font-size:18px}.article-meta{margin-bottom:19px}.hero-image{margin-left:-20px;margin-right:-20px;margin-bottom:27px}.hero-image figcaption{padding-right:20px}.article-copy{font-size:18px;line-height:1.7}.article-copy p{margin-bottom:1.22em}.article-sidebar{display:none}.related-section{margin:54px 0 70px;padding-top:30px}.related-grid,.library-grid{grid-template-columns:1fr;gap:10px}.story-card{min-height:0;padding:22px}.story-card strong{font-size:23px}.story-card .card-deck{max-width:550px}.listing-page{padding-top:40px;padding-bottom:70px}.listing-intro{display:block;margin-bottom:28px}.listing-intro h1{font-size:clamp(43px,9vw,63px);margin:17px 0}.listing-intro p{font-size:17px}.featured-story{display:block}.feature-photo img{aspect-ratio:3/2;height:auto}.feature-content{padding:30px 24px 34px}.feature-content h2{font-size:34px}.library-section{margin-top:52px}.info-page{padding:48px 20px 85px}.footer-inner{display:block;padding:38px 20px 26px}.footer-links{padding:7px 0 24px;flex-wrap:wrap}.footer-inner small{display:block}}
@media(max-width:390px){.brand-mark{display:none}.site-header nav a{font-size:12px}.article h1{font-size:38px}.eyebrow{font-size:11px}.article-meta{font-size:12px}.feature-content h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-card,.feature-photo img{transition:none}}
.header-actions{display:flex;align-items:center;gap:28px}
.language-menu{position:relative;font-size:14px}
.language-menu summary{list-style:none;cursor:pointer;color:#fff;border:1px solid #686168;padding:9px 12px;min-width:160px;display:flex;justify-content:space-between;gap:14px;align-items:center}
.language-menu summary::-webkit-details-marker{display:none}
.language-menu summary::after{content:"⌄";font-size:18px;line-height:12px;color:#d5ad7a}
.language-menu[open] summary{border-color:#d5ad7a}
.language-current{color:#d5ad7a}
.language-options{position:absolute;z-index:30;right:0;top:calc(100% + 7px);width:min(380px,calc(100vw - 24px));max-height:65vh;overflow:auto;background:#242126;border:1px solid #696067;box-shadow:0 15px 35px #0005;padding:7px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.language-options a{display:flex;align-items:center;gap:9px;padding:11px 9px;color:#fff;line-height:1.25;border-bottom:1px solid #514b50;font-size:14px}
.language-options a:hover,.language-options a[aria-current="page"]{background:#45313a;color:#f0d0ab}
.language-flag{font-size:19px;line-height:1;flex:none}
.related-grid,.library-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.video-link{max-width:690px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#211c21;color:#fff;padding:16px 20px;margin:24px 0;font-weight:700;font-size:15px;border-left:4px solid #d5ad7a}
.video-link:hover{background:#3a2731}
.video-link span{color:#d5ad7a}
.article-versions{max-width:690px;border-top:1px solid var(--line);padding-top:20px;margin:29px 0 0}
.article-versions>span{display:block;color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.02em;margin-bottom:12px}
.article-versions>div{display:flex;flex-wrap:wrap;gap:8px}
.article-versions a{border:1px solid var(--line);padding:8px 11px;font-size:13px;color:var(--ink);display:inline-flex;align-items:center;gap:7px}
.article-versions a:hover{border-color:var(--wine);color:var(--wine)}
.language-hub{max-width:1060px;margin:0 auto;padding:74px 32px 120px;min-height:70vh}
.language-hub h1{font:700 clamp(44px,5vw,68px)/1.08 Georgia,serif;letter-spacing:-.045em;max-width:700px;margin:20px 0 15px}
.language-hub>p{font-size:19px;line-height:1.5;color:var(--muted);margin-bottom:38px}
.hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hub-grid a{border:1px solid var(--line);padding:25px 20px;min-height:108px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;font:700 20px/1.2 Georgia,serif;transition:background .2s,border-color .2s}
.hub-grid a > span:last-child{font:700 18px Arial,sans-serif;color:var(--wine)}
.hub-grid a > span:first-child{display:inline-flex;align-items:center;gap:10px}
.hub-grid a:hover{border-color:var(--wine);background:#f8f3f4}
:lang(ja) .article h1,:lang(ja) .listing-intro h1,:lang(ja) .story-card strong{letter-spacing:0;line-height:1.25}
:lang(ja) .article-copy{font-family:serif;line-height:1.92}
:lang(ja) .article-copy p:first-child::first-letter{float:none;font-size:inherit;line-height:inherit;padding:0;color:inherit;font-weight:inherit}
@media(max-width:760px){.header-actions{gap:10px}.header-actions nav{display:none}.language-menu summary{min-width:0;padding:8px 10px;gap:7px}.language-current{display:inline}.language-options{right:0}.language-hub{padding:48px 20px 80px}.language-hub h1{font-size:clamp(42px,8vw,58px)}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-grid a{min-height:92px;font-size:17px;padding:16px}.related-grid,.library-grid{grid-template-columns:1fr}}
@media(max-width:390px){.language-menu{font-size:12px}.language-menu summary{padding:7px}.hub-grid a{font-size:15px}}
.desktop-ad-wrap{max-width:1240px;margin:18px auto 0;padding:0 32px;text-align:center}.desktop-ad-wrap .ad-slot{max-width:none;margin:0;padding:12px 0 16px}
.mobile-ad-wrap{max-width:720px;margin:0 auto;padding:0 20px}.mobile-ad-wrap .ad-slot{margin:16px 0 0;padding:10px 0 14px}.ad-sidebar{margin-top:25px}
@media(max-width:760px){.ad-sidebar{display:none}}

/* Casa Prática */
.brand-accent{color:#26725b}.tutorial-card-image{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px;margin-bottom:14px}.tutorial-details{margin:32px 0}.tutorial-details h2{font-size:1.5rem;margin:28px 0 16px}.tutorial-details li{margin:0 0 14px;line-height:1.75}.tutorial-details ol{padding-left:28px}.tutorial-details li::marker{color:#26725b;font-weight:700}.tutorial-duration,.tutorial-precautions{background:#edf5ee;border-radius:12px;padding:18px 24px}.tutorial-precautions ul{padding-left:20px}

.tutorial-search{display:flex;gap:16px;align-items:end;margin:24px 0 40px;flex-wrap:wrap}.tutorial-search label{display:grid;gap:8px;flex:1;min-width:180px}.tutorial-search input,.tutorial-search select{font:inherit;padding:12px;border:1px solid #ccc;border-radius:8px;width:100%}.tutorial-search button{padding:13px 24px;border:0;border-radius:8px;color:white;background:#26725b;font:inherit}