<style>
/* ---- Hortico site styles: shared by the header, footer and every section block ---- */
body { background:#F6F4EF; margin:0; -webkit-font-smoothing:antialiased; }
html { overflow-x:clip; }
.hc, .hc *, .hc *::before, .hc *::after { box-sizing:border-box; }
.hc { display:block; width:100%; color:#4A5257; font-family:Roboto,sans-serif; font-size:16px; line-height:1.5; text-align:left; }
.hc a { color:#14452F; text-decoration:none; }
.hc a:hover { color:#8E3F22; }
.hc label { margin-bottom:0; font-weight:inherit; }
.hc img { max-width:none; }
.hc button, .hc input, .hc select, .hc textarea { border-radius:0; font-family:inherit; }
.hc input, .hc select, .hc textarea { max-width:100%; }
.hc [hidden] { display:none !important; }
.hc *:focus { outline:none; }
.hc *:focus-visible { outline:2px solid #14452F; outline-offset:2px; }
.hc ::selection { background:#E2C9A6; color:#14452F; }
.hc [data-hc-ref="logoRef"] { scrollbar-width:none; -ms-overflow-style:none; }
.hc [data-hc-ref="logoRef"]::-webkit-scrollbar { display:none; }
.hc .hc-slot-empty { width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; padding:8px;
  border:1px dashed #C9C5BA; font:400 10px/1.4 'Roboto Mono',monospace; letter-spacing:0.14em; text-transform:uppercase; color:#8A8F92; }
.hc [role="status"].is-error { color:#8E3F22 !important; border-top-color:#B3532F !important; }
.hc [role="status"] a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.hc button[disabled] { opacity:0.6; cursor:wait !important; }

/* ---- header ---- */
.hc .hc-nav-bar { visibility:hidden; }
.hc .hc-nav-bar.is-current { visibility:visible; }
.hc .hc-menu-btn { display:none; }

/* ---- phones and small tablets: the nav folds into a Menu button ---- */
@media (max-width: 899px) {
  .hc header > div:first-child { align-items:center !important; row-gap:0 !important; }
  .hc .hc-menu-btn { display:inline-flex; align-items:center; gap:10px; min-height:48px; padding:0 2px; border:0; background:none;
    color:#F6F4EF; font:500 12px/1 'Roboto Mono',monospace; letter-spacing:0.14em; text-transform:uppercase; cursor:pointer; }
  .hc .hc-menu-icon { position:relative; width:18px; height:2px; background:currentColor; }
  .hc .hc-menu-icon::before, .hc .hc-menu-icon::after { content:""; position:absolute; left:0; width:18px; height:2px; background:currentColor; }
  .hc .hc-menu-icon::before { top:-6px; } .hc .hc-menu-icon::after { top:6px; }
  .hc header.is-open .hc-menu-icon { background:transparent; }
  .hc header.is-open .hc-menu-icon::before { top:0; transform:rotate(45deg); }
  .hc header.is-open .hc-menu-icon::after { top:0; transform:rotate(-45deg); }
  .hc .hc-nav { display:none !important; }
  .hc header.is-open .hc-nav { display:flex !important; flex-direction:column !important; flex-wrap:nowrap !important; align-items:stretch !important; gap:0 !important;
    flex:1 0 100%; width:100%; padding:0 0 16px; max-height:calc(100vh - 70px); max-height:calc(100dvh - 70px); overflow-y:auto; }
  .hc header.is-open .hc-nav > a { flex-direction:row !important; justify-content:space-between !important; align-items:center !important;
    min-height:52px !important; padding:0 !important; border-top:1px solid rgba(246,244,239,0.18); }
  .hc header.is-open .hc-nav > a .hc-nav-bar { width:24px !important; }
  .hc header.is-open [data-hc-on~="mouseenter:openRes"] { flex-direction:column !important; border-top:1px solid rgba(246,244,239,0.18); }
  .hc header.is-open [data-hc-on~="click:toggleRes"] { width:100%; justify-content:space-between !important; min-height:52px !important; padding:0 !important; }
  .hc header.is-open [role="menu"] { position:static !important; width:100% !important; max-height:none !important; box-shadow:none !important;
    grid-template-columns:1fr !important; margin-bottom:8px; }
  .hc header.is-open [role="menu"] > div { border-right:0 !important; padding:16px 20px !important; }
}

/* ---- phones: guide tabs become a swipeable strip instead of a 600px stack ---- */
@media (max-width: 640px) {
  .hc [role="tablist"][aria-label="Guides"] { display:flex !important; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .hc [role="tablist"][aria-label="Guides"]::-webkit-scrollbar { display:none; }
  .hc [role="tablist"][aria-label="Guides"] > button { flex:0 0 min(70vw, 230px); min-height:100px !important; scroll-snap-align:start; }
}

/* ---- small phones ---- */
@media (max-width: 420px) {
  .hc h1 { overflow-wrap:break-word; }
  .hc form { padding-left:20px !important; padding-right:20px !important; }
}

/* ---- print: guides print cleanly without site chrome ---- */
@media print {
  .hc header, .hc footer, .hc [role="tablist"], .hc aside, .hc [data-hc-on~="click:guidePrev"], .hc [data-hc-on~="click:guideNext"] { display:none !important; }
}

@media (prefers-reduced-motion: reduce) { .hc * { transition:none !important; scroll-behavior:auto !important; } }

/* hover and focus states from the design */
.hc .hc-h1:hover{color:#E2C9A6 !important}
.hc .hc-h2:hover{color:#8E3F22 !important}
.hc .hc-h3:hover{background:#E2C9A6 !important}
.hc .hc-h4:hover{border-color:#E2C9A6 !important;color:#E2C9A6 !important}
.hc .hc-h5:hover{color:#14452F !important}
.hc .hc-h6:hover{opacity:1 !important}
.hc .hc-h7:hover{border-color:#14452F !important}
.hc .hc-h8:hover{background:#F6F4EF !important;color:#14452F !important}
.hc .hc-h9:hover{background:#8E3F22 !important}
.hc .hc-h10:hover{background:#F6F4EF !important}
.hc .hc-h11:hover{transform:scale(1.04) !important}
.hc .hc-h12:hover{background:#8E3F22 !important;color:#F6F4EF !important}
.hc .hc-h13:hover{background:#FFFFFF !important}
.hc .hc-h14:hover{background:#F0EEE8 !important}
.hc .hc-f15:focus{border-color:#14452F !important}
.hc .hc-h16:hover{color:#F6F4EF !important}
.hc .hc-h17:hover{background:rgba(246,244,239,0.12) !important}
</style>
