/* Editorial guide. All rules are scoped to this page. */
.sf-page{--sf-paper:#f8f5ef;--sf-ink:#292c26;--sf-line:#ded8ce;--sf-muted:#5c6057;background:var(--sf-paper);color:var(--sf-ink);font-size:17px;line-height:1.75}
.sf-page h1,.sf-page h2,.sf-page h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;line-height:1.13;text-wrap:balance}
.sf-page h1,.sf-page h2,.sf-page h3{overflow-wrap:anywhere;hyphens:auto}
.sf-page .sf-copy,.sf-definition-media,.sf-colours>div,.sf-hero-copy{min-width:0}
.sf-page h1{font-size:clamp(38px,4vw,60px);max-width:680px;hyphens:none}
.sf-page h2{font-size:clamp(29px,3vw,42px);margin:0 0 26px}
.sf-page h3{font-size:26px;margin:0 0 15px}
.sf-page p{margin:0 0 20px;max-width:76ch}
.sf-page a{overflow-wrap:anywhere}
.sf-page img{display:block;width:100%;height:auto}
.sf-page figure{margin:0;min-width:0}
.sf-page figcaption{font-size:14px;line-height:1.5;color:var(--sf-muted);margin-top:12px}
.sf-page .sf-kicker{font:600 12px/1.5 var(--kr-font);letter-spacing:.14em;text-transform:uppercase;color:var(--kr-green);margin:0 0 18px}
.sf-breadcrumb{max-width:1280px;margin:0 auto;padding:18px 40px;font-size:13px;line-height:1.5;display:flex;gap:10px;flex-wrap:wrap;color:var(--sf-muted)}
.sf-breadcrumb a{color:inherit}
.sf-hero{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;min-height:540px;background:#f5f1e9}
.sf-hero-copy{align-self:center;padding:55px 40px 55px max(40px,calc((1440px - 1200px)/2));position:relative;z-index:1}
.sf-hero-copy .sf-subtitle{font:400 clamp(23px,2.2vw,30px)/1.35 Georgia,serif;margin-top:25px;max-width:530px;color:#353c31}
.sf-hero-copy .sf-intro{font-size:16px;line-height:1.7;margin:20px 0 28px;max-width:500px}
.sf-hero-photo{min-width:0;overflow:hidden;display:flex}
.sf-hero-photo img{width:100%;height:100%;min-height:540px;object-fit:cover;object-position:center}
.sf-page .sf-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:13px 22px;background:var(--kr-green);color:white;text-decoration:none;font-size:15px;font-weight:600;line-height:1.5;max-width:100%;text-align:center}
.sf-page .sf-button:hover{background:var(--kr-green-hover)}
.sf-hero-copy .sf-read{display:block;width:fit-content;margin-top:18px;font-size:14px;min-height:32px}
.sf-toc{border-top:1px solid var(--sf-line);border-bottom:1px solid var(--sf-line);max-width:1280px;margin:auto;padding:0 40px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sf-toc a{padding:18px 0;min-height:52px;font-size:14px;color:var(--sf-ink);text-decoration:none}
.sf-toc a:hover{text-decoration:underline}
.sf-section{max-width:1200px;margin:0 auto;padding:65px 40px;scroll-margin-top:24px;border-bottom:1px solid var(--sf-line)}
.sf-section .sf-copy>p:last-child{margin-bottom:0}
.sf-definition{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:50px;align-items:start}
.sf-definition-media{position:sticky;top:25px}
.sf-detail-image{background:#ece5da}
.sf-page .sf-diagram{display:block;width:100%;height:auto;max-width:520px;fill:none;stroke:none;color:var(--sf-ink);margin:25px auto 0}
.sf-diagram text{font:14px var(--kr-font);fill:var(--sf-ink);stroke:none}
.sf-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}
.sf-comparison figure{background:#e1ddd5;text-align:center;padding:35px 24px 20px}
.sf-art-display{height:320px;display:flex;align-items:center;justify-content:center}
.sf-art-display img{width:190px;height:253.33px;object-fit:cover;box-shadow:4px 8px 12px #0002}
.sf-art-display--framed img{outline:8px solid #1c1b18;box-shadow:0 0 0 18px #b99a6b,3px 6px 15px 21px #0002}
.sf-comparison figcaption{font-size:16px;font-weight:600;color:var(--sf-ink);margin-top:14px;overflow-wrap:anywhere;hyphens:auto}
.sf-colours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0}
.sf-colours figure{margin-bottom:23px}
.sf-colours img{aspect-ratio:1.25;object-fit:cover}
.sf-colours h3{font-size:25px}
.sf-colours p{font-size:16px;line-height:1.7}
.sf-page .sf-note{padding:20px 23px;background:#eee7d9;border-left:3px solid var(--kr-green);font-size:16px;line-height:1.7;margin:25px 0}
.sf-measure{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:50px;background:#f0ebe2}
.sf-measure .sf-copy{grid-column:1;grid-row:1}
.sf-measure-figure{grid-column:2;grid-row:1;position:sticky;top:30px;align-self:start;padding-top:30px}
.sf-page .sf-measure-figure .sf-diagram{max-width:480px;margin:0}
.sf-steps{padding-left:24px;margin:25px 0}
.sf-steps li{padding-left:6px;margin-bottom:15px}
.sf-steps li::marker{color:var(--kr-green);font-weight:700}
.sf-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0 35px;list-style:none;padding:0;counter-reset:sf-process}
.sf-process li{padding:24px 20px;background:#eee7db;border-top:2px solid #b5a287;counter-increment:sf-process;font-size:16px}
.sf-process li::before{content:'0' counter(sf-process);display:block;color:var(--kr-green);font-size:13px;letter-spacing:.1em;margin-bottom:12px}
.sf-process strong{display:block;font-family:Georgia,serif;font-size:25px;line-height:1.2;font-weight:400;margin-bottom:10px}
.sf-process span{display:block;font-size:15px;line-height:1.7}
.sf-faq .sf-copy{max-width:900px;margin:auto}
.sf-faq details{border-top:1px solid var(--sf-line);padding:0}
.sf-faq details:last-child{border-bottom:1px solid var(--sf-line)}
.sf-faq summary{list-style:none;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px 4px;font-size:17px;font-weight:600;line-height:1.5}
.sf-faq summary::-webkit-details-marker{display:none}
.sf-faq summary::after{content:'+';font-size:23px;font-weight:400;flex:0 0 18px}
.sf-faq details[open] summary::after{content:'−'}
.sf-faq details p{padding:0 30px 20px 4px;font-size:16px;margin:0}
.sf-final{max-width:none;background:#3b5936;color:#fffdf6;border-bottom:0;padding:65px max(40px,calc((100% - 1120px)/2))}
.sf-final .sf-copy{max-width:850px}
.sf-final .sf-kicker,.sf-final a{color:#faf6ea}
.sf-final .sf-button{background:#faf6ea;color:#294025;margin-top:12px}
.sf-final .sf-button:hover{background:white}
.sf-final :focus-visible{outline:3px solid #fffdf6;outline-offset:5px}
.sf-final h2{font-size:clamp(33px,3.5vw,48px)}
.sf-page .sf-byline{max-width:1200px;margin:0 auto;padding:20px 40px;color:var(--sf-muted);font-size:13px}
.kr-site:has(.sf-page) .kr-footer{margin-top:0}
@media(min-width:1441px){.sf-hero-copy{padding-left:80px}}
@media(max-width:950px){.sf-hero-copy{padding:35px 28px}.sf-hero h1{font-size:43px}.sf-hero-photo img{min-height:520px}.sf-definition,.sf-measure{gap:30px}.sf-colours{gap:18px}.sf-art-display img{width:160px;height:213.33px}.sf-art-display{height:275px}}
@media(max-width:760px){.sf-page{font-size:16px}.sf-breadcrumb{padding:15px 22px}.sf-hero{grid-template-columns:1fr;min-height:0}.sf-hero-copy{padding:35px 24px 30px}.sf-hero h1{font-size:clamp(37px,6.8vw,51px)}.sf-hero-copy .sf-subtitle{font-size:25px}.sf-hero-photo img{min-height:0;max-height:430px;aspect-ratio:1.5;object-fit:cover}.sf-toc{padding:9px 24px;justify-content:flex-start;gap:0 26px}.sf-toc a{padding:10px 0;min-height:40px}.sf-section{padding:40px 24px}.sf-definition,.sf-measure{grid-template-columns:1fr;gap:30px}.sf-definition-media{position:static;max-width:600px}.sf-definition .sf-copy{grid-row:1}.sf-measure .sf-copy,.sf-measure-figure{grid-row:auto;grid-column:auto}.sf-measure-figure{position:static;max-width:480px;padding-top:0;margin:auto}.sf-colours{grid-template-columns:1fr;gap:26px}.sf-colours>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 22px;align-items:start}.sf-colours figure{grid-row:1/3;margin:0}.sf-colours h3{font-size:25px}.sf-colours p{margin:0;font-size:15px}.sf-process{gap:14px}.sf-process li{padding:18px 15px}.sf-process strong{font-size:22px}.sf-final{padding:45px 24px}.sf-page .sf-byline{padding:18px 24px}}
@media(max-width:480px){.sf-page h2{font-size:31px}.sf-hero-copy{padding:30px 20px}.sf-hero h1{font-size:37px;overflow-wrap:normal;hyphens:auto}.sf-hero-copy .sf-subtitle{font-size:23px}.sf-page .sf-button{font-size:14px;padding:13px 17px}.sf-section{padding:35px 20px}.sf-toc{padding:8px 20px;gap:0 20px}.sf-toc a{font-size:13px}.sf-comparison{gap:13px}.sf-comparison figure{padding:20px 10px 15px}.sf-art-display{height:205px}.sf-art-display img{width:96px;height:128px}.sf-art-display--framed img{outline-width:5px;box-shadow:0 0 0 11px #b99a6b,3px 6px 12px 12px #0002}.sf-comparison figcaption{font-size:14px}.sf-colours>div{display:block}.sf-colours figure{margin-bottom:18px}.sf-colours img{aspect-ratio:1.5}.sf-colours h3{font-size:27px}.sf-colours p{font-size:16px}.sf-process{grid-template-columns:1fr;gap:12px}.sf-process li{padding:19px 20px}.sf-process strong{font-size:25px}.sf-process li::before{float:left;margin:7px 16px 0 0}.sf-process span{margin-left:36px}.sf-note{padding:18px!important}.sf-faq summary{font-size:16px}.sf-final{padding:35px 20px}.sf-byline{padding:18px 20px!important}}
@media(prefers-reduced-motion:reduce){.sf-page{scroll-behavior:auto}}
@media(max-width:360px){.kr-site:has(.sf-page) .kr-header .kr-help{display:none}}
