/* Websites by the Gleaner (websites.html, websites-thanks.html). */
.ws-hero{padding-bottom:70px;}
.ws-hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px;}
.ws-section{padding:10px 0 70px;}
.ws-narrow{max-width:860px;}
.ws-includes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:36px;align-items:start;max-width:1040px;}
.ws-price{background:var(--bg-elevated);border:1px solid var(--border);border-top:4px solid var(--accent-2);border-radius:var(--radius-md);padding:30px;box-shadow:var(--card-shadow);}
.ws-amount{font-family:var(--font-display);font-size:3.4rem;font-weight:700;line-height:1;margin:6px 0 16px;}
.ws-amount span{font-family:var(--font-body);font-size:1.05rem;color:var(--text-mute);font-weight:600;margin-left:4px;}
.ws-price ul{margin:0 0 18px;padding-left:20px;line-height:1.8;color:var(--text-soft);}
.ws-bonus{background:var(--lake-100);border-radius:var(--radius-sm);padding:12px 14px;margin:0;font-size:.95rem;line-height:1.55;color:var(--sand-ink);}
:root[data-theme="dark"] .ws-bonus{background:rgba(127,212,201,.12);color:var(--text);}
.ws-steps{margin:0;padding-left:24px;line-height:1.6;color:var(--text-soft);font-size:1.02rem;}
.ws-steps li{margin-bottom:16px;padding-left:4px;}
.ws-steps strong{color:var(--text);}

.ws-form{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:30px;box-shadow:var(--card-shadow);}
.ws-form fieldset{border:none;padding:0;margin:0 0 30px;min-width:0;}
.ws-form legend{font-family:var(--font-display);font-weight:700;font-size:1.3rem;width:100%;padding:0 0 8px;margin-bottom:16px;border-bottom:2px solid var(--text);}
.ws-form legend small{font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--text-mute);margin-left:8px;}
.ws-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 20px;}
.ws-wide{grid-column:1 / -1;}
.ws-cityrow{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:0 20px;}
.ws-field{display:block;margin-bottom:16px;}
.ws-field > span{display:block;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);margin-bottom:6px;}
.ws-field small{display:block;font-size:.8rem;color:var(--text-mute);margin-top:5px;}
.ws-field input,.ws-field select,.ws-field textarea{width:100%;padding:11px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg);color:var(--text);font:inherit;font-size:1rem;}
.ws-field textarea{resize:vertical;}
.ws-field input:focus,.ws-field select:focus,.ws-field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(26,143,150,.18);}
.ws-hint{color:var(--text-mute);font-size:.9rem;}
.ws-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;}

.ws-swatches{display:flex;flex-wrap:wrap;gap:9px;align-items:center;}
.ws-swatch{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);cursor:pointer;padding:0;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);}
.ws-swatch.on{outline:3px solid var(--text);outline-offset:2px;}
.ws-custom{display:inline-flex;align-items:center;gap:8px;margin-left:4px;}
.ws-custom input[type=color]{width:44px;height:38px;border-radius:10px;border:1px solid var(--border);padding:2px;background:var(--bg);cursor:pointer;}
.ws-add{border:1.5px solid var(--border);background:transparent;color:var(--text);border-radius:999px;padding:8px 14px;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer;}
.ws-add:hover{border-color:var(--accent);color:var(--accent);}
.ws-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;min-height:32px;align-items:center;}
.ws-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--bg);border-radius:999px;padding:4px 6px;font-size:.88rem;font-family:ui-monospace,Menlo,Consolas,monospace;}
.ws-chip .dot{width:20px;height:20px;border-radius:50%;border:1px solid var(--border);}
.ws-chip button{border:none;background:none;color:var(--text-mute);font-size:1.1rem;cursor:pointer;padding:0 4px;line-height:1;}

.ws-drop{border:2px dashed var(--border);border-radius:var(--radius-md);padding:26px;text-align:center;background:var(--bg);color:var(--text-mute);}
.ws-drop.over{border-color:var(--accent-2);background:rgba(242,134,74,.08);}
.ws-photos{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));}
.ws-photo{position:relative;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px;display:flex;flex-direction:column;gap:4px;min-width:0;background:var(--bg);}
.ws-photo img,.ws-noprev{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:6px;background:var(--sand-200);}
.ws-noprev{display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-mute);font-size:.85rem;}
.ws-pname{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ws-psize{font-size:.72rem;color:var(--text-mute);}
.ws-photo button{position:absolute;top:2px;right:2px;width:26px;height:26px;border-radius:50%;border:none;background:rgba(13,27,30,.8);color:#fff;cursor:pointer;font-size:1rem;line-height:1;}
.ws-meter{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:.88rem;color:var(--text-mute);}
.ws-bar{flex:1;height:8px;background:var(--sand-200);border-radius:4px;overflow:hidden;}
:root[data-theme="dark"] .ws-bar{background:rgba(255,255,255,.1);}
.ws-fill{height:100%;width:0;background:var(--lake-500);transition:width .2s;}
.ws-fill.over{background:var(--sunset-700);}

.ws-check{display:flex;gap:12px;align-items:flex-start;font-size:.95rem;line-height:1.5;margin:0 0 14px;cursor:pointer;color:var(--text-soft);}
.ws-check input{width:19px;height:19px;flex:none;margin-top:3px;accent-color:var(--sunset-600);}
.ws-submit{border-top:1px solid var(--border);padding-top:20px;}
.ws-submit .btn{white-space:normal;text-align:center;font-size:1rem;}
.ws-submit .btn[disabled]{opacity:.6;cursor:wait;transform:none;}
.ws-err{color:var(--sunset-700);background:rgba(224,102,58,.1);border-radius:var(--radius-sm);padding:9px 13px;font-size:.92rem;margin:12px 0 0;}
.ws-notice{background:var(--lake-100);color:var(--sand-ink);border-radius:var(--radius-sm);padding:12px 16px;margin:0 0 18px;}
.ws-notice a{font-weight:700;color:var(--lake-700);}
.ws-done{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:30px;box-shadow:var(--card-shadow);}
.ws-faq{border-bottom:1px solid var(--border);padding:16px 0;}
.ws-faq summary{cursor:pointer;font-weight:700;font-size:1.02rem;}
.ws-faq p{color:var(--text-soft);margin:10px 0 0;line-height:1.65;}
.ws-thanks{max-width:720px;margin:0 auto;}
.ws-thanks ol{padding-left:22px;line-height:1.65;color:var(--text-soft);}
.ws-thanks li{margin-bottom:10px;}

@media (max-width:820px){
  .ws-includes,.ws-grid{grid-template-columns:1fr;}
  .ws-cityrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .ws-cityrow .ws-field:first-child{grid-column:1 / -1;}
  .ws-form,.ws-price{padding:20px 16px;}
  .ws-amount{font-size:2.8rem;}
}
.ws-form [hidden],.ws-section [hidden]{display:none !important;}
.ws-price ul{list-style:disc;}
.ws-domains{display:grid;gap:10px;}
.ws-domain{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:13px 15px;cursor:pointer;background:var(--bg);}
.ws-domain.on{border-color:var(--accent-2);background:rgba(242,134,74,.07);}
.ws-domain input{width:19px;height:19px;flex:none;margin-top:3px;accent-color:var(--sunset-600);}
.ws-domain strong{display:block;font-size:.98rem;}
.ws-domain small{display:block;color:var(--text-mute);font-size:.88rem;line-height:1.45;margin-top:2px;}