body{margin:0}
a{color:#1F5C46;text-underline-offset:3px}a:hover{color:#0E2A20}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #F2B824;outline-offset:2px;box-shadow:0 0 0 2px #17362C}
.knit-d{background-image:url(/static/img/knit-dark.svg);background-repeat:repeat-x;background-size:32px 44px;background-position:center top}
.knit-l{background-image:url(/static/img/knit-light.svg);background-repeat:repeat-x;background-size:32px 44px;background-position:center top}
.ph{background-color:#D5DACD;background-image:url(/static/img/fells.svg);background-repeat:no-repeat;background-position:center bottom;background-size:cover}
button:disabled{opacity:.4;cursor:default}
textarea:focus-visible{outline:3px solid #F2B824;outline-offset:2px;box-shadow:0 0 0 2px #17362C}

/* things to do (Dent & Dentdale sections, edited in the admin) */
.dir{max-width:1264px;margin:0 auto;padding:0 32px 88px;box-sizing:border-box;display:flex;flex-direction:column;gap:64px}
.dir-jump{display:flex;flex-wrap:wrap;gap:8px}
.dir-jump a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:6px;background:#E2E5DB;color:#17362C;font-weight:700;font-size:16px;text-decoration:none}
.dir-sec{scroll-margin-top:16px}
.dir-sec h1{margin:0;font-family:'Besley','Rockwell',Georgia,serif;font-weight:800;font-size:clamp(40px,5.4vw,68px);line-height:1;letter-spacing:-.02em;color:#17362C;text-wrap:balance}
.dir-tile{display:flex;flex-direction:column;background:#E2E5DB;border-radius:10px;overflow:hidden;text-decoration:none;color:#18211D}
.dir-tile:hover{color:#18211D;background:#D6DACE}
.dir-tile img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.dir-tile .in{display:block;padding:24px}
.dir-tile .t{display:block;font-family:'Besley','Rockwell',Georgia,serif;font-weight:700;font-size:22px;line-height:28px;color:#17362C}
.dir-tile .d{display:block;margin-top:6px;font-size:17px;line-height:26px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dir-hero{display:block;width:100%;height:clamp(180px,34vw,420px);object-fit:cover;border-radius:6px;margin-bottom:24px}
.dir-intro{margin:18px 0 0;font-size:19px;line-height:30px;max-width:44em;text-wrap:pretty}
.dir-grid{margin-top:28px;display:grid;align-items:start;grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:24px}
.dir-card{min-width:0;background:#FAFAF7;border:1px solid #C9CEC2;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.dir-pic img{display:block;width:100%;height:auto}
.dir-pic.wide img{aspect-ratio:16/9;object-fit:cover}
.dir-pic.fit{background:#E2E5DB;padding:16px;display:flex;align-items:center;justify-content:center}
.dir-pic.fit img{width:auto;max-width:100%;height:auto;max-height:240px;object-fit:contain}
.dir-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px}
.dir-body h2,.dir-body h3{margin:0;font-family:'Besley','Rockwell',Georgia,serif;font-weight:700;font-size:24px;line-height:1.2;color:#17362C;text-wrap:balance}
.dir-body p{margin:0;font-size:17px;line-height:27px;text-wrap:pretty}
.dir-body dl{margin:6px 0 0;display:flex;flex-direction:column}
.dir-body dl div{display:flex;gap:10px;align-items:baseline;min-height:36px}
.dir-body dt{flex:0 0 36px;font-size:15px;font-weight:700;color:#56605A}
.dir-body dd{margin:0;font-size:17px;font-weight:700;min-width:0;overflow-wrap:anywhere}
/* phones */
.hl-menu{display:none}
@media (max-width:820px){
 .hl-wide{display:none!important}
 .hl-head>div{padding:10px 16px!important;gap:8px 16px!important}
 .hl-head img{width:190px!important;height:auto!important}
 .hl-menu{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:2px solid #17362C;border-radius:6px;background:transparent;color:#17362C;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
 #hl-nav{display:none!important;flex:1 1 100%;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding-bottom:8px}
 #hl-nav.open{display:flex!important}
 #hl-nav a{min-height:48px!important;border-bottom:1px solid #C9CEC2!important}
 #hl-nav a:last-child{margin-top:12px;justify-content:center;border-bottom:0!important}
 .knit-d,.knit-l{height:22px!important;background-size:16px 22px!important}
 [style*="max-width: 1264px"],.dir{padding-left:18px!important;padding-right:18px!important}
 main [style*="padding: 36px 40px"]{padding:24px 20px!important}
 .dir{gap:44px;padding-bottom:56px}
}