.advice-magazine{background:#fff8ef;color:#591348;padding-bottom:60px}.rubrica-hero,.article-hero{background:linear-gradient(125deg,#edd8ff,#fbe0e9);display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:28px;padding:44px max(5%,calc((100vw - 1300px)/2)) 0;border-bottom:8px solid #ff795d}.rubrica-hero>div,.article-hero>div{padding-bottom:44px}.rubrica-hero h1,.article-hero h1{font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-weight:900;font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.08;letter-spacing:-.04em;margin:20px 0}.rubrica-hero h1 span{display:block;color:#a8343f}.rubrica-hero p,.article-hero>div>p{font-size:1.2rem;max-width:600px;line-height:1.7}.rubrica-hero img,.article-hero img{width:100%;max-height:460px;object-fit:contain;align-self:end}.advice-magazine .dark{background:#62144d;color:#fff}.story-category{font-size:.875rem;font-weight:800;letter-spacing:.04em;display:inline-block;background:#ead4fa;padding:7px 13px;border-radius:24px;color:#591348}.stories,.related-stories{max-width:1300px;margin:auto;padding:50px 5%}.stories-title h2,.related-stories>h2{font-family:'Trebuchet MS',sans-serif;font-weight:900;margin:0 0 12px}.stories-title p{font-size:1.1rem;margin-bottom:30px}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.story-card{background:white;border:2px solid #e5cbed;border-radius:28px;overflow:hidden;box-shadow:0 7px 0 #cfaddc33}.story-card>a{display:block;height:100%}.story-visual{height:230px;position:relative;padding:18px;background:#efe0fc;border-bottom:5px solid #ff856b}.story-visual img{width:100%;height:100%;object-fit:contain}.story-visual>span{position:absolute;right:15px;top:15px;border-radius:50%;background:#64134d;color:#fff;padding:10px;font-size:1.2rem;font-weight:800}.tone-1 .story-visual{background:#ffe3da}.tone-2 .story-visual{background:#fff0bb}.story-copy{padding:24px}.story-copy h2{font:800 1.45rem/1.3 'Trebuchet MS',sans-serif;letter-spacing:-.02em;margin:16px 0}.story-copy p{font-size:1rem;color:#655162}.story-copy strong{display:block;margin-top:20px;color:#681551}.story-card a:hover h2{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.story-crumb{padding:20px 5%;display:block;font-size:.875rem}.story-crumb a{text-decoration:underline}.article-hero{padding-top:28px;grid-template-columns:1.6fr .65fr}.article-hero h1{font-size:clamp(2rem,4vw,3.6rem)}.article-hero img{max-height:320px}.story-date{font-size:.875rem;display:block;margin-top:20px;color:#655162}.article-layout{max-width:1200px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:50px;margin:50px auto;padding:0 5%}.article-layout aside{align-self:start;background:#eddbfa;border-radius:24px;padding:24px;font-size:1rem}.article-layout aside ol{padding-left:22px}.article-layout aside li{padding:6px 0}.article-layout aside a:hover{text-decoration:underline}.article-body{max-width:740px}.article-body section{scroll-margin-top:30px;margin-bottom:34px}.article-body h2{font:800 1.6rem/1.3 'Trebuchet MS',sans-serif;letter-spacing:-.02em}.article-body p{font-size:1.0625rem;line-height:1.85;color:#51454e}.article-body section:last-of-type{background:#ffedcf;border-left:6px solid #ff795d;border-radius:0 22px 22px 0;padding:10px 24px}.story-contact{background:#eddbfa;border-radius:28px;padding:28px;margin-top:30px}.story-more{display:block;text-decoration:underline;margin-top:20px}.article-source{font-size:.875rem!important}.article-source a{text-decoration:underline}.related-stories .story-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:25px}
@media(max-width:850px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr;gap:24px}.article-layout aside{position:static}.rubrica-hero,.article-hero{grid-template-columns:1fr .7fr;gap:12px}.rubrica-hero img{max-height:330px}}
@media(max-width:560px){.rubrica-hero,.article-hero{grid-template-columns:1fr;padding:28px 6% 0}.rubrica-hero>div,.article-hero>div{padding-bottom:0}.rubrica-hero img,.article-hero img{max-height:240px}.story-grid,.related-stories .story-grid{grid-template-columns:1fr}.stories,.related-stories{padding:36px 6%}.article-layout{padding:0 6%;margin-top:28px}.story-copy{padding:22px}.article-hero h1{font-size:2.15rem}.story-contact{padding:22px}}
