.ref-program {width:min(1120px,89%);margin:auto;color:#2b3024}
.ref-spread {display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(36px,6vw,88px);align-items:center;padding:clamp(40px,6.5vw,92px) 0}
.ref-copy {min-width:0}
.ref-kicker,.ref-card figcaption {color:#555f44;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.ref-kicker {margin:0 0 19px}
.ref-kicker span {color:#9a714c;margin:0 .37em}
.ref-program h1 {margin:0;font:400 clamp(52px,6.2vw,88px)/.98 Georgia,serif;letter-spacing:-.055em}
.ref-program h1 em {color:#805333;font-weight:400}
.ref-lead {max-width:40ch;font:400 clamp(17px,1.6vw,21px)/1.5 Arial,sans-serif;color:#424b3a;margin:22px 0 8px}
.ref-lead strong {color:#2e3428}
.ref-signature {font:italic 22px/1.3 Georgia,serif;margin:5px 0 23px}
.ref-actions {display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px}
.ref-primary {display:inline-flex;align-items:center;gap:17px;min-height:46px;padding:10px 17px;background:#444e32;border:1px solid #444e32;color:#fff9ea;cursor:pointer;font:600 14px/1.35 Arial,sans-serif}
.ref-primary:hover {background:#333e25}
.ref-primary[hidden],#ref-manual[hidden] {display:none}
.ref-text,.ref-card a {display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
.ref-text {font-size:14px}
.ref-card {padding:0;margin:0;min-width:0}
.ref-card img {display:block;width:100%;height:auto;box-shadow:0 10px 24px #514b3b20;transform:rotate(.8deg)}
.ref-card figcaption {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;letter-spacing:.065em;margin-top:9px}
.ref-card a {font:500 13px/1.3 Arial,sans-serif;text-transform:none;letter-spacing:0;gap:6px;color:#39432f}
#ref-status {color:#425236;font:14px/1.4 Arial,sans-serif;margin:8px 0 0}
#ref-status:empty {margin:0}
#ref-manual label {display:block;font-size:13px;margin:10px 0 4px}
#ref-manual input {box-sizing:border-box;width:min(100%,410px);padding:8px;font-size:16px}
.ref-guide {border-top:1px solid #afae99;padding:clamp(24px,4vw,48px) 0 clamp(46px,7vw,92px)}
.ref-guide h2 {margin:0 0 20px;font:italic 400 clamp(32px,4vw,52px)/1.05 Georgia,serif;letter-spacing:-.045em}
.ref-guide ol {list-style:none;counter-reset:ref-step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,55px);margin:0;padding:0}
.ref-guide li {counter-increment:ref-step}
.ref-guide li::before {content:"0" counter(ref-step);font:700 11px/1.3 Arial,sans-serif;color:#766b4c;letter-spacing:.08em}
.ref-guide h3 {font:400 clamp(23px,2.35vw,32px)/1.1 Georgia,serif;margin:8px 0;letter-spacing:-.035em}
.ref-guide p {color:#505849;font:15px/1.52 Arial,sans-serif;margin:0}
.ref-guide a {color:#34432c;text-underline-offset:3px}
@media(max-width:760px){
  .ref-spread,.ref-guide ol {grid-template-columns:minmax(0,1fr)}
  .ref-spread {gap:22px}
  .ref-card {width:min(100%,415px);margin-inline:auto}
  .ref-guide ol {gap:20px}
}

.ref-friend {margin:15px 0 0;color:#535c49;font:14px/1.5 Arial,sans-serif}
.ref-friend a {display:inline-flex;align-items:center;gap:.35em;min-height:44px;color:#34432c;font-weight:600;text-underline-offset:4px}