/* SAVA 1.4: personal website consultant drafts */
.site-summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.site-drafts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.site-draft{display:flex;flex-direction:column;align-items:flex-start;min-height:230px}
.site-draft-head{display:flex;align-items:center;justify-content:space-between;width:100%}
.site-draft h3{font-size:17px;margin:14px 0 3px}
.site-address{font-size:12px;margin:0 0 16px;color:var(--muted);overflow-wrap:anywhere}
.site-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.site-tags span{background:#edf7f0;border-radius:7px;color:#31614c;font-size:11px;padding:5px 8px}
.site-draft .expert-card-actions{margin-top:auto}
.site-empty{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.site-empty img{width:90px;height:90px;object-fit:cover;border-radius:22px}
.site-empty h3{margin:0}.site-empty p{font-size:13px}
.site-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}
.site-steps>div{display:flex;flex-direction:column;gap:10px}
.site-steps b{font-size:13px}.site-steps small{font-size:12px;line-height:1.5;color:var(--muted)}
.site-editor-head{display:flex;align-items:center;gap:14px}
.site-editor-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.8fr);gap:18px;align-items:start}
.site-editor-grid .panel h3{margin:7px 0 0;font-size:17px}
.site-editor-grid input,.site-editor-grid textarea,.site-editor-grid select{width:100%}
.site-editor-side{position:sticky;top:20px;display:grid;gap:15px}
.site-preview{background:#f3faf5;border:1px solid #e2efe5;padding:14px;border-radius:16px;display:grid;gap:7px}
.site-preview-title{display:flex;gap:9px;align-items:center}
.site-preview-title img{width:41px;height:41px;border-radius:12px;object-fit:cover}
.site-preview p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 12px;color:var(--ink)}
.site-preview b{font-size:12px}
@media(max-width:1100px){.site-drafts{grid-template-columns:repeat(2,minmax(0,1fr))}.site-editor-grid{grid-template-columns:1fr}.site-editor-side{position:static}.site-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.site-drafts,.site-steps{grid-template-columns:1fr}.site-summary{align-items:flex-start}.site-editor-head{flex-wrap:wrap}}