/* Additions to style.css: search suggestions, inner pages, pricing, contact, and small-screen fixes */
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
/* Let the suggestion list extend past the hero while still clipping the sideways artwork */
.hero{overflow:visible;overflow-x:clip;position:relative;z-index:2}
.ac-host{position:relative}
.ac-box{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #d8e1d6;border-radius:10px;box-shadow:0 16px 40px #19352d24;overflow:hidden;text-align:left;color:var(--ink)}
.ac-list{list-style:none;margin:0;padding:6px;max-height:280px;overflow:auto}
.ac-list li{display:flex;flex-direction:column;padding:9px 10px;border-radius:7px;cursor:pointer}
.ac-list li:hover,.ac-list li[aria-selected="true"]{background:#f1f6e6}
.ac-list strong{font-size:14px;line-height:1.3}
.ac-list small{font-size:12px;color:#708077;line-height:1.35}
.ac-attr{font-size:10px;color:#8b988f;text-align:right;padding:4px 12px 7px;border-top:1px solid #eef1ec}
.starter-input-wrap{min-height:50px}
.starter-input-wrap input{font-size:16px}
.starter-form p.is-error,.is-error{color:#b3361f}
.starter-chat-note{font-size:14px!important;color:#54655b!important;margin:0 0 14px!important}
.menu-toggle{cursor:pointer}
.button{cursor:pointer;border:0;gap:12px}

/* Signed-in account photo in the header */
.user-avatar{position:relative;flex:none;display:grid;place-items:center;width:44px;height:44px;margin-left:18px;border-radius:50%;overflow:hidden;background:var(--ink);color:var(--lime);font-size:17px;font-weight:700;box-shadow:0 0 0 2px var(--paper),0 0 0 3px #c5d1c1;transition:box-shadow .15s}
.user-avatar:hover{box-shadow:0 0 0 2px var(--paper),0 0 0 4px #94b94b}
.user-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nav-wrap .brand{margin-right:auto}
.nav-wrap .nav-links + .user-avatar{order:1}

/* Inner pages */
.page-hero{background:#eef3e9;padding:70px 0 60px}
.page-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(38px,5.5vw,60px);letter-spacing:-1.2px;line-height:1.08;margin:0 0 14px}
.page-hero h1 em{color:#779940}
.page-hero p{max-width:620px;margin:0;color:#64746b;font-size:17px;line-height:1.7}
.page-body{padding:60px 0 90px}
.prose{max-width:760px;font-size:16px;line-height:1.75;color:#3f5048}
.prose h2{font-family:var(--serif);font-weight:400;letter-spacing:-.4px;color:var(--ink);font-size:30px;line-height:1.2;margin:38px 0 10px}
.prose h3{color:var(--ink);font-size:17px;margin:24px 0 6px}
.prose a{text-decoration:underline;color:#4f7220}
.prose ul,.prose ol{padding-left:22px}
.prose li{margin:6px 0}
.prose .updated{font-size:13px;color:#7a8980}

/* Pricing */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.price-card{background:#fff;border:1px solid #e0e8dc;border-radius:14px;padding:30px;display:flex;flex-direction:column;position:relative}
.price-card.is-featured{border-color:#94b94b;box-shadow:inset 0 0 0 1px #94b94b,0 20px 45px #24432214}
.price-tag{position:absolute;top:18px;right:18px;background:var(--lime);border-radius:30px;padding:4px 10px;font-size:10px;font-weight:700;letter-spacing:.8px}
.price-card h2{font-family:var(--sans);font-size:18px;font-weight:700;letter-spacing:0;margin:0 0 12px;line-height:1.3}
.price-amount{font-family:var(--serif);font-size:48px;line-height:1}
.price-amount small{font-family:var(--sans);font-size:14px;color:#718077;margin-left:4px}
.price-card ul{list-style:none;padding:0;margin:22px 0 26px;flex:1}
.price-card li{display:flex;gap:9px;padding:6px 0;font-size:14px;color:#46574e}
.price-card li .material-symbols-outlined{color:#6f9639;font-size:18px;margin-top:2px}
.price-card .button{width:100%}
.button-outline{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px #c5d1c1}
.button-outline:hover{background:#f3f6ee}
.note-box{margin-top:26px;background:#f3f6ee;border-radius:10px;padding:18px 20px;font-size:14px;color:#54655b;line-height:1.65}
.note-box a{text-decoration:underline}
.page-faq{max-width:760px;margin-top:60px}
.page-faq h2{font-family:var(--serif);font-weight:400;font-size:34px;letter-spacing:-.5px;margin:0 0 16px}
.page-faq summary{font-size:15px}
.page-faq details p{font-size:14px}

/* Forms */
.form-card{max-width:620px;background:#fff;border:1px solid #e0e8dc;border-radius:14px;padding:30px}
.form-card label{display:block;font-weight:700;font-size:13px;margin:0 0 7px}
.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid #d8e1d6;border-radius:8px;padding:12px 13px;font:inherit;font-size:16px;color:var(--ink);background:#fff;margin-bottom:18px}
.form-card textarea{min-height:150px;resize:vertical}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.flash{padding:13px 16px;border-radius:9px;font-size:14px;margin-bottom:20px}
.flash-ok{background:#eaf4d6;color:#3d5a18}
.flash-err{background:#fbe9e5;color:#8f2c18}

.how-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.how-step{background:#fff;border:1px solid #e0e8dc;border-radius:14px;padding:26px}
.how-step .step-number{display:block;margin-bottom:12px}
.how-step h2{font-family:var(--sans);font-weight:700;font-size:18px;letter-spacing:0;margin:0 0 8px;line-height:1.3}
.how-step p{margin:0;color:#64746b;font-size:14px;line-height:1.7}
.center-cta{margin-top:40px}

@media(max-width:900px){.price-grid{grid-template-columns:1fr;max-width:520px}.how-steps{grid-template-columns:1fr}}
@media(max-width:700px){
  .nav-wrap .nav-links + .user-avatar{order:0;width:40px;height:40px;margin:0 8px 0 0}
  .nav-wrap .menu-toggle{order:1}
  .hero-art{max-width:100%;overflow:visible}
  .footer-links{flex-wrap:wrap}
  .page-hero{padding:45px 0 40px}
  .page-body{padding:40px 0 60px}
  .form-card{padding:22px}
  .nav-links .button{gap:10px}
  .cta-actions{flex-wrap:wrap;gap:18px}
  .starter-submit{gap:10px}
}