:root { --ink:#243d43; --ink-soft:#536a70; --paper:#fbf8f1; --coral:#eb8b74; --coral-dark:#bd624f; --teal:#477b7c; --line:rgba(36,61,67,.14); --reader-scale:1; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:var(--paper); color:var(--ink); font-family:"Source Sans 3",Arial,sans-serif; font-size:calc(17px * var(--reader-scale)); line-height:1.55; margin:0; }
a { color:inherit; text-decoration:none; }
.editorial-header { align-items:center; display:flex; height:92px; justify-content:space-between; margin:auto; max-width:1160px; padding:0 28px; }.brand { align-items:center; display:inline-flex; font-size:21px; font-weight:700; gap:9px; letter-spacing:-.6px; }.brand-mark { align-items:center; background:var(--coral); border-radius:50%; color:#fff; display:inline-flex; font-family:"Lora",Georgia,serif; font-size:21px; font-weight:600; height:31px; justify-content:center; line-height:1; width:31px; }nav { display:flex; font-size:15px; font-weight:500; gap:30px; }nav a:hover { color:var(--coral-dark); }.back-link { border-bottom:1px solid currentColor; font-size:15px; font-weight:600; padding-bottom:2px; }.back-link span { margin-left:4px; }
.magazine-hero { display:grid; gap:70px; grid-template-columns:1.04fr .96fr; margin:auto; max-width:1160px; min-height:555px; padding:68px 28px 78px; }.magazine-copy { align-self:center; max-width:590px; }.hero-topline { align-items:center; display:flex; flex-wrap:wrap; gap:12px 18px; margin-bottom:18px; }.eyebrow { align-items:center; color:var(--teal); display:flex; font-size:12px; font-weight:700; gap:9px; letter-spacing:1.15px; margin:0 0 18px; text-transform:uppercase; }.hero-topline .eyebrow { margin:0; }.eyebrow span { background:currentColor; border-radius:50%; height:7px; width:7px; }h1,h2,h3 { font-family:"Lora",Georgia,serif; font-weight:500; letter-spacing:-1.6px; line-height:1.18; margin:0; }h1 { font-size:clamp(calc(46px * var(--reader-scale)),calc(5vw * var(--reader-scale)),calc(70px * var(--reader-scale))); }h1 em { color:var(--coral-dark); font-style:italic; }.magazine-copy > p:not(.eyebrow) { color:var(--ink-soft); font-size:calc(20px * var(--reader-scale)); line-height:1.62; margin:28px 0 25px; max-width:500px; }.status-note { align-items:center; color:#5c7275; display:flex; font-size:calc(15px * var(--reader-scale)); font-weight:600; gap:9px; }.status-note span { color:var(--coral-dark); }
.reader-controls { display:flex; }.reader-controls-actions { align-items:center; background:#edf2ed; border:1px solid rgba(71,123,124,.16); border-radius:999px; display:flex; gap:4px; padding:4px; }.reader-control { align-items:center; appearance:none; background:#fffdf8; border:1px solid transparent; border-radius:50%; color:var(--ink); cursor:pointer; display:inline-flex; font-family:"Source Sans 3",Arial,sans-serif; font-size:17px; font-weight:700; height:40px; justify-content:center; line-height:1; min-width:40px; padding:0 8px; }.reader-control:hover:not(:disabled) { border-color:#9db5af; }.reader-control:focus-visible { outline:3px solid #efb86e; outline-offset:2px; }.reader-control:disabled { color:#a7b3b0; cursor:not-allowed; }.reader-controls output { color:#496368; font-size:13px; font-weight:600; min-width:105px; text-align:center; }
.magazine-art { align-self:center; background:#dfece6; border-radius:180px 180px 24px 24px; min-height:410px; overflow:hidden; position:relative; }.art-sun { background:#f1c86e; border-radius:50%; height:111px; position:absolute; right:21%; top:45px; width:111px; }.art-leaf { background:#94b9ac; border-radius:100% 0 100% 0; height:118px; position:absolute; width:48px; }.leaf-one { bottom:27px; left:47px; transform:rotate(-21deg); }.leaf-two { bottom:11px; left:93px; transform:rotate(24deg) scale(.76); }.magazine-sheet { border-radius:9px; height:265px; position:absolute; width:205px; }.sheet-back { background:#efb4a6; bottom:36px; box-shadow:0 12px 20px rgba(36,61,67,.13); left:calc(50% - 68px); transform:rotate(8deg); }.sheet-front { background:#fffaf1; bottom:47px; box-shadow:0 14px 23px rgba(36,61,67,.16); left:calc(50% - 110px); padding:27px 23px; transform:rotate(-4deg); }.sheet-front p { font-family:"Lora",Georgia,serif; font-size:24px; line-height:1.02; margin:0; }.sheet-front strong { color:var(--coral-dark); font-style:italic; }.sheet-line { background:#d6e4df; height:2px; margin:23px 0 18px; width:75px; }.sheet-row { align-items:center; display:flex; gap:7px; margin:11px 0; }.tiny-icon { align-items:center; background:#dbe8ad; border-radius:50%; color:#3d675d; display:flex; font-size:9px; font-weight:700; height:19px; justify-content:center; width:19px; }.sheet-row i { background:#cad9d5; border-radius:2px; display:block; height:6px; width:40px; }.sheet-row i:nth-last-child(1) { width:23px; }.art-label { background:#fffdf8; border-radius:999px; box-shadow:0 5px 11px rgba(36,61,67,.09); color:#425d61; font-size:12px; font-weight:700; padding:8px 12px; position:absolute; }.label-film { left:24px; top:54px; }.label-safe { bottom:43px; right:21px; }
.editorial-intro { border-bottom:1px solid var(--line); border-top:1px solid var(--line); color:#50676d; font-family:"Lora",Georgia,serif; font-size:clamp(21px,2.3vw,30px); line-height:1.4; margin:auto; max-width:1104px; padding:45px 74px; text-align:center; }.editorial-intro p { margin:0; }
.feature,.topics { margin:auto; max-width:1160px; padding:98px 28px; }.section-heading { align-items:end; display:flex; justify-content:space-between; margin-bottom:40px; }.section-heading h2 { font-size:clamp(34px,3.6vw,48px); }.section-heading > p { color:var(--ink-soft); font-size:17px; line-height:1.58; margin:0; max-width:365px; }.feature-card { background:#f2eadb; border-radius:22px; display:grid; grid-template-columns:.9fr 1.1fr; overflow:hidden; }.feature-illustration { background:#c7dfe3; min-height:322px; position:relative; }.message-bubble { background:#fffdf8; border-radius:16px 16px 16px 3px; color:#486168; font-size:15px; font-weight:600; left:16%; padding:14px 16px; position:absolute; top:31%; transform:rotate(-3deg); }.check-card { background:#f8c8bb; border-radius:12px; bottom:23%; color:#693f38; font-size:16px; font-weight:700; padding:14px 16px; position:absolute; right:15%; transform:rotate(4deg); }.feature-content { align-self:center; padding:45px 52px; }.content-label { color:#557a79; font-size:12px; font-weight:700; letter-spacing:.65px; margin:0 0 14px; text-transform:uppercase; }.content-label span { color:var(--coral-dark); margin:0 5px; }.feature-content h3 { font-size:clamp(26px,2.7vw,37px); line-height:1.25; }.feature-content > p:not(.content-label) { color:var(--ink-soft); font-size:17px; line-height:1.58; margin:19px 0; }.coming-soon { background:#fff9ee; border-radius:99px; color:#64797b; font-size:13px; font-weight:600; padding:7px 11px; }
.feature-story { display:grid; gap:76px; grid-template-columns:1.2fr .8fr; margin:auto; max-width:1030px; padding:7px 28px 106px; }.story-main { color:#425c62; font-size:18px; line-height:1.72; }.story-main .eyebrow { margin-bottom:17px; }.story-main h2 { color:var(--ink); font-size:clamp(31px,3.4vw,45px); line-height:1.28; }.story-main > p { margin:23px 0; }.story-main h3 { color:var(--ink); font-size:25px; margin:35px 0 13px; }.story-main ol { border-left:2px solid #eab4a8; list-style:none; margin:0; padding:2px 0 2px 25px; }.story-main li { margin:14px 0; padding-left:2px; }.story-main li strong { color:var(--ink); }.story-aside { align-self:start; display:grid; gap:16px; padding-top:12px; }.pause-card,.action-card { border-radius:17px; padding:25px; }.pause-card { background:#dce8af; color:#41635b; }.pause-card > span { align-items:center; background:#fffdf4; border-radius:50%; display:flex; font-size:18px; height:39px; justify-content:center; width:39px; }.pause-card h3,.action-card h3 { font-size:22px; line-height:1.3; margin:21px 0 7px; }.pause-card p,.action-card p { font-size:16px; line-height:1.58; margin:0; }.action-card { background:#f7dfd7; color:#654b47; }.source-note { color:#64797b; font-size:13px; line-height:1.55; margin:3px 0 0; }.source-note a { border-bottom:1px solid currentColor; }
.calm-check { background:#f4eee0; border-left:3px solid var(--coral); border-radius:0 13px 13px 0; margin-top:30px; padding:20px 23px; }.calm-check .content-label { margin-bottom:7px; }.calm-check > p:last-child { color:#4f676b; font-size:16px; line-height:1.58; margin:0; }
.topics { background:#e8f0ed; max-width:none; padding-left:max(28px,calc((100vw - 1104px)/2)); padding-right:max(28px,calc((100vw - 1104px)/2)); }.section-heading.centered { align-items:center; display:flex; flex-direction:column; margin:auto auto 43px; text-align:center; }.section-heading.centered > p { margin-top:13px; max-width:510px; }.topic-grid { display:grid; gap:18px; grid-template-columns:repeat(4,1fr); margin:auto; max-width:1104px; }.topic-card { border-radius:18px; min-height:316px; padding:27px; }.topic-card.coral { background:#fae0d9; }.topic-card.cream { background:#f5eddd; }.topic-card.blue { background:#cde0e6; }.topic-card.green { background:#dce9df; }.topic-icon { align-items:center; background:rgba(255,255,255,.62); border-radius:50%; display:flex; font-size:18px; height:40px; justify-content:center; width:40px; }.topic-card .content-label { margin:35px 0 8px; }.topic-card h3 { font-size:23px; line-height:1.28; }.topic-card > p:not(.content-label) { color:#526a70; font-size:15px; line-height:1.56; margin:11px 0 16px; }.topic-card > span { border-top:1px solid rgba(36,61,67,.12); color:#687e80; display:block; font-size:13px; font-weight:500; line-height:1.45; padding-top:13px; }
.daily-note { background:#f8f4e9; border:1px solid rgba(71,123,124,.16); border-radius:18px; margin:42px auto 0; max-width:820px; padding:29px 32px; }.daily-note .eyebrow { margin-bottom:8px; }.daily-note h3 { font-size:24px; line-height:1.3; }.daily-note > div > p:last-child { color:#526a70; font-size:16px; line-height:1.6; margin:9px 0 0; }
.reading-paths { display:grid; gap:94px; grid-template-columns:.8fr 1.2fr; margin:auto; max-width:1104px; padding:103px 28px; }.paths-copy h2 { font-size:clamp(35px,3.7vw,50px); }.paths-copy h2 em { color:var(--coral-dark); font-style:italic; }.paths-copy > p:last-child { color:var(--ink-soft); font-size:17px; line-height:1.6; margin:21px 0 0; max-width:365px; }.path-list { border-bottom:1px solid var(--line); }.path-list > div { align-items:flex-start; border-top:1px solid var(--line); display:flex; gap:20px; padding:20px 0; }.path-list b { color:var(--coral-dark); font-family:"Lora",Georgia,serif; font-size:18px; font-weight:500; }.path-list strong { display:block; font-size:17px; }.path-list small { color:#60767b; display:block; font-size:15px; line-height:1.45; margin-top:4px; }
.future-callout { align-items:center; background:var(--ink); color:#f9f4e9; display:grid; gap:38px; grid-template-columns:96px 1fr auto; margin:auto; max-width:1104px; padding:57px 66px; }.callout-symbol { align-items:center; background:var(--coral); border-radius:50%; color:#fff; display:flex; font-family:"Lora",Georgia,serif; font-size:54px; height:84px; justify-content:center; width:84px; }.future-callout .eyebrow { color:#d6e7e1; margin-bottom:12px; }.future-callout h2 { font-size:clamp(28px,3.1vw,40px); line-height:1.24; }.future-callout > div:nth-child(2) > p:last-child { color:#d7e1dd; font-size:16px; line-height:1.58; margin:13px 0 0; max-width:585px; }.callout-link { border-bottom:1px solid #f9f4e9; font-size:15px; font-weight:600; padding-bottom:3px; white-space:nowrap; }.callout-link span { font-size:19px; margin-left:5px; }
footer { align-items:center; color:#587075; display:flex; font-size:14px; font-weight:500; justify-content:space-between; margin:auto; max-width:1160px; padding:31px 28px; }footer .brand { color:var(--ink); font-size:17px; }footer .brand-mark { font-size:18px; height:25px; width:25px; }footer p { margin:0; }footer > a:not(.brand) { border-bottom:1px solid currentColor; }
@media (max-width:850px) { .magazine-hero { gap:43px; grid-template-columns:1fr; min-height:0; }.magazine-art { min-height:375px; max-width:520px; }.topic-grid { grid-template-columns:repeat(2,1fr); }.feature-card { grid-template-columns:1fr; }.feature-illustration { min-height:250px; }.feature-story { gap:42px; grid-template-columns:1fr; padding-top:0; }.story-aside { grid-template-columns:1fr 1fr; }.source-note { grid-column:1/-1; }.reading-paths { gap:48px; grid-template-columns:1fr; }.future-callout { grid-template-columns:76px 1fr; }.callout-link { grid-column:2; justify-self:start; } }
@media (max-width:620px) { .editorial-header { height:74px; padding:0 20px; }.back-link { font-size:14px; }.magazine-hero { padding:52px 20px 62px; }.magazine-copy > p:not(.eyebrow) { font-size:19px; }.magazine-art { min-height:335px; }.editorial-intro { border:0; font-size:22px; padding:50px 24px; }.feature,.topics { padding:72px 20px; }.section-heading { align-items:flex-start; flex-direction:column; gap:15px; margin-bottom:31px; }.section-heading.centered { align-items:center; }.feature-content { padding:34px 27px; }.feature-story { padding:0 20px 75px; }.story-main { font-size:17px; line-height:1.68; }.story-main h3 { font-size:23px; }.story-main ol { padding-left:20px; }.story-aside { grid-template-columns:1fr; }.source-note { grid-column:auto; }.topic-grid { grid-template-columns:1fr; }.topic-card { min-height:auto; }.daily-note { margin-top:28px; padding:24px; }.daily-note h3 { font-size:22px; }.reading-paths { padding:73px 20px; }.future-callout { display:block; margin:0; padding:55px 25px; }.callout-symbol { height:66px; margin-bottom:25px; width:66px; }.callout-link { display:inline-block; margin-top:22px; }footer { align-items:flex-start; flex-direction:column; gap:12px; padding:28px 20px; } }

/* A escala é aplicada ao texto sem reduzir a área de toque ou exigir rolagem lateral. */
.eyebrow,.content-label { font-size:calc(12px * var(--reader-scale)); }.section-heading h2 { font-size:clamp(calc(34px * var(--reader-scale)),calc(3.6vw * var(--reader-scale)),calc(48px * var(--reader-scale))); }.section-heading > p,.paths-copy > p:last-child { font-size:calc(17px * var(--reader-scale)); }.editorial-intro { font-size:clamp(calc(21px * var(--reader-scale)),calc(2.3vw * var(--reader-scale)),calc(30px * var(--reader-scale))); }.feature-content h3 { font-size:clamp(calc(26px * var(--reader-scale)),calc(2.7vw * var(--reader-scale)),calc(37px * var(--reader-scale))); }.feature-content > p:not(.content-label),.story-main,.paths-copy > p:last-child { font-size:calc(17px * var(--reader-scale)); }.story-main h2 { font-size:clamp(calc(31px * var(--reader-scale)),calc(3.4vw * var(--reader-scale)),calc(45px * var(--reader-scale))); }.story-main h3 { font-size:calc(25px * var(--reader-scale)); }.pause-card h3,.action-card h3 { font-size:calc(22px * var(--reader-scale)); }.pause-card p,.action-card p,.calm-check > p:last-child { font-size:calc(16px * var(--reader-scale)); }.topic-card h3 { font-size:calc(23px * var(--reader-scale)); }.topic-card > p:not(.content-label),.daily-note > div > p:last-child { font-size:calc(16px * var(--reader-scale)); }.topic-card > span,.path-list small { font-size:calc(14px * var(--reader-scale)); }.daily-note h3 { font-size:calc(24px * var(--reader-scale)); }.paths-copy h2 { font-size:clamp(calc(35px * var(--reader-scale)),calc(3.7vw * var(--reader-scale)),calc(50px * var(--reader-scale))); }.path-list strong { font-size:calc(17px * var(--reader-scale)); }.future-callout h2 { font-size:clamp(calc(28px * var(--reader-scale)),calc(3.1vw * var(--reader-scale)),calc(40px * var(--reader-scale))); }.future-callout > div:nth-child(2) > p:last-child { font-size:calc(16px * var(--reader-scale)); }.callout-link { font-size:calc(15px * var(--reader-scale)); }

@media (max-width:620px) { .hero-topline { align-items:flex-start; gap:10px 14px; }.reader-controls-actions { width:fit-content; }.story-main h3 { font-size:calc(23px * var(--reader-scale)); }.daily-note h3 { font-size:calc(22px * var(--reader-scale)); } }