/* Jardin, refonte éditoriale lumineuse – octobre 2026. Couche additive. */
:root{
 --pine:#254b32;--pine2:#47763f;--deep:#1b3928;--sage:#d8e5c6;--leaf:#ebf2df;
 --paper:#fffaf2;--ivory:#fffefd;--ink:#263e2c;--muted:#64705d;--line:#e4e5d6;
 --warm:#db9372;--earth:#bc635c;--shadow:0 16px 38px rgba(53,77,44,.09);
 --pink:#c85f7c;--yellow:#efbc5a;--lavender:#8e75ad;--tomato:#ce6548;
}
body{background:#fffaf2;color:#273d2c}
em{color:#b95267}
.header{background:#fffcf5;border-color:#ece7da}
.mark{color:#3e7e40}
.wordmark{color:#294b32}
.wordmark small{color:#63705c}
.mainnav a:hover{color:#ad5366}
.nav-cta{background:#f5f7ea;color:#355a34;border-color:#d3dfc8;transition:background .2s}
.nav-cta:hover{background:#dcebcf}
.hero{background:#f9f4e8;color:#26442e;overflow:hidden}
.hero:before{background:radial-gradient(ellipse at 18% 90%,#f9d8ce6e,transparent 60%),radial-gradient(ellipse at 0 0,#f5efca7c,transparent 55%);}
.hero-grid{min-height:600px;grid-template-columns:minmax(0,.99fr) minmax(0,1.01fr);gap:clamp(28px,5vw,68px)}
.hero-copy{padding:68px 0 85px;position:relative;z-index:2}
.hero .eyebrow{color:#707d49}
.hero .eyebrow-line{background:#d78563}
.hero h1{font-size:clamp(56px,6.5vw,98px);line-height:1.04;letter-spacing:-.058em;margin:22px 0 24px}
.hero h1 em{color:#c35470}
.hero-copy>p{color:#556957;font-size:17px;line-height:1.85;max-width:510px}
.hero .btn-light{background:#457847;color:white;border:1px solid #457847}
.hero .btn-light:hover{background:#325e34}
.hero .btn-outline{color:#38613c;border:1px solid #bfd1ad}
.hero .btn-outline:hover{background:#e5f0db}
.hero-aside{color:#687d5d;font-size:14px;margin-top:38px}
.hero-aside .tiny-seed{color:#c75a75}
.hero-art{align-self:stretch;display:block;position:relative;margin:29px calc(-1 * max(32px,(100vw - 1192px)/2)) 29px 0;padding-right:max(32px,(100vw - 1192px)/2);text-align:left}
.hero-photo-wrap{height:100%;min-height:515px;position:relative;overflow:hidden;border-radius:190px 0 0 8px;background:#d5e5c8;border-left:8px solid #f1d6b5}
.hero-photo{height:100%;width:100%;object-fit:cover;object-position:55% center;display:block}
.hero-photo-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(36,68,46,.10),transparent 34%)}
.hero-photo-label{position:absolute;right:max(25px,calc((100vw - 1192px)/2));bottom:34px;background:#fffaf1ee;color:#315439;display:flex;flex-direction:column;gap:5px;padding:17px 22px;box-shadow:0 14px 35px #0002;max-width:225px}
.hero-photo-label span{font:700 9px/1.3 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#a25963}
.hero-photo-label strong{font:italic 22px/1.1 Georgia,serif;font-weight:400}
.hero .art-caption{display:none}
.season-strip{background:#f8e8c7;border-color:#edd8ae}
.season-content{min-height:82px}
.season-symbol{color:#c16b4a}
.season-content p{color:#4f5943}
.season-content a{color:#80502f}
.section{padding-block:96px 100px}
.section-kicker{color:#bb6654}
.section-intro h2{color:#253f2c}
.section-intro p{color:#65735f}
.garden-worlds{padding:87px 0 12px;background:#fffaf2}
.worlds-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:29px}
.worlds-heading h2{font:400 clamp(36px,4.3vw,56px)/1.1 Georgia,serif;letter-spacing:-.04em;max-width:740px;margin:0;color:#28462d}
.worlds-heading h2 em{color:#b6556e}
.worlds-heading p{font-size:13px;max-width:240px;line-height:1.85;color:#63705e;margin-bottom:2px}
.worlds-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.world-card{position:relative;min-height:315px;display:flex;align-items:end;overflow:hidden;background:#dbe8cb;text-decoration:none;border-radius:4px}
.world-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .38s ease;filter:saturate(1.07)}
.world-card:hover img,.world-card:focus-visible img{transform:scale(1.05)}
.world-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(0deg,#1a2e25dc,transparent);pointer-events:none}
.world-card-label{position:relative;z-index:1;color:white;padding:0 20px 22px;width:100%}
.world-card-label small{display:block;font-size:10px;letter-spacing:.16em;color:#f2d6b2;font-weight:700;text-transform:uppercase}
.world-card-label strong{font:400 28px/1.1 Georgia,serif;display:block;margin-top:7px}
.world-card-label span{position:absolute;bottom:25px;right:18px;font-size:20px}
.world-card:nth-child(1){border-bottom:5px solid #84a85c}
.world-card:nth-child(2){border-bottom:5px solid #ad8abe}
.world-card:nth-child(3){border-bottom:5px solid #e3a55a}
.world-card:nth-child(4){border-bottom:5px solid #dc7e95}
#calendrier{padding-top:101px}
.finder{background:#fffef9;border:1px solid #e9e1d0;box-shadow:0 14px 48px #735c3f12;border-radius:5px}
.finder select,.finder input{border-color:#d8dfd2;background:#fffdf9;color:#2c4731}
.mode,.cat{border-color:#d6dec9;color:#416445}
.mode.active,.cat.active,.mode:hover,.cat:hover{background:#4d7b43;border-color:#4d7b43}
.finder .climate-note{color:#5e725b}
.plant-grid{gap:17px}
.plant-card{background:#fffefb;border-radius:4px;border:1px solid #eae7dc;border-top:4px solid #96b486;min-height:251px}
.plant-card[data-category="aromatiques"]{border-top-color:#a890c0}
.plant-card[data-category="fruitiers"]{border-top-color:#dfab61}
.plant-card[data-category="ornement"]{border-top-color:#da869c}
.plant-pict{background:#eaf1df;border-radius:50%;filter:none}
.plant-card[data-category="aromatiques"] .plant-pict{background:#f0e9f6}
.plant-card[data-category="fruitiers"] .plant-pict{background:#fff2db}
.plant-card[data-category="ornement"] .plant-pict{background:#f9e7ed}
.plant-cat{color:#788875}
.plant-card h4{color:#2b4831}
.plant-card .card-bottom{border-color:#e8e7dd}
.plant-card:hover{box-shadow:0 18px 48px #385d351a}
.interlude{background:#e9efdd;border-color:#d6e1d0;padding:69px 0}
.interlude-icon{color:#718e62}
.interlude h2{color:#2a5136}
.interlude p{color:#486b50}
.interlude .section-kicker{color:#94684f}
.library{padding-block:104px}
.library-grid{background:#e1e7d7;border-color:#e1e7d7}
.library-item{background:#fffef9}
.library-item:hover{background:#ecf2e4}
.library-item>span:first-child{filter:saturate(1.05)}
.library-item .arrow{color:#a96362}
.garden-story{padding:20px 0 112px}
.story-grid{display:grid;grid-template-columns:1fr 1fr;min-height:460px;background:#f1ecde;overflow:hidden}
.story-image{margin:0;position:relative;min-height:430px;overflow:hidden}
.story-image img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:center}
.story-copy{padding:clamp(38px,6vw,92px);display:flex;justify-content:center;flex-direction:column;align-items:start}
.story-copy h2{font:400 clamp(34px,4vw,52px)/1.12 Georgia,serif;letter-spacing:-.038em;color:#29472e;margin:0 0 20px}
.story-copy h2 em{color:#ad566b}
.story-copy p{max-width:470px;font-size:15px;line-height:1.9;color:#5e705e;margin-bottom:23px}
.story-copy a{font-size:13px;font-weight:750;border-bottom:1px solid #8aab79;color:#3e6844;padding-bottom:5px}
.cta-section{padding-bottom:98px}
.cta-box{background:#355e3c;border-radius:3px}
.cta-box .section-kicker{color:#ecc295}
.cta-box h2 em{color:#ebbac6}
.cta-box:before,.cta-box:after{color:#d8e3bb1c}
.footer{background:#24432c;color:#dbe7d4}
.foot-brand{color:#fffef6}
.foot-dot{color:#eeae77}
.footer p{color:#ccdccd}
.footer a:not(.foot-brand){color:#d8e4d2}
.foot-end{border-color:#526f54;color:#bed0bd}
.plant-hero{background:#eaf0df;border-color:#dae2d0}
.plant-title .eyebrow{color:#7a7d4e}
.plant-title h1{color:#2a4c34}
.plant-title .latin{color:#6d8b67}
.plant-portrait{background:#dae6cc;box-shadow:inset 0 0 0 12px #e6eedc}
.plant-portrait.photo-portrait{box-shadow:0 10px 33px #29492827;overflow:hidden;background:#ddebd0}
.photo-portrait img{width:100%;height:100%;object-fit:cover;display:block}
.photo-portrait i{display:none}
.month-list .mo-on{background:#518045}
.plant-aside{background:#fffefa;border-color:#e7e8d9}
.aside-link{background:#457c46}
.method .plant-hero h1 em{color:#b95571}
.credits{padding-block:70px 110px}
.credits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.credit-card{border:1px solid #e5e4d6;background:#fffefb;padding-bottom:17px}
.credit-card img{width:100%;height:155px;object-fit:cover;display:block}
.credit-card h2{font-size:21px;margin:16px 16px 8px}
.credit-card p{font-size:12px;margin:0 16px 10px;color:#60715d}
.credit-card a{margin:0 16px;font-size:12px;color:#2e6036;text-decoration:underline}
@media(min-width:701px) and (max-width:1100px){
 .hero-art{margin-right:-21px;padding-right:0}
 .hero-photo-label{right:20px}
 .world-card{min-height:245px}
 .world-card-label strong{font-size:23px}
 .story-copy{padding:40px}
}
@media(max-width:800px){
 .worlds-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .world-card{min-height:245px}
 .worlds-heading{align-items:start;display:block}
 .worlds-heading p{max-width:450px;margin-top:13px}
 .credits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .hero-grid{display:flex;flex-direction:column;gap:0}
 .hero-copy{padding:52px 0 45px}
 .hero h1{font-size:clamp(50px,11vw,76px);margin:17px 0}
 .hero-copy>p{font-size:15px;line-height:1.85}
 .hero .btn-light,.hero .btn-outline{color:white}
 .hero .btn-outline{color:#355b35}
 .hero-aside{margin-top:26px}
 .hero-art{margin:0 -18px 0;width:calc(100% + 36px);height:auto;align-self:stretch;padding-right:0;overflow:visible}
 .hero-photo-wrap{height:335px;min-height:0;border-radius:95px 0 0 0;border-left:5px solid #f1d6b5}
 .hero-photo{object-position:center 45%}
 .hero-photo-label{right:18px;bottom:16px;max-width:185px;padding:11px 15px}
 .hero-photo-label strong{font-size:18px}
 .season-content{padding:17px 0}
 .garden-worlds{padding:65px 0 0}
 .worlds-heading h2{font-size:40px}
 .worlds-grid{gap:11px}
 .world-card{min-height:213px}
 .world-card-label{padding:0 12px 14px}
 .world-card-label strong{font-size:21px}
 .world-card-label small{font-size:8px}
 .world-card-label span{bottom:15px;right:12px}
 #calendrier{padding-top:78px}
 .plant-grid{gap:13px}
 .plant-card{min-height:225px}
 .garden-story{padding:0 0 75px}
 .story-grid{grid-template-columns:1fr}
 .story-image{min-height:275px}
 .story-copy{padding:37px 25px}
 .story-copy h2{font-size:39px}
 .interlude{padding:54px 0}
 .credits-grid{grid-template-columns:1fr}
 .photo-portrait{display:block;width:106px;height:106px;flex:none;border-radius:50%}
 .plant-title{align-items:center}
 .plant-title h1{font-size:clamp(42px,9vw,60px)}
 .plant-title .latin{font-size:15px}
}
@media(max-width:400px){
 .world-card{min-height:178px}
 .world-card-label strong{font-size:19px}
 .photo-portrait{width:82px;height:82px}
}
@media(prefers-reduced-motion:reduce){.world-card img{transition:none}}

/* V3 — culture illustrée, fiches lisibles et mini-guides pratiques. */
.library-photo{width:52px;height:52px;flex:none;object-fit:cover;border-radius:12px;background:#e9f1df}
.library-item{min-height:91px}
.library-item .library-picto{width:52px;height:52px;flex:none;display:grid;place-items:center;font-size:25px;border-radius:12px;background:#eff3e7}
.library-item img+span{min-width:0}
.plant-pict-img{height:62px;width:62px;object-fit:cover;border-radius:13px;box-shadow:0 4px 13px #305b2f16}
.plant-card:has(.plant-pict-img){background:linear-gradient(155deg,#fffdf8,#fff)}
.plant-card .plant-pict-img+.plant-cat{margin-left:10px}
.rich-plants{margin-bottom:78px}
.rich-summary{background:#e7eddb;border-left:4px solid #87a974;padding:20px 22px;display:flex;gap:17px;align-items:center;font:400 23px/1.35 Georgia,serif;color:#32563b;margin:0 0 28px}
.rich-summary strong{font-weight:400}
.rich-summary span{flex:none;color:#ba755a;font-size:26px}
.rich-photo{margin:0 0 49px;background:#e9e9db}
.rich-photo img{display:block;object-fit:cover;width:100%;height:clamp(235px,30vw,420px);border-radius:5px 5px 0 0}
.rich-photo figcaption{font-size:11px;color:#667863;background:#f0f1e9;padding:10px 17px;line-height:1.6}
.rich-photo figcaption a{color:#315f37;text-decoration:underline}
.rich-plants h2{font-size:clamp(30px,3.8vw,44px);color:#314e36;margin:0 0 24px}
.care-steps{counter-reset:action;list-style:none;display:grid;gap:13px;margin:0 0 55px;padding:0}
.care-steps li{counter-increment:action;display:flex;align-items:flex-start;gap:15px;padding:18px 20px;border:1px solid #e2e7d9;background:#fffdf8;font-size:14px;line-height:1.65;color:#4a6350}
.care-steps li:before{content:counter(action);font:italic 22px/1.2 Georgia,serif;color:#ad6572;background:#f9e7ea;border-radius:50%;min-width:36px;height:36px;text-align:center;padding-top:4px}
.rich-science{padding:30px;background:#f0f2e7;border-left:4px solid #91b080;margin:0 0 22px}
.rich-science h3{font:400 clamp(26px,3vw,34px)/1.2 Georgia,serif;color:#2b4d35;margin:0 0 14px}
.rich-science p{font-size:15px;line-height:1.85;margin:0;color:#536951}
.rich-caution{padding-top:21px;margin-top:24px;border-top:1px solid #d4dfcb}
.rich-caution strong{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9c6556}
.rich-caution p{margin:7px 0 0}
.rich-evidence{border:1px solid #e6e7d9;background:#fffdf7;padding:22px 25px}
.rich-evidence strong{display:block;color:#587052;letter-spacing:.11em;text-transform:uppercase;font-size:11px}
.rich-evidence p{font-size:13px;line-height:1.8;color:#62735c;margin:9px 0 13px}
.rich-evidence a{font-size:12px;color:#376c3f;font-weight:700;text-decoration:underline}
.learn-section{background:#f0f3e7;padding:80px 0 94px}
.learn-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}
.learn-heading h2{font:400 clamp(32px,4vw,51px)/1.14 Georgia,serif;color:#2e4a32;max-width:690px;margin:0}
.learn-heading h2 em{color:#bd5e78}
.learn-heading>a{font-size:12px;font-weight:700;color:#4a7145;white-space:nowrap;margin-bottom:9px}
.learn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.learn-card{background:#fffefb;border:1px solid #e2e6d9;display:flex;flex-direction:column;overflow:hidden;border-radius:4px;box-shadow:0 8px 23px #293d2b0a}
.learn-card:hover{box-shadow:0 14px 35px #2b452c1d}
.learn-card>img{width:100%;height:210px;object-fit:cover;display:block}
.learn-card>span{padding:21px;display:flex;flex-direction:column;gap:11px;flex:1}
.learn-card small{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#9d695b;font-weight:750}
.learn-card strong{font:400 26px/1.2 Georgia,serif;color:#2f5435;flex:1}
.learn-card em{font:700 12px Arial,sans-serif;color:#427343}
.guide-hero{background:#e9f0e2}
.guide-hero h1{font-size:clamp(49px,6vw,82px);color:#2b5034;max-width:920px}
.guide-hero p{max-width:790px;font-size:17px;color:#56705a;line-height:1.85}
.guide-index{padding-top:80px;padding-bottom:100px}
.guide-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.guide-tile{display:flex;flex-direction:column;border:1px solid #e2e6d8;background:#fffefa;overflow:hidden}
.guide-tile:hover{box-shadow:0 14px 30px #3a603b16}
.guide-tile-image{height:180px;overflow:hidden;background:#dde6d2}
.guide-tile-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.guide-tile:hover .guide-tile-image img{transform:scale(1.04)}
.guide-tile-text{padding:20px 21px 22px;display:flex;flex-direction:column;flex:1}
.guide-tile-text h2{font-size:26px;margin:0 0 12px;color:#30543b}
.guide-tile-text p{font-size:13px;line-height:1.8;color:#667661;flex:1}
.guide-tile-text span{font-size:12px;font-weight:750;color:#416c3f}
.guide-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:min(7vw,90px);padding:80px 0 60px}
.guide-article section{padding:0 0 36px;margin-bottom:41px;border-bottom:1px solid #e3e8d9}
.guide-article section:last-child{border:0}
.guide-chapter{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#b96c61;font-weight:800;margin-bottom:18px}
.guide-article h2{font-size:clamp(30px,3.4vw,44px);color:#2b5135;max-width:680px;margin:0 0 16px}
.guide-article p{font-size:16px;line-height:1.95;color:#546c59;margin:0;max-width:690px}
.guide-aside{align-self:start;position:sticky;top:18px;display:flex;flex-direction:column;gap:20px}
.guide-checklist{background:#e6efda;padding:26px}
.guide-checklist h3{font:400 29px Georgia,serif;color:#2a4a2d;margin:0 0 20px}
.guide-checklist ul{padding:0;list-style:none;margin:0}
.guide-checklist li{position:relative;padding:0 0 13px 21px;color:#507052;font-size:13px;line-height:1.7}
.guide-checklist li:before{content:"✓";position:absolute;left:0;font-weight:700;color:#4c8b4b}
.guide-sources{background:#fffefb;border:1px solid #e3e8dd;padding:23px}
.guide-sources p{font-size:12px;line-height:1.85;color:#6b7c6a;margin:0 0 17px}
.guide-sources a{display:block;font-size:12px;color:#35653d;font-weight:650;padding:11px 0;border-top:1px solid #e4e9dd;line-height:1.5}
.guide-back{padding:0 0 85px}
.guide-back a{font-size:13px;color:#315c38;font-weight:700}
@media(max-width:950px){.guide-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-body{grid-template-columns:minmax(0,1fr) 250px;gap:27px}}
@media(max-width:700px){.learn-section{padding:65px 0 73px}.learn-heading{display:block}.learn-heading h2{font-size:39px}.learn-heading>a{display:inline-block;margin-top:20px}.learn-grid{grid-template-columns:1fr;gap:13px}.learn-card{display:grid;grid-template-columns:130px 1fr;align-items:stretch;min-height:145px}.learn-card>img{height:100%;min-height:145px}.learn-card>span{padding:15px}.learn-card strong{font-size:21px}.guide-index-grid{grid-template-columns:1fr;gap:16px}.guide-index{padding-top:57px;padding-bottom:75px}.guide-tile-image{height:220px}.guide-body{grid-template-columns:1fr;padding:57px 0 30px}.guide-aside{position:static;grid-row:1}.guide-article section{margin-bottom:32px;padding-bottom:29px}.guide-article p{font-size:15px}.rich-plants{margin-bottom:55px}.rich-summary{font-size:20px;padding:18px 15px}.rich-photo{margin-bottom:40px}.rich-photo img{height:270px}.rich-science{padding:22px}.care-steps li{padding:14px 15px}.library-photo,.library-item .library-picto{width:48px;height:48px}}
@media(max-width:360px){.learn-card{grid-template-columns:100px 1fr}.learn-card strong{font-size:19px}.learn-card>span{padding:12px}.rich-photo img{height:215px}}

/* V4 : carnet horticole mois par mois, sans rupture de l’identité du Jardin. */
.month-promo{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);background:#e9efdd;margin-top:72px;overflow:hidden;border-radius:4px}
.month-promo-text{padding:clamp(30px,5vw,60px)}
.month-promo h2{font:400 clamp(31px,4vw,53px)/1.12 Georgia,serif;letter-spacing:-.04em;max-width:680px;color:#2b5034;margin:0 0 17px}
.month-promo h2 em{color:#b75b72}
.month-promo p{font-size:14px;color:#5f735e;max-width:430px;line-height:1.85;margin:0 0 22px}
.month-promo a{color:#326a38;font-size:13px;font-weight:750;border-bottom:1px solid #a9c19c;padding-bottom:4px}
.month-promo-photo{min-height:270px;position:relative;overflow:hidden}
.month-promo-photo img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}
.month-detail-link{margin:19px 0 13px;padding:13px 15px;background:#edf2e5;border:1px solid #d8e6d0;display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;color:#3a613c;font-weight:700}
.month-detail-link>span{color:#be9254;font-size:18px}
.month-detail-link a:nth-child(2){flex:1}
.month-detail-link a:hover{text-decoration:underline}
.month-index{padding-top:75px;padding-bottom:110px}
.month-index-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.month-tile{min-height:219px;padding:24px 21px;display:flex;flex-direction:column;border-top:4px solid #a3bf95;background:#f5f8ee;box-shadow:0 5px 22px #294a2d0b;transition:transform .2s,box-shadow .2s}
.month-tile:hover{transform:translateY(-3px);box-shadow:0 12px 24px #304c3517}
.month-tile>span{font-weight:800;font-size:10px;letter-spacing:.15em;color:#7b8e74}
.month-tile h2{font:400 29px/1.1 Georgia,serif;color:#2d5137;margin:25px 0 11px;letter-spacing:-.035em}
.month-tile p{font-size:13px;line-height:1.6;color:#60755f;flex:1;margin-bottom:16px}
.month-tile b{font-size:11px;color:#3c6a3e}
.month-tile.season-0{border-color:#93acc6;background:#eef3f7}
.month-tile.season-1{border-color:#b5c982;background:#f3f6e9}
.month-tile.season-2{border-color:#e3bd69;background:#faf4e3}
.month-tile.season-3{border-color:#d39d74;background:#f8eee5}
.monthly-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:min(9vw,100px);padding-top:80px;padding-bottom:108px}
.monthly-task{display:flex;gap:24px;border-bottom:1px solid #e3e7db;padding:27px 0 32px}
.monthly-task>span{font:italic 28px Georgia,serif;color:#bd7480;min-width:40px}
.monthly-task h2{font:400 clamp(28px,3.3vw,40px)/1.2 Georgia,serif;color:#284b35;margin:0 0 12px}
.monthly-task p{max-width:650px;font-size:15px;color:#5a705a;line-height:1.85;margin:0}
.monthly-layout .warning{margin:29px 0}
.monthly-disclaimer{padding-top:30px}
.monthly-disclaimer h2{font-size:28px;color:#2b4c36;margin-bottom:15px}
.monthly-disclaimer p{color:#5d735e;line-height:1.9;font-size:14px}
.monthly-disclaimer a{font-weight:700;color:#33693c;text-decoration:underline}
.monthly-aside{background:#e8efdf;padding:28px;align-self:start}
.monthly-aside h3{font:400 30px/1.2 Georgia,serif;color:#2c4e37;margin:0 0 21px}
.monthly-aside a{display:block;padding:13px 0;border-top:1px solid #d1ddcb;color:#386840;font-size:13px;font-weight:750}
.monthly-aside a:hover{text-decoration:underline}
@media(max-width:1030px){.month-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.monthly-layout{gap:35px;grid-template-columns:minmax(0,1fr) 235px}}
@media(max-width:700px){.month-promo{grid-template-columns:1fr;margin-top:50px}.month-promo-text{padding:32px 25px}.month-promo h2{font-size:37px}.month-promo-photo{height:180px;min-height:180px}.month-index{padding:56px 0 75px}.month-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.month-tile{min-height:200px;padding:17px 16px}.month-tile h2{font-size:25px}.monthly-layout{grid-template-columns:1fr;padding:52px 0 75px}.monthly-aside{grid-row:auto}.monthly-task{gap:16px}.monthly-task h2{font-size:30px}.month-detail-link{font-size:11px;gap:10px}.month-detail-link a:nth-child(2){flex:0 0 calc(100% - 42px)}.month-detail-link a:last-child{margin-left:30px}}
@media(max-width:370px){.month-index-grid{grid-template-columns:1fr}.month-tile{min-height:165px}.month-promo h2{font-size:32px}}