:root{--navy:#172B3B;--cream:#F5F0E5;--sand:#C8B99E;--ink:#1d2a33;--serif:"Source Serif 4",Georgia,serif;--sans:"Source Sans 3",system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font:1.0625rem/1.65 var(--sans)}
h1,h2,h3{font-family:var(--serif);line-height:1.2;color:var(--navy)}
a{color:#0f4a73}
:focus-visible{outline:3px solid #b5651d;outline-offset:2px}
.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip:focus{position:fixed;top:.5rem;left:.5rem;background:#fff;padding:.5rem;z-index:9}
.site-head{background:var(--navy);color:var(--cream);border-bottom:6px solid var(--sand)}
.bar{max-width:68rem;margin:auto;padding:1rem}
.brand{display:block;color:inherit;text-decoration:none}
.name{display:block;font:700 clamp(1.5rem,4vw,2.4rem)/1.1 var(--serif)}
.tag{display:block;color:var(--sand)}
.tools{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem;align-items:center}
#sform{display:flex;gap:.5rem;flex:1 1 16rem}
#sform{align-items:center}
#sform input{height:45px;flex:1;min-width:0;padding:.6rem .8rem;border:2px solid var(--sand);background:#fff;font:inherit;color:var(--ink)}
.btn{font:600 1rem var(--sans);padding:.6rem 1rem;border:2px solid var(--sand);background:var(--sand);color:var(--navy);cursor:pointer;text-decoration:none;display:inline-block}
.btn.alt{background:transparent;color:var(--cream)}
.btn:disabled{opacity:.5;cursor:default}
main .btn{background:var(--navy);border-color:var(--navy);color:var(--cream)}
.menuwrap{position:relative}
.menubtn,.searchbtn{width:45px;height:45px;padding:0;border:0;border-radius:4px;background:transparent;cursor:pointer;display:block;line-height:0}
.menubtn:hover,.searchbtn:hover,.menubtn[aria-expanded=true]{background:rgba(245,240,229,.2)}
.menubtn img,.searchbtn img{display:block;width:45px;height:45px}
#menu{position:absolute;top:calc(100% + 2px);left:0;z-index:50;min-width:12rem;padding:.25rem 0;background:var(--navy);border:1px solid var(--sand);box-shadow:0 6px 16px rgba(0,0,0,.4)}
#menu a{display:block;padding:.55rem 2.5rem .55rem 1rem;color:#fff;text-decoration:none}
#menu a:hover,#menu a:focus{background:var(--cream);color:#000;outline:0}
.wrap{max-width:68rem;margin:auto;padding:2rem 1rem 4rem}
.hero{padding:1rem 0 2.5rem;margin-bottom:2rem;border-bottom:1px solid var(--sand)}
.hero h1{font-size:clamp(2rem,6vw,3.6rem);max-width:20ch;margin:0 0 1rem}
.lead{font:1.3rem/1.5 var(--serif)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.5rem;margin:1.5rem 0}
.card{background:#fff;border:1px solid var(--sand);border-top:5px solid var(--navy);display:flex;flex-direction:column}
.card img,.ph{width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--sand);display:block}
.cimg{display:block;overflow:hidden;color:inherit;position:relative}.cimg img{transition:transform .3s ease,opacity .3s ease}.cimg:hover img,.cimg:hover .ph{opacity:.85}.cimg:hover img{transform:scale(1.03)}
@media (prefers-reduced-motion:reduce){.cimg img{transition:none}.cimg:hover img{transform:none}}
.cb{padding:1rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.cb h3{margin:0;font-size:1.25rem}.cb p{margin:0}.meta{color:#4a5560;font-size:.9rem}
.more{margin-top:auto;font-weight:600}
.pager{margin:2.5rem 0 0}
.pager .totop{display:flex;justify-content:center;margin-top:1rem}
.pager nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem}
.pgb{min-width:2.75rem;height:2.75rem;padding:0 .8rem;border:2px solid var(--navy);background:#fff;color:var(--navy);font:600 1rem var(--sans);cursor:pointer}
.pgb:hover:not(:disabled){background:var(--sand)}
.pgb[aria-current=page]{background:var(--navy);color:var(--cream);opacity:1;cursor:default}
.pgb:disabled:not([aria-current]){opacity:.4;cursor:default}
.pgap{padding:0 .3rem;color:#4a5560}
.note{color:#4a5560}.err{color:#9b1c1c}.ok{color:#14532d}
.prose{max-width:42rem;font:1.15rem/1.75 var(--serif)}
.prose p{white-space:pre-line}.prose a{overflow-wrap:anywhere}
.share{margin:2.5rem 0 2rem;max-width:42rem;border-top:1px solid var(--sand);padding-top:1rem}
.share h2{margin:0 0 .75rem;font-size:1.25rem}
.share h3{margin:1.5rem 0 .25rem;font-size:1.05rem}
.share-note{margin:0 0 .75rem;font-size:.9rem;color:#4a5560}
.share ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.sh{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.35rem .9rem .35rem .45rem;border:2px solid var(--navy);background:#fff;color:var(--navy);font:600 .95rem var(--sans);text-decoration:none;cursor:pointer}
.sh:hover{background:var(--navy);color:var(--cream)}
.sh:focus-visible{outline:3px solid var(--navy);outline-offset:2px}
.sh-ic{display:inline-flex;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;border-radius:50%;background:var(--navy);color:var(--cream);font:700 .8rem/1 var(--sans)}
.sh:hover .sh-ic{background:var(--cream);color:var(--navy)}
.sh-ic svg{width:1.05rem;height:1.05rem}
@media print{.share{display:none}}
.car{margin:1.5rem 0;max-width:42rem}
.car-view{position:relative}
.car-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}
.car-track::-webkit-scrollbar{display:none}
.car-track:focus-visible{outline:3px solid var(--navy);outline-offset:2px}
.car-slide{flex:0 0 100%;margin:0;max-width:none;scroll-snap-align:start}
.car-slide img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:var(--cream)}
.car-btn{position:absolute;top:50%;transform:translateY(-50%);width:2.75rem;height:2.75rem;padding:0 0 .25rem;border:0;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font:2rem/1 var(--sans);cursor:pointer;display:flex;align-items:center;justify-content:center}
.car-btn:hover{background:rgba(0,0,0,.7)}
.car-btn:focus-visible{outline:3px solid #fff;box-shadow:0 0 0 6px var(--navy)}
.car-btn[hidden],.car-count[hidden],.car-cap[hidden]{display:none}
.car-prev{left:.5rem}.car-next{right:.5rem}
.car-count{position:absolute;right:.5rem;bottom:.5rem;background:rgba(0,0,0,.6);color:#fff;font:600 .85rem var(--sans);padding:.15rem .65rem;border-radius:1rem}
.car-cap{margin:.5rem 0 0;font-size:.9rem;color:#4a5560}
@media (prefers-reduced-motion:reduce){.car-track{scroll-behavior:auto}}
figure{margin:1.5rem 0;max-width:42rem}figure img{max-width:100%;height:auto}figcaption{font-size:.9rem;color:#4a5560}
.video{max-width:42rem;margin:1.5rem 0}.video div{aspect-ratio:16/9}.video iframe{width:100%;height:100%;border:0}
.form{max-width:36rem}.form label{display:block;font-weight:600;margin-top:1rem}.form .inline{font-weight:400}
.form input:not([type=checkbox]),.form textarea,.form select,select{width:100%;padding:.6rem;border:2px solid var(--navy);font:inherit;background:#fff}
select{width:auto}.hp{position:absolute;left:-9999px}
.site-foot{background:var(--navy);color:var(--cream);padding:1.5rem 1rem;text-align:center}
.site-foot a{color:var(--sand);margin:0 .6rem}.site-foot p{margin:.6rem 0}
.site-foot .social{display:flex;justify-content:center;gap:.9rem}
.site-foot .social a{margin:0;display:block;line-height:0;border-radius:50%}
.site-foot .social img{display:block;width:35px;height:35px}
.site-foot .social a:hover{opacity:.8}
.site-foot .foot-small{
  font-size:11px;

  color:#fff;
 
  
}
:root{--r:6px}
.btn,.pgb,.menubtn,.searchbtn,#sform input,.form input:not([type=checkbox]),.form textarea,.form select,select{border-radius:var(--r)}
#menu{border-radius:var(--r);overflow:hidden}
/* Facebook videos and reels */
.vbadge,.vplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:3.5rem;height:3.5rem;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none}
.vbadge::before,.vplay::before{content:"";margin-left:.25rem;border-style:solid;border-width:.7rem 0 .7rem 1.1rem;border-color:transparent transparent transparent #fff}
.vplay{width:4.5rem;height:4.5rem;border:0;padding:0;pointer-events:auto;cursor:pointer}
.vplay:hover{background:rgba(0,0,0,.8)}.vplay:focus-visible{outline:3px solid #fff;box-shadow:0 0 0 6px var(--navy)}
.car-slide.is-video{display:flex;flex-direction:column;align-items:center;background:var(--cream)}
.vbox{position:relative;height:min(75vh,640px);aspect-ratio:9/16;max-width:100%;background:var(--cream)}
.car-slide.is-video .vbox img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;background:var(--cream)}
.vbox iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vbox video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.vlink{margin:.5rem 0}
.vfail{position:absolute;inset:auto 0 0 0;margin:0;padding:.75rem;background:rgba(255,255,255,.92);font-size:.9rem}
.vhint{margin:.5rem 0 0;font-size:.9rem;color:#4a5560;max-width:30rem;text-align:center}
/* About page: text on the left, photo on the right (photo sits under the opening text on phones) */
.about{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem 3.5rem}
.about-intro,.about-body{min-width:0}
.about h1{font-size:clamp(2rem,5vw,3.1rem);margin:0 0 1.25rem;letter-spacing:-.01em}
.about-lead{margin:0 0 1.75rem;padding-left:1.1rem;border-left:4px solid var(--sand);font:italic 600 clamp(1.3rem,3vw,1.7rem)/1.35 var(--serif);color:var(--navy)}
.about .prose{max-width:38rem;font-size:1.1rem;line-height:1.8}
.about .prose p{margin:0 0 1.2rem}
.about-body h2{margin:2.5rem 0 1rem;font-size:clamp(1.4rem,3vw,1.75rem)}
.about-body h2::after{content:"";display:block;width:3rem;height:3px;margin-top:.6rem;background:var(--sand)}
.about-sign{margin-top:2.5rem!important;padding-top:1.25rem;border-top:1px solid var(--sand);font:italic 600 1.25rem/1.45 var(--serif);color:var(--navy)}
.about-photo{margin:0;max-width:26rem;width:100%;justify-self:center}
.about-frame{padding:1.5rem 1rem 0;background:linear-gradient(180deg,#fff 0%,#ece3d0 100%);border:1px solid var(--sand);border-top:5px solid var(--navy);border-radius:var(--r);box-shadow:0 6px 18px rgba(23,43,59,.12);overflow:hidden}
.about-photo img{display:block;width:100%;height:auto}
@media (min-width:56rem){
 .about{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);grid-template-areas:"intro photo" "body photo";grid-template-rows:auto 1fr;align-items:start}
 .about-intro{grid-area:intro}.about-body{grid-area:body}
 .about-photo{grid-area:photo;max-width:none;justify-self:stretch;position:sticky;top:1.5rem}
 .about-body h2:first-child{margin-top:.5rem}
}
/* Privacy policy */
.policy h1{font-size:clamp(2rem,5vw,3rem);margin:0 0 .4rem;letter-spacing:-.01em}
.policy-meta{margin:0 0 1.5rem;color:#4a5560;font-size:.95rem}
.policy .prose{max-width:44rem;font-size:1.08rem;line-height:1.75}
.policy .prose p{margin:0 0 1.1rem}
.policy .prose ul{margin:0 0 1.25rem;padding-left:1.3rem}
.policy .prose li{margin:0 0 .65rem}
.policy .prose h2{margin:2.75rem 0 .9rem;font-size:clamp(1.35rem,3vw,1.65rem);scroll-margin-top:1rem}
.policy .prose h2::after{content:"";display:block;width:3rem;height:3px;margin-top:.55rem;background:var(--sand)}
.policy-summary{max-width:44rem;margin:1.75rem 0;padding:1.25rem 1.5rem;background:#fff;border:1px solid var(--sand);border-top:5px solid var(--navy);border-radius:var(--r)}
.policy-summary h2{margin:0 0 .6rem;font-size:1.25rem}
.policy-summary ul{margin:0;padding-left:1.25rem}.policy-summary li{margin:.4rem 0}
.policy-summary,.policy-toc{font:1.05rem/1.65 var(--serif)}.policy-summary h2,.policy-toc h2{font-family:var(--serif)}
.policy-toc{max-width:44rem;margin:0 0 .5rem}
.policy-toc h2{margin:0 0 .6rem;font-size:1.1rem}
.policy-toc ol{margin:0;padding-left:1.4rem;columns:2;column-gap:2rem}
.policy-toc li{margin:0 0 .35rem;break-inside:avoid}
@media (max-width:40rem){.policy-toc ol{columns:1}}
@media print{.policy-toc{display:none}}

/* Home hero: intro text with framed photo on the right (photo stacks below text on phones) */
.hero-split{display:grid;grid-template-columns:minmax(0,1fr);gap:1.75rem 3rem;align-items:center}
.hero-split .lead{margin:0;padding-left:1.1rem;border-left:4px solid var(--sand);font-size:clamp(1.2rem,2.4vw,1.5rem);line-height:1.6;color:var(--navy)}
.hero-photo{margin:0;max-width:24rem;width:100%;justify-self:center}
.hero-photo .about-frame{padding:1.25rem 1rem 0;line-height:0}
.hero-photo img{display:block;width:100%;height:auto}
@media (min-width:48rem){.hero-split{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.hero-photo{max-width:none;justify-self:stretch}}

/* Translate this page (article view) */
.translate{margin:0 0 1.5rem;max-width:42rem;padding:.9rem 1rem 1rem;background:#fff;border:1px solid var(--sand);border-left:5px solid var(--navy);border-radius:var(--r)}
.translate h2{margin:0 0 .6rem;font-size:1.1rem}
.tr-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}
.tr-row label{font-weight:600}
.tr-row select{width:auto;min-width:14rem;flex:1 1 14rem;max-width:22rem;height:2.75rem;padding:.4rem .6rem}
.tr-go{min-height:2.75rem;box-sizing:border-box}
.translate .share-note{margin:.7rem 0 0}

/* Articles page: category and article type side by side (wraps on narrow screens) */
.filters{display:flex;flex-wrap:wrap;gap:0 1.5rem}.filters p{margin:.5rem 0}

/* Home page banner: full content width, scales down; on phones it crops to keep the title readable */
.banner{margin:0 0 2rem}
.banner img{display:block;width:100%;height:auto;border-radius:var(--r)}
@media (max-width:40rem){.banner img{height:9rem;object-fit:cover;object-position:62% center}}

/* Advanced search: header button on tablets and desktops; in the menu dropdown on phones */
.m-adv{display:none!important}
@media (max-width:40rem){.tools>.btn.alt{display:none}.m-adv{display:block!important}}

/* Home page intro: centred statement beneath the banner */
.intro{position:relative;max-width:48rem;margin:0 auto 3rem;padding:2.75rem 1.5rem 0;text-align:center}
.intro::before{content:"";display:block;width:6rem;height:2px;margin:0 auto 1.5rem;background:linear-gradient(90deg,transparent,var(--sand),transparent)}
.intro::after{content:"";display:block;width:.6rem;height:.6rem;margin:2rem auto 0;background:var(--sand);transform:rotate(45deg);box-shadow:-1.6rem 0 0 -.15rem var(--sand),1.6rem 0 0 -.15rem var(--sand)}
.intro-text{margin:0;font:400 clamp(1.2rem,2.6vw,1.6rem)/1.6 var(--serif);color:var(--ink);text-wrap:balance}
.intro-text strong{display:block;margin-bottom:.6rem;font-weight:700;font-size:1.25em;line-height:1.25;color:var(--navy);letter-spacing:.01em}
@media (max-width:40rem){.intro{padding-top:2rem;margin-bottom:2.25rem}}

/* "Top" link at the bottom of article pages */
.totop{margin:3rem 0 0;padding-top:1rem;border-top:1px solid var(--sand);text-align:center}
.totop a{display:inline-block;padding:.45rem 1.4rem;border:2px solid var(--navy);color:var(--navy);font:600 1rem var(--sans);text-decoration:none}
.totop a:hover{background:var(--navy);color:var(--cream)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* Buy us a coffee banner */
.coffee{margin:2.5rem 0}
.coffee a{display:block;border:1px solid var(--sand);border-radius:var(--r);overflow:hidden;box-shadow:0 2px 8px rgba(23,43,59,.12);transition:box-shadow .2s ease,transform .2s ease}
.coffee a:hover{box-shadow:0 6px 16px rgba(23,43,59,.25);transform:translateY(-2px)}
.coffee img{display:block;width:100%;height:auto}
@media (prefers-reduced-motion:reduce){.coffee a{transition:none}.coffee a:hover{transform:none}}

/* Contact prompt above the share section on article pages */
.contact-note{max-width:42rem;margin:2.5rem 0 0;font-size:1.05rem}
.contact-note a{font-weight:600}
/* Article photos open in a full size viewer */
.zoom{position:relative;display:block;width:100%;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;line-height:0;cursor:zoom-in}
.zoom::after{content:"Enlarge";position:absolute;left:.5rem;bottom:.5rem;padding:.15rem .65rem;border-radius:1rem;background:rgba(0,0,0,.6);color:#fff;font:600 .85rem/1.4 var(--sans)}
.zoom:focus-visible{outline:3px solid var(--navy);outline-offset:2px}
.lb-open{overflow:hidden}
.lb{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:1rem;background:rgba(10,16,22,.97)}
.lb[hidden]{display:none}
.lb-stage{position:relative;line-height:0}
.lb-img{display:block;width:auto;height:auto;max-width:calc(100vw - 2rem);max-height:calc(100vh - 6rem);max-height:calc(100dvh - 6rem);background:#000}
.lb-cap{margin:.75rem 0 0;max-width:min(60rem,calc(100vw - 8rem));font-size:1rem;line-height:1.4;text-align:center;color:#fff}
.lb-cap[hidden],.lb-count[hidden],.lb-btn[hidden]{display:none}
.lb-close,.lb-btn{display:flex;align-items:center;justify-content:center;padding:0 0 .25rem;border:0;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font:2rem/1 var(--sans);cursor:pointer}
.lb-close{position:absolute;top:.5rem;right:.5rem;width:2.75rem;height:2.75rem;font-size:2.25rem}
.lb-btn{position:absolute;top:50%;transform:translateY(-50%);width:3.25rem;height:3.25rem;font-size:2.5rem}
.lb-prev{left:.75rem}.lb-next{right:.75rem}
.lb-close:hover,.lb-btn:hover{background:rgba(0,0,0,.85)}
.lb-close:focus-visible,.lb-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.lb-count{position:absolute;top:1rem;left:1rem;padding:.15rem .65rem;border-radius:1rem;background:rgba(0,0,0,.6);color:#fff;font:600 .9rem var(--sans)}
/* Home, search and advanced search: a 1px line under each card's picture, across the card */
body[data-page=home] .cimg,body[data-page=search] .cimg,body[data-page=advanced] .cimg{border-bottom:1px solid var(--sand)}

/* Printer-friendly article: plain header, article body, copyright notice */
.print-head,.print-disclaimer{display:none}
@media print{
@page{margin:1.8cm}
body{background:#fff;color:#000;font-size:11pt;line-height:1.5}
.skip,.site-head,.translate,.share,.coffee,.totop,.contact-note,.car-btn,.car-count,.zoom-hint,#article>h2,#article>ul,#article iframe{display:none!important}
.print-head{display:block;margin:0 0 1rem;padding:0 0 .5rem;border-bottom:2px solid #000}
.print-head p{margin:0;font:700 22pt/1.2 var(--serif);color:#000}
.wrap{max-width:none;padding:0}
h1,h2,h3{color:#000;break-after:avoid}
h1{font-size:20pt;margin:.3rem 0 .8rem}
.meta{color:#000;font-size:10pt;margin:0}
.prose{max-width:none;font-size:11.5pt;line-height:1.6}
.prose p{orphans:3;widows:3}
a{color:#000;text-decoration:none}
.prose a{text-decoration:underline;overflow-wrap:anywhere}
.prose a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;word-break:break-all}
figure,.car-slide{break-inside:avoid;max-width:none;margin:0 0 1rem}
figure img,.car-slide img{max-height:9cm;width:auto;max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:none}
.zoom{border:0;padding:0;background:none}
.car,.car-view{max-width:none;margin:1rem 0}
.car-track{display:block;overflow:visible}
figcaption,.car-cap{color:#000;font-size:9.5pt}
.video{margin:1rem 0}.video div{display:none}.video a{color:#000}.video a::after{content:" (" attr(href) ")";font-size:9pt}
.print-disclaimer{display:block;margin-top:2rem;padding-top:.8rem;border-top:1px solid #000;font-size:9pt;line-height:1.45;break-inside:avoid}
.print-disclaimer h2{font-size:11pt;margin:0 0 .4rem}
.print-disclaimer p{margin:0 0 .5rem}
.print-disclaimer ul{margin:0 0 .5rem;padding-left:1.2rem}
.print-disclaimer a{text-decoration:underline}
}
