:root{color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFFFF;color:#111111;font:14px/1.55 Verdana,Geneva,"DejaVu Sans",sans-serif}
a{color:#003366;text-decoration:none}
a:hover{text-decoration:underline;color:#003366}
a:focus-visible{outline:2px solid #CC6600;outline-offset:2px;text-decoration:underline}

/* top: name + folder tabs */
.top{max-width:980px;margin:0 auto;padding:14px 14px 0;display:flex;justify-content:space-between;align-items:flex-end;gap:10px 24px;flex-wrap:wrap}
.name{margin:0 0 8px;font:bold 25px/1.1 Georgia,"Times New Roman",Times,serif;letter-spacing:-.3px}
.name a{color:#003366}
.name a:hover{text-decoration:none;color:#CC6600}
.tabs ul{list-style:none;margin:0;padding:0;display:flex;align-items:flex-end;gap:3px}
.tabs a{display:block;padding:7px 14px 6px;background:#E7D7A8;border:1px solid #B29D5E;border-bottom:0;border-radius:9px 9px 0 0;color:#003366;font:bold 13px/1.25 Verdana,Geneva,sans-serif;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;white-space:nowrap}
.tabs a:hover{background:#F2E6C3;text-decoration:none}
.tabs a[aria-current="page"]{background:#003366;border-color:#003366;color:#FFFFFF;padding-bottom:9px}
.tabs a:focus-visible{outline:2px solid #CC6600;outline-offset:1px}
.bar{background:#003366;color:#E7D7A8;border-bottom:3px solid #E7D7A8}
.bar-in{max-width:980px;margin:0 auto;padding:6px 14px;min-height:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 16px;font-size:13px}
.bar a{color:#FFFFFF;font-weight:bold}
.bar a:focus-visible{outline-color:#E7D7A8}

/* body: browse box + main column */
.shell{max-width:980px;margin:0 auto;padding:16px 14px 0;display:grid;grid-template-columns:186px minmax(0,1fr);gap:22px;align-items:start}
.browse{grid-column:1;grid-row:1;border:1px solid #C9B87C;background:#EFE7C2}
.browse h2{margin:0;padding:5px 9px;background:#E7D7A8;border-bottom:1px solid #C9B87C;font:bold 13px/1.4 Verdana,Geneva,sans-serif;color:#003366;text-transform:uppercase;letter-spacing:.5px}
.browse ul{list-style:none;margin:0;padding:6px 0 8px}
.browse li{padding:3px 9px 3px 20px;position:relative;font-size:13px;line-height:1.4}
.browse li::before{content:"\203A";position:absolute;left:9px;top:2px;color:#CC6600;font-weight:bold}
.main{grid-column:2;grid-row:1;min-width:0}

h1{margin:2px 0 10px;font:bold 27px/1.15 Georgia,"Times New Roman",Times,serif;color:#CC6600}
h2{margin:26px 0 10px;font:bold 21px/1.2 Georgia,"Times New Roman",Times,serif;color:#CC6600;border-bottom:1px solid #E7D7A8;padding-bottom:4px}
h3{margin:0 0 3px;font:bold 17px/1.3 Georgia,"Times New Roman",Times,serif;color:#003366}
.sub{margin:0 0 4px;font-size:15px;max-width:60ch}

/* buttons */
.buy{display:inline-block;min-height:44px;margin-top:14px;padding:11px 20px;background:#F0CF6A;background:linear-gradient(#FBE7A6,#E9C24F);border:1px solid #A8892F;border-radius:4px;color:#002244;font:bold 14px/1.4 Verdana,Geneva,sans-serif;text-decoration:none;box-shadow:inset 0 1px 0 #FFF6D8}
.buy:hover{background:#F6D36B;text-decoration:none;color:#002244}
.buy:focus-visible{outline:2px solid #003366;outline-offset:2px}
.fine{margin:8px 0 0;max-width:52ch;font-size:13px;color:#333333}
.perks{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px 22px;font-size:13px;font-weight:bold;color:#003366}
.perks span::before{content:"\203A";color:#CC6600;margin-right:6px}

/* service listing */
.list{margin:0;padding:0;list-style:none}
.list > div{padding:10px 0 11px;border-bottom:1px dotted #C9B87C}
.list > div:first-child{padding-top:2px}
.list p{margin:0}
.feature{border:1px solid #C9B87C;background:#FBF7E8;padding:12px 16px}
.feature p{margin:6px 0}
.big{display:block;font:bold 30px/1.1 Georgia,"Times New Roman",Times,serif;color:#CC6600}
.towns ul{margin:0;padding:0 0 0 20px;columns:2;column-gap:28px;list-style:square}
.towns li{margin:0;padding:2px 0;break-inside:avoid}
.towns li::marker{color:#CC6600}
.cart{max-width:34rem;border:2px solid #E7D7A8;background:#FFFDF4;padding:10px 16px}
.cart p{margin:6px 0}
.cart .small{font-size:13px;color:#333333}
.cart a{text-decoration:underline}

/* pages */
.text p{margin:0 0 12px;max-width:68ch}
.panel{border:1px solid #C9B87C;background:#FBF7E8;padding:10px 16px}
.panel p{margin:6px 0}
.faq details{border-bottom:1px dotted #C9B87C}
.faq summary{cursor:pointer;padding:9px 0 9px 20px;position:relative;list-style:none;font:bold 16px/1.35 Georgia,"Times New Roman",Times,serif;color:#003366}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"\25B8";position:absolute;left:2px;top:9px;color:#CC6600;font-size:14px}
.faq details[open] summary::before{content:"\25BE"}
.faq summary:hover{text-decoration:underline}
.faq summary:focus-visible{outline:2px solid #CC6600;outline-offset:2px}
.faq details > div{margin:0 0 12px 20px;padding:2px 0 2px 12px;border-left:3px solid #E7D7A8}
.faq details p{margin:4px 0}
.faq details a{text-decoration:underline}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:6px}
.card{border:1px solid #C9B87C}
.card.wide{grid-column:1 / -1}
.card h2{margin:0;padding:5px 10px;background:#E7D7A8;border-bottom:1px solid #C9B87C;font:bold 16px/1.3 Georgia,"Times New Roman",Times,serif;color:#003366}
.card > p,.card > ul{margin:10px 12px}
.card ul{padding-left:20px;list-style:square}
.card li{margin:3px 0}
.card li::marker{color:#CC6600}
.card a{text-decoration:underline}
.card .buy{text-decoration:none;margin-top:4px}
.phone-big{display:inline-block;min-height:44px;padding:4px 0;font:bold 28px/1.25 Georgia,"Times New Roman",Times,serif;color:#003366}
.card p .phone-big{text-decoration:none}
.back{font-weight:bold}
.nw{white-space:nowrap}

/* footer */
.foot{max-width:980px;margin:26px auto 0;padding:12px 14px 26px;border-top:3px solid #E7D7A8;font-size:13px;color:#333333;text-align:center}
.foot p{margin:0 auto 6px;max-width:80ch}
.foot a{text-decoration:underline}

@media (max-width:640px){
  body{font-size:16px}
  .top{padding:12px 16px 0;display:block}
  .name{font-size:22px;margin-bottom:10px}
  .tabs ul{align-items:stretch;gap:3px}
  .tabs li{flex:1 1 auto;display:flex}
  .tabs a{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;padding:11px 4px;font-size:15px;line-height:1.2;text-transform:none;letter-spacing:0;text-align:center;white-space:normal}
  .tabs a[aria-current="page"]{padding-bottom:11px}
  .bar-in{padding:7px 16px 2px;font-size:15px}
  .bar a{display:inline-block;padding:10px 0;min-height:44px}
  .shell{display:block;padding:14px 16px 0}
  .browse{margin-top:24px}
  .browse h2{font-size:15px}
  .browse li{font-size:16px;padding:6px 10px 6px 22px}
  .browse li::before{top:5px}
  h1{font-size:24px}
  h2{font-size:20px}
  .sub{font-size:16px}
  .buy{font-size:16px}
  .fine,.perks,.cart .small{font-size:15px}
  .perks{flex-direction:column;gap:4px}
  .towns ul{columns:1}
  .faq summary{font-size:17px}
  .cards{grid-template-columns:1fr}
  .phone-big{font-size:27px}
  .foot{padding:12px 16px 26px;font-size:15px}
}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
