/* A property publication: a broad introduction, tactile editorial surfaces,
   real photography and a dedicated comparison composition. No stock assets. */
.article-rich{--editorial-paper:#fffefb;--editorial-green:#183e30;--editorial-bronze:#a58051;background:#f6f5ee}
.article-rich .article-byline-strip{order:1;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px 0 36px;padding:22px 0;border-bottom:1px solid #dce2d6;position:relative;z-index:5}
.article-rich .article-byline-strip .cl-sideauthor{display:flex;align-items:center;gap:15px;margin:0;padding:0;border:0}
.article-rich .article-byline-strip .cl-pic{width:64px;height:64px;border:2px solid white;box-shadow:0 8px 20px #183e3015}
.article-rich .article-byline-strip .cl-name{font-size:17px;line-height:1.4}
.article-rich .article-byline-strip .cl-role{font-size:11px;color:#657a6b;max-width:none}
.article-rich .article-byline-strip .cl-eyebrow{font-size:9px;letter-spacing:.12em}
.article-rich .article-outline{position:relative;font-family:'Plus Jakarta Sans',sans-serif;flex:none}
.article-rich .article-outline summary{list-style:none;cursor:pointer;border:1px solid #d5dfd1;border-radius:30px;padding:13px 20px;display:flex;align-items:center;gap:24px;font-size:12px;color:#284e39;background:#fffefb;box-shadow:0 4px 12px #193d2e06}
.article-rich .article-outline summary::-webkit-details-marker{display:none}
.article-rich .article-outline summary span{font-size:10px;color:#7b8a78;border-left:1px solid #dce1d4;padding-left:18px}
.article-rich .article-outline[open] summary{background:#244936;color:white}
.article-rich .article-outline[open] summary span{color:#e5eadf}
.article-rich .article-outline .cl-toc{position:absolute;right:0;top:calc(100% + 12px);width:440px;max-width:calc(100vw - 40px);background:#fffefb;padding:25px;border:1px solid #d9dfd0;border-radius:18px;box-shadow:0 24px 70px #173b2c24}
.article-rich .article-outline .cl-toc>.cl-eyebrow{display:none}
.article-rich .article-outline .cl-toc nav{columns:1!important}
.article-rich .article-outline .cl-toc nav a{display:block;font-size:12px;line-height:1.6;padding:11px 0;border-bottom:1px solid #e7eadf;color:#35513d}
.article-rich .article-outline .cl-toc nav a:last-child{border:0}
.article-rich .guide-story[data-layout=a] .cl-body{display:block;max-width:none;margin:0;width:100%;min-width:0}
.article-rich .cl-body .magazine-prose.wrap{width:100%;max-width:none;padding:0;margin:0}
/* Wide, photo-free lead: the story comes first, without a second hero. */
.article-rich .article-introduction{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.8fr);gap:42px;align-items:start;margin:0 0 60px}
.article-rich .article-introduction .rich-lead{margin:0!important;padding:12px 0 0!important}
.article-rich .article-introduction .magazine-copy h2{font-size:clamp(30px,3vw,43px)!important;line-height:1.16!important;margin:0 0 24px!important;max-width:24ch;text-wrap:balance}
.article-rich .article-introduction .magazine-copy p{font-size:18px!important;line-height:1.8!important;max-width:none}
.article-rich .article-introduction .magazine-copy>p:first-of-type{font-size:21px!important;line-height:1.65!important;color:#2d4b39}
.article-rich .article-introduction .cl-pull{position:relative;margin:0;padding:42px 32px 38px;border:1px solid #305745;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#3d604d,transparent 70%),linear-gradient(135deg,#254b39,#153c2d);color:#f7f2e5;box-shadow:0 20px 45px -20px #163c2c66;font-size:clamp(24px,2.4vw,33px);line-height:1.3;max-width:none;overflow:hidden}
.article-rich .article-introduction .cl-pull:before{content:'“';display:block;font-family:Georgia,serif;color:#c7ab78;font-size:90px;line-height:.5;margin:12px 0 25px}
/* Real local photographs sit within designed feature spreads, not above every paragraph. */
.article-rich .cl-body .magazine-prose .magazine-section.rich-photo-section{display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:0;align-items:stretch;padding:0!important;margin:0 0 54px!important;border:1px solid #e1e5d9!important;border-radius:26px!important;background:var(--editorial-paper)!important;box-shadow:0 20px 50px -28px #28432e40!important;overflow:hidden!important}
.article-rich .rich-photo-section .magazine-section-photo{position:relative!important;order:0!important;min-height:410px!important;margin:0!important;border-radius:0!important;align-self:stretch;height:auto!important;background:#e5eadd}
.article-rich .rich-photo-section .magazine-section-photo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover;display:block;border-radius:0!important}
.article-rich .rich-photo-section .magazine-copy{order:1!important;padding:38px 38px 30px!important;min-width:0}
.article-rich .rich-photo-section .magazine-copy h2{font-size:clamp(28px,2.6vw,37px)!important;margin:0 0 22px!important;line-height:1.18!important;text-wrap:balance}
.article-rich .rich-photo-section .magazine-copy p,.article-rich .rich-photo-section .magazine-copy li{font-size:17px!important;line-height:1.8!important;max-width:none}
.article-rich .cl-body .magazine-prose .rich-photo-section.photo-right{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.article-rich .rich-photo-section.photo-right .magazine-section-photo{order:1!important}
.article-rich .rich-photo-section.photo-right .magazine-copy{order:0!important}
.article-rich .cl-body .magazine-prose .rich-photo-section.photo-panorama{display:block!important}
.article-rich .rich-photo-section.photo-panorama .magazine-section-photo{height:330px!important;min-height:0!important}
.article-rich .rich-photo-section.photo-panorama .magazine-copy{padding:34px 48px 38px!important;max-width:960px;margin:auto}
/* Adjacent prose chapters become deliberate two-column spreads. */
.article-rich .rich-chapter-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;background:linear-gradient(135deg,#fffefb,#f0f2e7);border:1px solid #dce3d4;border-radius:24px;padding:38px 40px;margin:0 0 52px;box-shadow:0 12px 35px -22px #24452d30;position:relative}
.article-rich .rich-chapter-pair:before{content:'';position:absolute;top:38px;bottom:38px;left:50%;width:1px;background:#d9dfcf}
.article-rich .cl-body .magazine-prose .rich-text-section{display:block!important;padding:0!important;margin:0 0 44px!important;border:0!important;background:none!important;box-shadow:none!important}
.article-rich .cl-body .rich-chapter-pair .rich-text-section{margin:0!important}
.article-rich .rich-text-section .magazine-copy h2{font-size:30px!important;line-height:1.2!important;margin:0 0 20px!important;text-wrap:balance}
.article-rich .rich-text-section .magazine-copy p,.article-rich .rich-text-section .magazine-copy li{font-size:17px!important;line-height:1.8!important;max-width:none}
.article-rich .magazine-prose>.rich-text-section{max-width:840px;margin-left:auto!important;margin-right:auto!important;padding:10px 0 24px!important;border-bottom:1px solid #d7dfd0!important}
.article-rich .magazine-copy ul,.article-rich .magazine-copy ol{padding:20px 24px 20px 42px;background:#f0f3e9;border:1px solid #dde5d6;border-radius:16px}
/* Comparison articles keep a broad chart and their own paired neighbourhood cards. */
.article-rich.article-versus .versus-area-pair{gap:28px;margin-bottom:52px}
.article-rich.article-versus .versus-area{overflow:hidden;padding:0 0 24px;border-radius:24px;background:#fffefb;border:1px solid #dce3d4;box-shadow:0 20px 50px -30px #28432e40}
.article-rich.article-versus .versus-area .article-area-photo{margin:0 0 26px}
.article-rich.article-versus .versus-area .article-area-photo img{height:265px;border-radius:0}
.article-rich.article-versus .versus-area .magazine-copy{padding:0 30px!important}
.article-rich.article-versus .versus-area .magazine-copy h2{font-size:31px!important;margin:0 0 20px!important}
.article-rich.article-versus .versus-chart{background:linear-gradient(125deg,#eef3e8,#f9f8ef);padding:34px;border:1px solid #d8e1cf;border-radius:26px;box-shadow:0 20px 45px -28px #24462c35}
.article-rich.article-versus .versus-chart .magazine-copy h2{font-size:38px!important;margin-top:0!important}
.article-rich.article-versus .versus-comparison-table{background:#fffefb;border:1px solid #cedac4;box-shadow:0 12px 30px #28432e0a}
.article-rich.article-versus .versus-comparison-table thead th{background:#234b37;color:#fffaf0;border-color:#45634c;font-family:var(--serif);font-size:26px;font-weight:400;padding:24px}
.article-rich.article-versus .versus-comparison-table thead th:first-child{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#e0cb9f}
.article-rich.article-versus .versus-comparison-table tbody th{font-size:13px;font-weight:600;background:#eff3e8;color:#34513b;padding:20px;vertical-align:top}
.article-rich.article-versus .versus-comparison-table td{font-size:16px;padding:22px 24px;background:#fffefb;vertical-align:top}
.article-rich.article-versus .versus-comparison-table tbody tr:nth-child(even) td{background:#f7f8f1}
.article-rich.article-versus .versus-section:not(.versus-area):not(.versus-chart):not(.rich-lead){max-width:940px;margin:0 auto 46px;padding:0 20px}
.article-rich.article-versus .versus-wide-photo{height:340px;border-radius:22px;box-shadow:0 15px 40px -22px #28432e40}
/* The author is an integrated closing note, followed by substantial related reads. */
.article-rich .cl-authorbox{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:40px;align-items:start;padding:36px 40px;margin:62px 0 0;background:linear-gradient(120deg,#e8efdf,#f7f5e9);border:1px solid #d2ddc7;border-radius:24px;box-shadow:0 15px 40px -26px #28432e40}
.article-rich .cl-authorbox .cl-authorbox-head{flex-direction:column;align-items:flex-start;gap:16px}
.article-rich .cl-authorbox .cl-name{font-size:21px}
.article-rich .cl-authorbox .cl-role{font-size:12px;max-width:220px;line-height:1.7}
.article-rich .cl-authornote{margin:0!important;font-size:17px!important;line-height:1.8!important}
.article-rich .cl-authorbox-cta{margin-top:22px;padding:13px 22px;border-radius:26px;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;box-shadow:0 6px 16px #193d2e12}
.article-rich .cl-related{margin-top:60px}
.article-rich .cl-related>.cl-eyebrow{font-family:var(--serif);font-size:30px;font-weight:400;color:#244735;text-transform:none;letter-spacing:-.02em;margin-bottom:24px}
.article-rich .cl-rel-grid{gap:24px}
.article-rich .cl-rel-card{border-radius:20px;border:1px solid #dce2d3;box-shadow:0 12px 32px -22px #16342a40;background:#fffefb}
.article-rich .cl-rel-img{aspect-ratio:1.6}
.article-rich .cl-rel-body{padding:22px 22px 26px;gap:12px}
.article-rich .cl-rel-title{font-size:23px;line-height:1.25}
@media(max-width:1220px){
.article-rich .article-byline-strip,.article-rich .guide-story[data-layout=a] .cl-body{width:calc(100% - 40px);margin-left:20px;margin-right:20px}
}
@media(max-width:950px){
.article-rich .article-introduction{grid-template-columns:minmax(0,1.5fr) minmax(230px,.8fr);gap:28px}
.article-rich .article-introduction .cl-pull{padding:32px 24px;font-size:26px}
.article-rich .rich-photo-section .magazine-copy{padding:28px!important}
.article-rich .rich-chapter-pair{padding:30px;gap:36px}
}
@media(max-width:700px){
.article-rich .article-byline-strip{flex-wrap:wrap;gap:20px;margin-top:20px;margin-bottom:30px;padding:20px 0}
.article-rich .article-outline{width:100%}
.article-rich .article-outline summary{justify-content:space-between;min-height:44px;padding:12px 18px}
.article-rich .article-outline .cl-toc{position:static;width:100%;max-width:none;margin-top:12px;padding:18px;box-shadow:0 12px 30px #173b2c10}
.article-rich .article-introduction{display:block;margin-bottom:34px}
.article-rich .article-introduction .magazine-copy h2{font-size:32px!important;max-width:none;margin-bottom:20px!important}
.article-rich .article-introduction .magazine-copy p{font-size:17px!important;line-height:1.8!important}
.article-rich .article-introduction .magazine-copy>p:first-of-type{font-size:19px!important;line-height:1.7!important}
.article-rich .article-introduction .cl-pull{margin:28px 0 0;padding:30px 26px;font-size:27px;border-radius:20px}
.article-rich .article-introduction .cl-pull:before{font-size:72px;margin-bottom:20px}
.article-rich .cl-body .magazine-prose .magazine-section.rich-photo-section{display:flex!important;flex-direction:column;border-radius:21px!important;margin-bottom:32px!important}
.article-rich .rich-photo-section .magazine-section-photo,.article-rich .rich-photo-section.photo-right .magazine-section-photo{order:0!important;height:250px!important;min-height:0!important;flex:none;align-self:stretch}
.article-rich .rich-photo-section .magazine-copy,.article-rich .rich-photo-section.photo-panorama .magazine-copy{order:1!important;padding:26px 23px 20px!important}
.article-rich .rich-photo-section .magazine-copy h2{font-size:29px!important}
.article-rich .rich-photo-section .magazine-copy p,.article-rich .rich-text-section .magazine-copy p{font-size:17px!important;line-height:1.8!important}
.article-rich .rich-chapter-pair{display:block;padding:28px 24px;margin-bottom:32px;border-radius:21px}
.article-rich .rich-chapter-pair:before{display:none}
.article-rich .cl-body .rich-chapter-pair .rich-text-section+.rich-text-section{margin:28px 0 0!important;padding:28px 0 0!important;border-top:1px solid #dce3d2!important}
.article-rich .rich-text-section .magazine-copy h2{font-size:28px!important}
.article-rich .magazine-prose>.rich-text-section{padding-left:4px!important;padding-right:4px!important}
.article-rich .cl-authorbox{display:block;padding:28px 25px;margin-top:40px;border-radius:21px}
.article-rich .cl-authorbox .cl-authorbox-head{flex-direction:row;align-items:center;gap:15px;margin-bottom:24px}
.article-rich .cl-authorbox .cl-pic{width:88px;height:88px;flex:none}
.article-rich .cl-authorbox .cl-name{font-size:18px}
.article-rich .cl-authorbox .cl-role{font-size:11px}
.article-rich .cl-authornote{font-size:16px!important}
.article-rich .cl-related{margin-top:40px}
.article-rich .cl-rel-grid{gap:16px}
.article-rich .cl-rel-img{width:115px;aspect-ratio:auto}
.article-rich .cl-rel-body{padding:18px;gap:8px}
.article-rich .cl-rel-title{font-size:19px}
.article-rich.article-versus .versus-area-pair{grid-template-columns:minmax(0,1fr);gap:24px}
.article-rich.article-versus .versus-area .article-area-photo img{height:240px}
.article-rich.article-versus .versus-area .magazine-copy{padding:0 24px!important}
.article-rich.article-versus .versus-chart{padding:25px 18px;border-radius:22px;margin-left:0;margin-right:0}
.article-rich.article-versus .versus-chart .magazine-copy h2{font-size:30px!important}
.article-rich.article-versus .versus-comparison-table thead th{font-size:22px}
.article-rich.article-versus .versus-section:not(.versus-area):not(.versus-chart):not(.rich-lead){padding:0}
.article-rich.article-versus .versus-wide-photo{height:245px}
}
@media(max-width:360px){
.article-rich .cl-authorbox .cl-authorbox-head{flex-direction:column;align-items:flex-start}
.article-rich .cl-rel-img{width:90px}
.article-rich .cl-rel-body{padding:14px}
.article-rich .cl-rel-title{font-size:17px}
}
.article-rich .article-introduction.lead-only{display:block;max-width:940px;margin-left:auto;margin-right:auto}
.article-rich .cl-body .magazine-prose>.rich-checklist-section{max-width:none;background:linear-gradient(135deg,#eaf0e1,#f9f7ee)!important;border:1px solid #d5dfcb!important;padding:38px 42px!important;border-radius:24px!important;box-shadow:0 16px 40px -26px #28432e30!important}
.article-rich .rich-checklist-section .magazine-copy ul,.article-rich .rich-checklist-section .magazine-copy ol{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;list-style:none;padding:0;background:none;border:0;margin-top:24px}
.article-rich .rich-checklist-section .magazine-copy li{padding:16px 20px;margin:0;border:1px solid #dce4d3;border-radius:12px;background:#fffefb;box-shadow:0 4px 12px #24462c05;font-size:15px!important;line-height:1.7!important}
/* Guide directory: a leading editorial story, one companion, then two rows of three. */
.guide-publication.design-refined[data-guide-index=true] .journal{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px}
.guide-publication.design-refined[data-guide-index=true] .article-card{grid-column:span 4;display:flex;flex-direction:column;background:#fffefb;border:1px solid #dce2d3;border-radius:24px;overflow:hidden;box-shadow:0 18px 45px -28px #23402f50;min-width:0}
.guide-publication.design-refined[data-guide-index=true] .article-card:first-child{grid-column:span 8}
.guide-publication.design-refined[data-guide-index=true] .article-card .article-image{display:block;height:auto;min-height:0;aspect-ratio:1.6;overflow:hidden;border:0;border-radius:0;margin:0}
.guide-publication.design-refined[data-guide-index=true] .article-card .article-image img{width:100%;height:100%;object-fit:cover;display:block}
.guide-publication.design-refined[data-guide-index=true] .article-card:first-child .article-image{aspect-ratio:2.3}
.guide-publication.design-refined[data-guide-index=true] .article-card:nth-child(2) .article-image{flex:1;min-height:200px}
.guide-publication.design-refined[data-guide-index=true] .article-content{padding:28px 30px 30px;display:flex;flex-direction:column;gap:14px;flex:1}
.guide-publication.design-refined[data-guide-index=true] .article-content .eyebrow{font-size:10px;letter-spacing:.12em;color:#927246}
.guide-publication.design-refined[data-guide-index=true] .article-content h3{font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.2;margin:0;letter-spacing:-.02em;text-wrap:balance}
.guide-publication.design-refined[data-guide-index=true] .article-card:first-child h3{font-size:38px;max-width:24ch}
.guide-publication.design-refined[data-guide-index=true] .article-content p{font-size:15px;line-height:1.8;color:#5a6f60;margin:0}
.guide-publication.design-refined[data-guide-index=true] .article-content .text-link{align-self:flex-start;font-size:12px;font-weight:600;color:#284b35;margin-top:auto;padding:13px 20px;border:1px solid #d5dfcd;border-radius:28px;background:#f1f4e9;text-decoration:none}
.guide-publication.design-refined[data-guide-index=true] .article-content .text-link:hover{background:#244b36;color:#fff}
@media(max-width:950px){.guide-publication.design-refined[data-guide-index=true] .article-card,.guide-publication.design-refined[data-guide-index=true] .article-card:first-child{grid-column:span 6}.guide-publication.design-refined[data-guide-index=true] .article-card:first-child h3{font-size:30px}.guide-publication.design-refined[data-guide-index=true] .article-card:first-child .article-image{aspect-ratio:1.6}.guide-publication.design-refined[data-guide-index=true] .article-card:nth-child(2) .article-image{flex:none;min-height:0}}
@media(max-width:700px){
.article-rich .cl-body .magazine-prose>.rich-checklist-section{padding:28px 24px!important;border-radius:21px!important}
.article-rich .rich-checklist-section .magazine-copy ul,.article-rich .rich-checklist-section .magazine-copy ol{grid-template-columns:minmax(0,1fr)}
.guide-publication.design-refined[data-guide-index=true] .journal{grid-template-columns:minmax(0,1fr);gap:26px}
.guide-publication.design-refined[data-guide-index=true] .article-card,.guide-publication.design-refined[data-guide-index=true] .article-card:first-child{grid-column:auto}
.guide-publication.design-refined[data-guide-index=true] .article-content{padding:25px}
.guide-publication.design-refined[data-guide-index=true] .article-content h3,.guide-publication.design-refined[data-guide-index=true] .article-card:first-child h3{font-size:29px}
}
.article-rich.article-versus .versus-section.rich-photo-section{width:100%;max-width:none;padding:0;margin-left:0;margin-right:0}
.article-rich.article-versus .rich-chapter-pair .versus-section{width:100%;max-width:none;padding:0}