/* ==========================================================================
   Danny's Lock & Key — Cleveland, GA
   Vintage trade-sign system. Black sign bands, cream stock, brand gold.
   Motif: the double rule from the logo. Square corners. No blur shadows.
   Mobile-first: every base rule is the phone layout.
   ========================================================================== */

:root{
  /* Brand gold sampled from the logo artwork */
  --gold:        #F8D130;
  --gold-mid:    #C9A41F;
  --gold-deep:   #6E5510;   /* legible on cream */
  --gold-dim:    #5E470B;

  --black:       #0E0E0C;   /* sign black */
  --black-2:     #171713;
  --black-3:     #24241E;

  --paper:       #F6F1E4;   /* cream stock */
  --paper-2:     #EDE5D2;
  --paper-3:     #E3D9C1;

  --ink:         #1C1814;
  --ink-soft:    #413A31;
  --ink-faint:   #5C5346;

  --rule:        #CFC3A6;
  --oxblood:     #8C2F22;

  --wrap: 1140px;
  --narrow: 720px;

  --display: 'Oswald', 'Haettenschweiler', 'Arial Narrow', sans-serif;
  --body: 'Lora', Georgia, 'Times New Roman', serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}

body{
  margin:0;
  font-family:var(--body);
  font-size:19px;
  line-height:1.72;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  /* faint paper tooth */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");
  padding-bottom:64px;           /* room for the sticky call bar */
}

img{max-width:100%;height:auto;display:block}

h1,h2,h3,h4{
  font-family:var(--display);
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.015em;
  line-height:1.08;
  color:var(--ink);
  margin:0 0 .5em;
}
h1{font-size:clamp(2.1rem,8.5vw,3.6rem);letter-spacing:.005em}
h2{font-size:clamp(1.5rem,5.5vw,2.25rem)}
h3{font-size:1.12rem;letter-spacing:.04em}
p{margin:0 0 1.15em}
a{color:var(--gold-dim);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--ink)}
strong{font-weight:700}

.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:20px}
.narrow{max-width:var(--narrow)}

.skip{position:absolute;left:-9999px;background:var(--gold);color:var(--black);
  padding:12px 18px;z-index:99;font-family:var(--display);text-transform:uppercase}
.skip:focus{left:12px;top:12px}
:focus-visible{outline:3px solid var(--gold-deep);outline-offset:2px}

/* --------------------------------------------------------------------------
   The double rule — lifted straight off the logo. Used as every divider.
   -------------------------------------------------------------------------- */
.dbl{border:0;height:0;border-top:3px solid var(--gold-deep);
  border-bottom:1px solid var(--gold-deep);padding-bottom:3px;margin:0}
.dbl-light{border-top-color:var(--gold);border-bottom-color:var(--gold);opacity:.8}

.eyebrow{
  font-family:var(--display);font-weight:500;text-transform:uppercase;
  letter-spacing:.22em;font-size:.7rem;color:var(--gold-dim);
  margin:0 0 14px;
}
.eyebrow-gold{color:var(--gold)}

.ornament{display:flex;align-items:center;gap:14px;margin:0 0 26px}
.ornament::before,.ornament::after{content:"";flex:1;height:0;
  border-top:2px solid var(--rule);border-bottom:1px solid var(--rule);padding-bottom:2px}
.ornament span{font-family:var(--display);text-transform:uppercase;
  letter-spacing:.2em;font-size:.72rem;color:var(--ink-faint)}

/* --------------------------------------------------------------------------
   Header — black sign band carrying the gold logo
   -------------------------------------------------------------------------- */
.site-head{background:var(--black);border-bottom:3px solid var(--gold)}
.head-inner{display:flex;align-items:center;gap:12px;padding-block:9px}
.brand{display:block;margin-right:auto;min-width:0;flex:1}
.brand img{width:auto;height:38px;max-width:100%}
.head-actions{display:flex;align-items:center;gap:8px;flex:none}
.head-phone{display:none}
.navtoggle{width:48px;height:44px;border:2px solid var(--gold);background:transparent;
  display:grid;place-content:center;gap:5px;cursor:pointer;padding:0}
