/* Reference supplied on 16 October. Home layout and scoped navigation refinements. */
/* The native fixed header already reserves its height through body padding.
   A second sticky header inside the theme's overflow container doubles that space. */
body:has(#csTopnav) .csf .csf-bar{position:relative;top:auto}
body:has(#csTopnav) .csf .csf-bar :is(.csc-space-link,.csf-bar__login,.csf-bar__me){display:none}
.csf .csf-save-follow-help{font-size:13px;line-height:1.5;color:var(--csf-muted);max-width:72ch;margin:0}
.csf .csf-topichead__actions .csf-community-action{min-height:44px;padding:10px 14px;border:1px solid var(--csf-line);border-radius:999px;background:#fff;white-space:normal;line-height:1.35}
.csf .csf-topichead__actions .csf-community-action.is-on{background:var(--csf-clay-wash);color:var(--csf-clay-ink)}
.csf .csf-topichead__actions [data-csf-follow]{white-space:normal;line-height:1.35;min-height:44px}
@media(max-width:600px){.csf .csc-topic-page .csf-topichead__actions .csf-btn{font-size:13px;min-height:44px}}
.csf .csf-reference-home{--csf-bg:#faf8f5;--csf-sans:Arial,Helvetica,sans-serif;background:var(--csf-bg);font-family:var(--csf-sans);font-size:14px;font-weight:400;padding-bottom:32px}
.csf .csf-reference-home .csf-wrap{max-width:1360px;padding-inline:32px}
.csf .csf-reference-hero{background:#d7c9b9;margin:0;border:0}
.csf .csf-reference-hero__in{max-width:1440px;min-height:270px;position:relative;margin:auto;isolation:isolate}
.csf .csf-reference-hero__text{position:relative;z-index:2;width:55%;padding:26px 0 26px max(32px,calc((100% - 1296px)/2));box-sizing:border-box}
.csf .csf-reference-hero .csf-eyebrow{font-size:10px;letter-spacing:.17em;font-weight:500;margin:0 0 7px}
.csf .csf-reference-hero h1{font:700 clamp(32px,3.1vw,44px)/1.08 var(--csf-serif);letter-spacing:-.035em;margin:0 0 5px}
.csf .csf-reference-hero__lead{font:400 clamp(17px,1.7vw,22px)/1.3 Georgia,serif;margin:0 0 10px;color:#2d1810}
.csf .csf-reference-hero__desc{font:400 15px/1.4 Georgia,serif;max-width:58ch;margin:0 0 14px;color:#45372d}
.csf .csf-reference-hero .csf-search{height:44px;max-width:590px;background:#fff;border:0;box-shadow:none;padding:0 4px 0 14px;gap:10px}
.csf .csf-reference-hero .csf-search input[type=search]{font:400 13px Arial,Helvetica,sans-serif}
.csf .csf-reference-hero .csf-search .csf-btn{min-height:36px;font-size:12px;padding:0 22px;box-shadow:none}
.csf .csf-reference-hero__image{position:absolute;inset:0 0 0 auto;width:58%;z-index:1;overflow:hidden}
.csf .csf-reference-hero__image img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:right center;display:block}
.csf .csf-reference-hero__image::before{content:"";position:absolute;inset:0 auto 0 0;width:30%;background:linear-gradient(90deg,#d7c9b9,rgba(215,201,185,0));pointer-events:none;z-index:1}
.csf .csf-reference-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;padding-top:18px}
.csf .csf-reference-main{min-width:0}
.csf .csf-reference-home .csf-h2{font-size:24px;font-weight:600;line-height:1.2}
.csf .csf-reference-home .csf-section-head{margin-bottom:10px;gap:12px}
.csf .csf-reference-home .csf-section-head>.csf-link{font:400 12px/1.4 Arial,sans-serif;min-height:32px;align-items:center}
.csf .csf-reference-home .csf-carousel{grid-auto-columns:calc((100% - 60px)/7);gap:10px;padding-bottom:6px;scrollbar-width:thin}
.csf .csf-reference-home .csf-catcard{border-radius:5px;background:#fff;border-color:#e9e3dc;box-shadow:none}
.csf .csf-reference-home .csf-catcard__img{aspect-ratio:1.65;flex:none}
.csf .csf-reference-home .csf-catcard__body{padding:9px 9px 10px;gap:4px}
.csf .csf-reference-home .csf-catcard__ico{margin:0}
.csf .csf-reference-home .csf-catcard__ico .csf-ico{width:21px;height:21px}
.csf .csf-reference-home .csf-catcard__name{font:600 14px/1.18 Georgia,serif;overflow-wrap:anywhere}
.csf .csf-reference-home .csf-catcard__desc{font:400 11px/1.35 Arial,sans-serif;min-height:30px}
.csf .csf-reference-home .csf-catcard__meta{font:400 10px/1.4 Arial,sans-serif;padding-top:5px;color:#75675c}
.csf .csf-reference-home .csf-carousel-nav{justify-content:flex-end;gap:6px;margin:3px 0 10px}
.csf .csf-reference-home .csf-roundbtn{height:32px;width:32px;min-height:32px}
.csf .csf-reference-discussions{scroll-margin-top:115px;position:relative}
.csf .csf-reference-home .csf-listbox__head{border:0;padding:0;margin:0 0 4px;gap:10px;align-items:center;flex-wrap:wrap}
.csf .csf-reference-home .csf-tabs{gap:3px;max-width:100%;overflow-x:auto;flex-wrap:nowrap}
.csf .csf-reference-home .csf-tabs__item{font:400 12px/1.4 Arial,sans-serif;white-space:nowrap;padding:12px 10px;min-height:42px}
.csf .csf-reference-home .csf-tabs__item.is-active{font-weight:700}
.csf .csf-reference-home .csf-rows{border:0;border-radius:0;background:#fff}
.csf .csf-reference-home .csf-row{grid-template-columns:40px minmax(0,1fr) 104px;gap:12px;padding:11px 10px;min-height:82px}
.csf .csf-reference-home .csf-row__title{font:700 14px/1.3 Arial,sans-serif}
.csf .csf-reference-home .csf-row__excerpt{font:400 12px/1.4 Arial,sans-serif}
.csf .csf-reference-home .csf-row__meta{gap:4px 6px;font:400 11px/1.3 Arial,sans-serif;margin:0}
.csf .csf-reference-home .csf-row__meta .csf-chip{font-size:10px;padding:2px 6px;min-height:18px;border-radius:3px}
.csf .csf-reference-home .csf-row__stats{grid-column:3;grid-row:1;gap:5px}
.csf .csf-reference-home .csf-row__stat strong{font-size:12px}
.csf .csf-reference-home .csf-row__stat small{font-size:10px}
.csf .csf-reference-home :is(.csf-row__last,.csf-row__thumb,.csf-row__meta .csf-chip--tech){display:none}
.csf .csf-reference-home .csf-row__av .csf-av{width:38px!important;height:38px!important;font-size:13px}
.csf .csf-reference-home .csf-row__guide{font-size:11px;padding:0 8px}
.csf .csf-reference-aside{gap:14px}
.csf .csf-reference-aside .csf-card{padding:18px 18px;border-radius:7px;border:1px solid #ede5dc;box-shadow:none;background:#fff}
.csf .csf-reference-aside .csf-card--join{position:relative;background:#f0e8dd;isolation:isolate;overflow:hidden}
.csf .csf-reference-aside .csf-card--join>*:not(img){position:relative;z-index:1}
.csf .csf-reference-aside .csf-card__deco{position:absolute;right:0;top:5px;width:98px;height:142px;opacity:.4;z-index:0;pointer-events:none}
.csf .csf-reference-aside .csf-h4{font:600 19px/1.2 Georgia,serif;margin-bottom:9px}
.csf .csf-reference-aside p{font:400 13px/1.45 Arial,sans-serif;margin:0 0 12px}
.csf .csf-reference-aside .csf-btn{font-size:13px;min-height:40px;padding:10px 14px;box-shadow:none}
.csf .csf-reference-aside .csf-btn+.csf-btn{margin-top:7px}
.csf .csf-reference-aside .csf-card__head .csf-link{font-size:11px}
.csf .csf-reference-aside .csf-qlist li{padding-block:8px;gap:7px;font-size:12px}
.csf .csf-reference-aside .csf-qlist__n{font-size:10px}
.csf .csf-reference-aside .csf-card--share{min-height:108px;background:#e6d6c3;display:flex;align-items:center;gap:8px}
.csf .csf-reference-aside .csf-card--share__txt{font:400 12px/1.35 Arial,sans-serif}
.csf .csf-reference-tools{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin-top:8px}
.csf .csf-reference-tools a{font:400 12px/1.35 Arial,sans-serif;min-height:36px;display:flex;align-items:center;color:var(--csf-clay-ink)}
.csf :is(.csf-reference-help,.csf-reference-filters)>summary{min-height:36px;display:flex;align-items:center;gap:8px;cursor:pointer;font:400 12px/1.4 Arial,sans-serif;color:var(--csf-muted);list-style:none}
.csf :is(.csf-reference-help,.csf-reference-filters)>summary::-webkit-details-marker{display:none}
.csf :is(.csf-reference-help,.csf-reference-filters) nav{display:flex;flex-wrap:wrap;gap:4px 16px;padding-bottom:8px}
.csf :is(.csf-reference-help,.csf-reference-filters) nav>a{font:400 13px/1.4 Arial,sans-serif;min-height:36px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:3px}
.csf .csf-reference-explanation{font:400 13px/1.4 Arial,sans-serif;margin:10px 0}
.csf .csf-reference-home .csf-empty{padding:28px 20px;background:#fff;border-radius:6px}
.csf .csf-reference-home .csf-empty h2{font-size:22px}
@media(min-width:1600px){.csf .csf-reference-hero__in{max-width:1440px}.csf .csf-reference-hero__image{width:58%}}
@media(max-width:1199px){
 .csf .csf-reference-home .csf-wrap{padding-inline:24px}.csf .csf-reference-layout{grid-template-columns:minmax(0,1fr) 285px;gap:20px}
 .csf .csf-reference-home .csf-carousel{grid-auto-columns:calc((100% - 40px)/5)}
 .csf .csf-reference-hero__text{padding-left:24px;width:58%}.csf .csf-reference-hero__image{width:52%}
 .csf .csf-reference-hero h1{font-size:38px}.csf .csf-reference-hero__lead{font-size:20px}
}
@media(max-width:959px){
 .csf .csf-reference-layout{grid-template-columns:minmax(0,1fr)}.csf .csf-reference-aside{display:grid;grid-template-columns:1fr 1fr}
 .csf .csf-reference-home .csf-carousel{grid-auto-columns:calc((100% - 50px)/6)}
 .csf .csf-reference-hero__text{width:62%;padding-block:22px}.csf .csf-reference-hero__desc{font-size:14px}
}
@media(max-width:600px){
 .csf .csf-reference-home .csf-wrap{padding-inline:16px}.csf .csf-reference-home{padding-bottom:14px}
 .csf .csf-reference-hero__in{display:flex;flex-direction:column;min-height:0}
 .csf .csf-reference-hero__text{width:100%;padding:22px 16px 18px;order:2}
 .csf .csf-reference-hero__image{position:relative;inset:auto;width:100%;height:140px;order:1}
 .csf .csf-reference-hero__image img{object-fit:cover;object-position:right center}
 .csf .csf-reference-hero__image::before{inset:auto 0 0;width:100%;height:20px;background:linear-gradient(0deg,#d7c9b9,transparent)}
 .csf .csf-reference-hero h1{font-size:32px}.csf .csf-reference-hero__lead{font-size:18px;margin-bottom:8px}
 .csf .csf-reference-hero__desc{font-size:14px;margin-bottom:12px}.csf .csf-reference-hero .csf-search{height:48px}
 .csf .csf-reference-hero .csf-search .csf-btn{min-height:40px;padding:0 14px;font-size:12px}
 .csf .csf-reference-hero .csf-search input[type=search]{font-size:16px}
 .csf .csf-reference-home .csf-h2{font-size:23px}.csf .csf-reference-home .csf-carousel{grid-auto-columns:138px;gap:10px}
 .csf .csf-reference-home .csf-catcard__name{font-size:15px}.csf .csf-reference-home .csf-catcard__desc{font-size:12px}
 .csf .csf-reference-home .csf-catcard__meta{font-size:11px}.csf .csf-reference-home .csf-roundbtn{width:44px;height:44px}
 .csf .csf-reference-home .csf-listbox__head{display:block}.csf .csf-reference-home .csf-tabs{margin-top:5px}
 .csf .csf-reference-home .csf-tabs__item{min-height:44px;padding:13px 12px;font-size:13px}
 .csf .csf-reference-home .csf-row{grid-template-columns:34px minmax(0,1fr);gap:8px;padding:12px 8px}
 .csf .csf-reference-home .csf-row__av .csf-av{width:32px!important;height:32px!important}
 .csf .csf-reference-home .csf-row__stats{grid-column:2;grid-row:2;display:flex;gap:14px;justify-self:start}
 .csf .csf-reference-home .csf-row__stat{flex-direction:row;gap:4px;align-items:baseline}.csf .csf-reference-home .csf-row__stat small{font-size:11px}
 .csf .csf-reference-home .csf-row__title{font-size:15px}.csf .csf-reference-home .csf-row__excerpt{font-size:13px}
 .csf .csf-reference-aside{grid-template-columns:1fr}.csf .csf-reference-tools a,.csf :is(.csf-reference-help,.csf-reference-filters) nav>a{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.csf .csf-reference-home *{scroll-behavior:auto!important}}

/* Live review: neutralise the former 1100px sidebar layout and preserve the whole photograph. */
.csf .csf-reference-aside{display:flex;flex-direction:column}
.csf .csf-reference-hero__image img{object-fit:contain}
@media(min-width:601px) and (max-width:1199px){
 .csf .csf-reference-hero__text{width:56%;padding-right:16px}
 .csf .csf-reference-hero__image{width:50%}
}
@media(max-width:959px){.csf .csf-reference-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .csf .csf-reference-aside{grid-template-columns:minmax(0,1fr)}
 .csf .csf-reference-hero__image{height:auto;aspect-ratio:687/262}
}

/* Full-bleed panorama: one photographic background behind the desktop copy. */
.csf .csf-reference-hero__in{max-width:none;width:100%;min-height:clamp(280px,20vw,512px);display:flex;align-items:center}
.csf .csf-reference-hero__text{flex:none}
.csf .csf-reference-hero__image{inset:0;width:100%;height:100%;aspect-ratio:auto}
.csf .csf-reference-hero__image picture{display:block;width:100%;height:100%}
.csf .csf-reference-hero__image img{object-fit:cover;object-position:center}
.csf .csf-reference-hero__image::before{inset:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(244,235,222,.86) 0%,rgba(244,235,222,.76) 42%,rgba(244,235,222,.3) 58%,transparent 74%)}
@media(min-width:601px) and (max-width:959px){
 .csf .csf-reference-hero__text{width:62%}
 .csf .csf-reference-hero__image img{object-position:right center}
 .csf .csf-reference-hero__image::before{background:linear-gradient(90deg,rgba(244,235,222,.95) 0%,rgba(244,235,222,.88) 48%,rgba(244,235,222,.4) 66%,transparent 88%)}
}
@media(max-width:600px){
 .csf .csf-reference-hero__in{min-height:0;align-items:stretch}
 .csf .csf-reference-hero__image{position:relative;inset:auto;height:auto;aspect-ratio:687/262}
 .csf .csf-reference-hero__image img{object-fit:cover;object-position:center}
 .csf .csf-reference-hero__image::before{inset:auto 0 0;height:20px;background:linear-gradient(0deg,#d7c9b9,transparent)}
}

/* SEO: visible, accessible answers below the discussion stream. */
.csf-seo-faq{margin-top:24px;padding:24px;min-width:0}.csf-seo-faq details{border-bottom:1px solid #eaded4;padding:14px 0}.csf-seo-faq summary{cursor:pointer;font-weight:600;line-height:1.5}.csf-seo-faq p{line-height:1.65;margin:12px 0}.csf-seo-faq>.csf-link{display:inline-block;margin-top:16px}