.navtoggle span{display:block;width:22px;height:2px;background:var(--gold)}

.site-nav{display:none;background:var(--black-2);border-top:1px solid #333}
.site-nav.open{display:block}
.site-nav ul{list-style:none;margin:0;padding:0 0 8px;
  display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
.site-nav a{display:flex;align-items:center;color:var(--paper);text-decoration:none;
  font-family:var(--display);text-transform:uppercase;letter-spacing:.07em;
  font-size:.96rem;padding:12px 2px;border-bottom:1px solid #2b2b24;min-height:50px}
.site-nav a:hover,.site-nav a[aria-current]{color:var(--gold)}

/* --------------------------------------------------------------------------
   Hero — a painted sign board
   -------------------------------------------------------------------------- */
.hero{background:var(--black);color:var(--paper);
  border-bottom:4px solid var(--gold);position:relative}
.hero-in{padding-block:34px 38px;position:relative;z-index:1}
.hero h1{color:var(--gold);margin-bottom:.28em;
  text-shadow:2px 2px 0 rgba(0,0,0,.55)}
.hero h1 .sub{display:block;color:var(--paper);
  font-size:clamp(.98rem,3.6vw,1.35rem);font-weight:400;letter-spacing:.09em;
  margin-top:.75em;text-shadow:none}
.hero-sub{font-size:1.06rem;color:#CFC6B4;max-width:54ch;margin:18px 0 24px}
.hero-rule{margin:20px 0 22px;border-top:3px solid var(--gold);
  border-bottom:1px solid var(--gold);height:0;padding-bottom:3px;max-width:280px}
.hero-btns{display:grid;gap:11px}
.hero-rating{margin:22px 0 0;font-family:var(--display);text-transform:uppercase;
  letter-spacing:.11em;font-size:.78rem;color:#B6AC98}
.hero-rating b{color:var(--gold);font-size:1.15rem;letter-spacing:0}

/* --------------------------------------------------------------------------
   Buttons — rectangles. No pills, no gradients.
   -------------------------------------------------------------------------- */
.btn{
  display:flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--display);font-weight:600;text-transform:uppercase;
  letter-spacing:.11em;font-size:1rem;text-decoration:none;
  padding:17px 26px;min-height:58px;border:2px solid transparent;cursor:pointer;
  text-align:center;
}
.btn svg{width:18px;height:18px;fill:currentColor;flex:none}
.btn-gold{background:var(--gold);color:var(--black);border-color:var(--gold);
  box-shadow:3px 3px 0 rgba(0,0,0,.45)}
.btn-gold:hover{background:#FFDE50;color:var(--black)}
.btn-gold:active{transform:translate(2px,2px);box-shadow:1px 1px 0 rgba(0,0,0,.45)}
.btn-out{background:transparent;color:var(--gold);border-color:var(--gold)}
.btn-out:hover{background:var(--gold);color:var(--black)}
/* on cream */
.sec .btn-out,.page-head .btn-out{color:var(--ink);border-color:var(--ink)}
.sec .btn-out:hover,.page-head .btn-out:hover{background:var(--ink);color:var(--paper)}
.sec .btn-gold,.page-head .btn-gold{box-shadow:3px 3px 0 var(--paper-3)}

/* --------------------------------------------------------------------------
   Sections
   -------------------------------------------------------------------------- */
.sec{padding-block:clamp(38px,7vw,64px)}
.sec-alt{background:var(--paper-2);border-block:1px solid var(--rule)}
.sec-dark{background:var(--black);color:#CFC6B4;border-block:4px solid var(--gold)}
.sec-dark h2,.sec-dark h3{color:var(--gold)}
.sec-head{margin-bottom:28px;max-width:62ch}
.sec-head p{color:var(--ink-soft);margin:0}
.sec-dark .sec-head p{color:#C4BAA6}

.page-head{padding-block:30px 26px;background:var(--paper-2);
  border-bottom:1px solid var(--rule)}
.page-head h1{font-size:clamp(1.75rem,5.6vw,2.6rem)}
.page-head .lede{font-size:1.06rem;max-width:60ch;color:var(--ink-soft)}
.page-head .hero-btns{margin-top:22px}
.crumbs{padding-block:12px;font-size:.8rem;font-family:var(--display);
  text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint)}
.crumbs a{color:var(--ink-faint);text-decoration:none}
.crumbs a:hover{color:var(--gold-dim)}
.crumbs span{color:var(--ink)}

/* --------------------------------------------------------------------------
   Cards — bordered plates, square corners
   -------------------------------------------------------------------------- */
.cards{display:grid;gap:0;border-top:1px solid var(--rule)}
.card{display:block;padding:22px 2px;text-decoration:none;
  border-bottom:1px solid var(--rule);background:transparent}
.card h3{margin-bottom:.35em;color:var(--ink)}
.card:hover h3{color:var(--gold-dim)}
.card p{color:var(--ink-soft);font-size:1rem;margin-bottom:.6em}
.card-go{font-family:var(--display);text-transform:uppercase;letter-spacing:.13em;
  font-size:.74rem;color:var(--gold-dim)}
.card-lead{background:var(--paper-2);padding:26px 22px 24px;
  border:0;border-top:5px solid var(--gold-deep);
  border-bottom:2px solid var(--gold-deep);margin-bottom:22px}
.card-lead h3{font-size:1.62rem;margin-bottom:.3em}
.card-lead p{color:var(--ink-soft)}
.card-lead .card-go{font-size:.82rem}
.card-lead .btn{display:inline-flex;width:auto;margin-right:10px;margin-bottom:8px}
.lead-caps{list-style:none;margin:18px 0 20px;padding:0;display:grid;gap:9px}
.lead-caps li{padding-left:22px;position:relative;font-size:1rem;color:var(--ink-soft)}
.lead-caps li::before{content:"";position:absolute;left:0;top:.62em;
  width:11px;height:3px;background:var(--gold-deep)}

/* automotive capability list */
.caps{display:grid;gap:0;margin-top:8px;border-top:1px solid var(--rule)}
.cap{padding:18px 0;border-bottom:1px solid var(--rule)}
.cap h3{margin-bottom:.3em;font-size:1.05rem;letter-spacing:.05em}
.cap p{margin:0;font-size:1rem;color:var(--ink-soft)}

/* trust */
.trust{display:grid;gap:24px}
.tr h3{margin-bottom:.35em}
.tr p{margin:0;font-size:1rem;color:var(--ink-soft)}
.tr-n{font-family:var(--display);font-size:.72rem;letter-spacing:.2em;
  color:var(--gold-dim);display:block;margin-bottom:8px}

/* compact trust strip: three short promises, one screen-line each */
.strip{background:var(--paper-2);border-bottom:1px solid var(--rule)}
.strip-in{display:grid;gap:0;padding-block:4px}
.strip-item{display:flex;gap:13px;align-items:flex-start;padding:15px 0;
  border-bottom:1px solid var(--rule)}
.strip-item:last-child{border-bottom:0}
.strip-item b{font-family:var(--display);font-weight:600;text-transform:uppercase;
  letter-spacing:.05em;color:var(--ink);white-space:nowrap;font-size:.98rem}
.strip-item span{color:var(--ink-soft);font-size:1rem}
.strip-mark{flex:none;width:13px;height:3px;background:var(--gold-deep);margin-top:.62em}

/* long-form blocks */
.blk{padding-block:26px;border-bottom:1px solid var(--rule)}
.blk:first-child{padding-top:0}
.blk:last-child{border-bottom:0}
.blk h2{font-size:clamp(1.22rem,4.4vw,1.6rem)}
.blk p{margin-bottom:0;color:var(--ink-soft)}
.blk p+p{margin-top:1em}

/* --------------------------------------------------------------------------
   CTA band
   -------------------------------------------------------------------------- */
.band{background:var(--gold);color:#2B2308;
  border-top:3px solid var(--black);border-bottom:3px solid var(--black)}
.band-in{padding-block:30px;display:grid;gap:20px}
.band h2{color:var(--black);margin-bottom:.25em;font-size:clamp(1.3rem,5vw,1.85rem)}
.band p{margin:0;color:#3D3210;max-width:52ch;font-size:1.02rem}
.band .btn-gold{background:var(--black);color:var(--gold);border-color:var(--black);
  box-shadow:3px 3px 0 rgba(0,0,0,.22)}
.band .btn-gold:hover{background:#000;color:var(--gold)}
.band .btn-out{color:var(--black);border-color:var(--black);background:transparent}
.band .btn-out:hover{background:var(--black);color:var(--gold)}
.band-btns{display:grid;gap:11px}

/* --------------------------------------------------------------------------
   Reviews
   -------------------------------------------------------------------------- */
.revs{display:grid;gap:0;border-top:1px solid var(--rule)}
.rev{margin:0;padding:22px 0;border-bottom:1px solid var(--rule)}
.stars{color:var(--gold-mid);letter-spacing:3px;font-size:1rem;margin-bottom:9px}
.rev blockquote{margin:0 0 12px;font-size:1.04rem;line-height:1.62;color:var(--ink)}
.rev blockquote::before{content:"\201C"}
.rev blockquote::after{content:"\201D"}
.rev figcaption{font-family:var(--display);text-transform:uppercase;
  letter-spacing:.12em;font-size:.72rem;color:var(--ink-faint)}
.src-note{margin:20px 0 0;font-size:.84rem;color:var(--ink-faint);max-width:68ch}

/* --------------------------------------------------------------------------
   FAQ
   -------------------------------------------------------------------------- */
.faq details{border-bottom:1px solid var(--rule)}
.faq details:first-child{border-top:1px solid var(--rule)}
.faq summary{padding:19px 46px 19px 0;cursor:pointer;list-style:none;
  position:relative;font-family:var(--display);text-transform:uppercase;
  letter-spacing:.05em;font-size:1.05rem;color:var(--ink);min-height:60px;
  display:flex;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:50%;
  transform:translateY(-50%);font-size:1.5rem;color:var(--gold-dim);line-height:1;
  font-family:var(--body)}
.faq details[open] summary::after{content:"\2013"}
.faq div{padding:0 0 22px;font-size:1.02rem;color:var(--ink-soft)}
.more{margin-top:22px}
.more a{font-family:var(--display);text-transform:uppercase;letter-spacing:.13em;
  font-size:.8rem;text-decoration:none;border-bottom:2px solid var(--gold-mid);
  padding-bottom:2px}

/* --------------------------------------------------------------------------
   Service-area grids
   -------------------------------------------------------------------------- */
.citygrid{display:grid;gap:0;grid-template-columns:1fr 1fr;
  border-top:1px solid var(--rule);border-left:1px solid var(--rule)}
.citygrid a{display:flex;align-items:center;padding:18px 14px;text-decoration:none;
  border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);min-height:66px}
.citygrid strong{display:block;font-family:var(--display);text-transform:uppercase;
  letter-spacing:.05em;font-size:1.05rem;color:var(--ink)}
.citygrid a:hover strong{color:var(--gold-dim)}

.arealist{border-top:2px solid var(--rule);margin-top:6px}
.arearow{display:flex;align-items:center;gap:16px;padding:20px 4px;
  text-decoration:none;border-bottom:1px solid var(--rule);min-height:82px}
.arearow-txt{flex:1;min-width:0}
.arearow h3{margin:0 0 3px;font-size:1.3rem;letter-spacing:.03em}
.arearow p{margin:0;font-size:1rem;color:var(--ink-soft)}
.arearow-go{flex:none;font-size:1.7rem;color:var(--gold-dim);line-height:1}
.arearow:hover h3{color:var(--gold-dim)}

/* --------------------------------------------------------------------------
   Tables / notices
   -------------------------------------------------------------------------- */
.hours{width:100%;border-collapse:collapse;font-size:.93rem}
.hours th{text-align:left;font-weight:400;padding:6px 0;font-family:var(--display);
  text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}
.hours td{text-align:right;padding:6px 0;font-variant-numeric:tabular-nums}
.hours-lg{max-width:420px;font-size:1rem;margin-bottom:1.2em}
.hours-lg th,.hours-lg td{padding:11px 0;border-bottom:1px solid var(--rule)}
.warn{background:#FBF3D8;border:1px solid var(--gold-mid);border-left:5px solid var(--gold-mid);
  padding:15px 17px;font-size:.9rem;color:#5C4A14}
.warn code{background:rgba(0,0,0,.08);padding:1px 5px}

/* --------------------------------------------------------------------------
   Footer — black sign band
   -------------------------------------------------------------------------- */
.site-foot{background:var(--black);color:#B3AA95;font-size:1rem;
  border-top:4px solid var(--gold);padding-top:34px}
.site-foot h3{color:var(--gold);font-size:.76rem;letter-spacing:.2em;margin-bottom:14px}
.site-foot a{color:#CFC6B4}
.site-foot a:hover{color:var(--gold)}
.foot-logo{height:44px;width:auto;margin-bottom:20px}
.foot-grid{display:grid;gap:30px;padding-bottom:30px}
.foot-nap{line-height:1.85;color:#C2B9A6}
.foot-note{font-size:.88rem;color:#A29985;margin-bottom:.7em}
.foot-list{list-style:none;margin:0;padding:0}
.foot-list li{margin-bottom:11px}
.foot-list a{text-decoration:none;font-family:var(--display);
  text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}
.foot-cities{padding-block:18px;border-top:1px solid #2b2b24;font-size:.84rem;
  line-height:2.1}
.foot-cities strong{color:var(--gold);font-family:var(--display);
  text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}
.foot-base{padding-block:16px 24px;border-top:1px solid #2b2b24;
  display:grid;gap:8px;font-size:.85rem;color:#A29985}
.foot-base p{margin:0}

/* --------------------------------------------------------------------------
   Sticky call bar — the most important element on a phone
   -------------------------------------------------------------------------- */
.callbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;
  border-top:3px solid var(--gold)}
.callbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;
  padding:0 8px;min-height:70px;font-family:var(--display);font-weight:600;
  text-transform:uppercase;letter-spacing:.1em;font-size:1rem;text-decoration:none}
.callbar svg{width:19px;height:19px;fill:currentColor;flex:none}
.callbar-call{background:var(--gold);color:var(--black);flex:1.6;font-size:.95rem}
.callbar-text{background:var(--black);color:var(--gold);flex:1;
  border-left:2px solid var(--gold)}

/* --------------------------------------------------------------------------
   Breakpoints
   -------------------------------------------------------------------------- */
@media (min-width:620px){
  .hero-btns,.band-btns{grid-template-columns:repeat(2,auto);justify-content:start}
  .btn{padding:15px 30px}
  .trust{grid-template-columns:1fr 1fr;gap:28px 34px}
  .strip-in{grid-template-columns:1fr 1fr}
  .citygrid{grid-template-columns:repeat(3,1fr)}
  .caps{grid-template-columns:1fr 1fr;column-gap:34px}
  .foot-grid{grid-template-columns:1.6fr 1fr}
  .foot-base{grid-template-columns:1fr auto}
}
@media (min-width:900px){
  body{padding-bottom:0}
  .callbar{display:none}
  .navtoggle{display:none}
  .brand img{height:58px}
  .head-phone{display:flex;align-items:center;gap:8px;background:var(--gold);
    color:var(--black);font-family:var(--display);font-weight:600;font-size:1.05rem;
    letter-spacing:.06em;padding:11px 20px;text-decoration:none;
    box-shadow:3px 3px 0 rgba(255,255,255,.13)}
  .head-phone:hover{background:#FFDE50;color:var(--black)}
  .site-nav{display:block}
  .site-nav ul{display:flex;gap:0;padding:0;flex-wrap:wrap}
  .site-nav a{border-bottom:0;padding:14px 17px;font-size:.85rem;min-height:0;
    border-bottom:3px solid transparent}
  .site-nav a[aria-current]{border-bottom-color:var(--gold);color:var(--gold)}
  .hero-in{padding-block:58px 62px;max-width:860px}
  .cards{grid-template-columns:1fr 1fr;column-gap:38px}
  .card-lead{grid-column:1/-1}
  .revs{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));column-gap:38px}
  .arealist{column-count:2;column-gap:44px}
  .citygrid{grid-template-columns:repeat(4,1fr)}
  .trust{grid-template-columns:repeat(4,1fr)}
  .strip-in{grid-template-columns:repeat(3,1fr);gap:0 34px}
  .strip-item{border-bottom:0}
  .band-in{grid-template-columns:1fr auto;align-items:center;gap:40px}
  .band-btns{grid-template-columns:repeat(2,auto)}
  .foot-grid{grid-template-columns:1.7fr 1fr 1fr;gap:44px}
  .blocks{column-count:1}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print{.callbar,.site-nav,.navtoggle{display:none!important}}

/* --------------------------------------------------------------------------
   Vehicle lookup form. Big targets, one question per row, no cleverness.
   -------------------------------------------------------------------------- */
.qform{max-width:560px}
.q-hp{position:absolute;left:-9999px}
.q-row{margin-bottom:22px;border:0;padding:0}
.q-row label,.q-row legend{display:block;font-family:var(--display);font-weight:500;
  text-transform:uppercase;letter-spacing:.09em;font-size:.86rem;color:var(--ink);
  margin-bottom:8px;padding:0}
.q-opt{color:var(--ink-faint);letter-spacing:.05em}
.qform input[type=text],.qform input[type=tel],.qform input:not([type]),
.qform select{
  width:100%;font-family:var(--body);font-size:1.05rem;color:var(--ink);
  background:var(--paper);border:2px solid var(--ink);padding:14px 13px;
  min-height:56px;border-radius:0;-webkit-appearance:none;appearance:none}
.qform select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%231C1814' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 15px center;padding-right:44px}
.qform input:focus,.qform select:focus{outline:3px solid var(--gold-deep);outline-offset:1px}
.q-radio{display:flex!important;align-items:flex-start;gap:12px;
  font-family:var(--body)!important;text-transform:none!important;letter-spacing:0!important;
  font-size:1.02rem!important;color:var(--ink-soft)!important;font-weight:400!important;
  padding:13px 0;margin:0!important;border-bottom:1px solid var(--rule);min-height:56px}
.q-radio input{width:22px;height:22px;margin-top:2px;flex:none;accent-color:var(--gold-deep)}
.q-out{background:var(--paper-2);border-top:5px solid var(--gold-deep);
  border-bottom:2px solid var(--gold-deep);padding:22px;margin:0 0 24px}
.q-out h3{margin-bottom:.5em}
.q-out p{margin-bottom:.9em;color:var(--ink-soft)}
.q-out p:last-child{margin-bottom:0}
.q-note{font-size:.95rem;padding-top:14px;border-top:1px solid var(--rule)}
.qform .btn{width:100%;margin-top:6px}
.q-small{margin-top:16px;font-size:.95rem;color:var(--ink-soft)}
@media (min-width:620px){
  .qform .btn{width:auto;display:inline-flex}
}
.q-consent{font-size:.92rem;color:var(--ink-soft);margin:22px 0 18px;
  padding-top:16px;border-top:1px solid var(--rule)}