
.meta17-how{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.meta17-how>div{padding:12px;border:1px solid #e6e2db;border-radius:12px;background:#faf9f6;display:flex;flex-direction:column;gap:5px}
.meta17-how span{font-size:12px;color:#6d6a64;line-height:1.4}
.safe-meta-import-grid{display:grid;grid-template-columns:minmax(340px,2fr) minmax(140px,.55fr) minmax(170px,.65fr) auto;gap:12px;align-items:end;margin-top:14px}
.meta17-success{background:#e9f4ef;border-color:#cfe5db;color:#24604d}
.meta17-warning{margin-top:14px;background:#fff7e8;border-color:#eed7ad;color:#714c10}
.meta17-preview-head,.safe-preview-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}
.meta17-preview-head>div:first-child{display:flex;flex-direction:column;gap:3px}.meta17-preview-head span{font-size:12px;color:#777}
.safe-campaign-list{border:1px solid #e4e0d8;border-radius:12px;overflow:auto;max-height:380px;margin-top:10px}
.safe-campaign-list label{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-bottom:1px solid #ece8e1;cursor:pointer}
.safe-campaign-list label:last-child{border-bottom:0}.safe-campaign-list span{display:flex;flex-direction:column;gap:3px}.safe-campaign-list small{color:#777}
.meta17-filters{display:flex;gap:8px;flex-wrap:wrap}.meta17-filters input,.meta17-filters select{min-width:180px}
.meta17-count{margin-bottom:10px}
.meta-decision-guide{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}
.meta-decision-guide>div{border:1px solid #e5e1da;border-radius:10px;padding:10px;background:#faf9f6;display:flex;flex-direction:column;gap:4px}
.meta-decision-guide b{font-size:12px}.meta-decision-guide span{font-size:11px;color:#6d6a64;line-height:1.35}.oktxt{color:#1f6c58}.warntxt{color:#9a6411}.badtxt{color:#b44a43}
@media(max-width:1100px){.safe-meta-import-grid{grid-template-columns:1fr 1fr}.meta-decision-guide{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.meta17-how,.safe-meta-import-grid,.meta-decision-guide{grid-template-columns:1fr}.meta17-filters{flex-direction:column}}

.safe-meta-import-grid{grid-template-columns:minmax(300px,1.6fr) minmax(260px,1fr) minmax(130px,.45fr) minmax(160px,.55fr) auto}
.field small{display:block;color:#777;font-size:11px;margin-top:4px}
.m19-detail-row.hidden{display:none}
.m19-detail-row td{background:#fbfaf7;padding:16px!important}
.m19-detail{display:flex;flex-direction:column;gap:12px}
.m19-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.m19-detail-head>div{display:flex;flex-direction:column;gap:3px}.m19-detail-head span{font-size:12px;color:#777}
.m19-metrics{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:8px}
.m19-metrics>div{border:1px solid #e6e2db;border-radius:9px;background:#fff;padding:9px;display:flex;flex-direction:column;gap:4px}
.m19-metrics span{font-size:10px;text-transform:uppercase;color:#777}.m19-metrics strong{font-size:13px}
.m19-reading{border-left:3px solid #1f6c58;padding:9px 12px;background:#eef6f2;border-radius:7px}
.m19-reading p{margin:5px 0 0;font-size:12px;line-height:1.45}
@media(max-width:1300px){.m19-metrics{grid-template-columns:repeat(4,minmax(120px,1fr))}.safe-meta-import-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.m19-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.safe-meta-import-grid{grid-template-columns:1fr}}

.m20-rec-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:10px;margin-top:10px}
.m20-rec-grid>div{padding:12px;border:1px solid #e6e2db;border-radius:12px;background:#faf9f6;display:flex;flex-direction:column;gap:4px}
.m20-rec-grid span{font-size:11px;text-transform:uppercase;color:#777}
.m20-rec-grid strong{font-size:16px;line-height:1.3}
.m20-rec-grid small{font-size:12px;color:#6d6a64;line-height:1.35}
.m20-rec-reading{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.m20-rec-reading>div{padding:12px;border-left:3px solid #1f6c58;background:#eef6f2;border-radius:10px}
.m20-rec-reading p{margin:6px 0 0;font-size:13px;line-height:1.45}
.m20-prompt-box{margin-top:14px;padding:12px;border:1px solid #e6e2db;border-radius:12px;background:#fbfaf7}
.m20-prompt-box textarea{width:100%;resize:vertical;border:1px solid #ddd6cc;border-radius:10px;padding:12px;font:inherit;line-height:1.45;background:#fff}
@media(max-width:1100px){.m20-rec-grid{grid-template-columns:repeat(2,minmax(200px,1fr))}.m20-rec-reading{grid-template-columns:1fr}}
@media(max-width:760px){.m20-rec-grid{grid-template-columns:1fr}}

.m21-main-advice{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.6fr);gap:14px;align-items:stretch}
.m21-main-advice>div{border-radius:14px}
.m21-main-advice>div:first-child{padding:16px;background:#eef6f2;border:1px solid #d2e6dc}
.m21-main-advice h2{margin:4px 0 6px;font-size:22px}
.m21-main-advice p{margin:0;line-height:1.5;color:#4f5d57}
.m21-kicker{font-size:10px;letter-spacing:.08em;font-weight:700;color:#1f6c58}
.m21-main-budget{padding:16px;background:#18211d;color:white;display:flex;flex-direction:column;justify-content:center;gap:4px}
.m21-main-budget span{font-size:11px;opacity:.8;text-transform:uppercase}
.m21-main-budget strong{font-size:32px}
.m21-main-budget small{font-size:11px;line-height:1.4;opacity:.75}
.m21-do-now{margin-top:12px;padding:14px 16px;border:1px solid #e6e2db;border-radius:12px;background:#fff}
.m21-do-now ol{margin:8px 0 0 22px;padding:0}.m21-do-now li{margin:5px 0;line-height:1.45}
.m21-plain-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.m21-simple-metric{padding:10px;border-radius:10px;border:1px solid #e5e1da;display:flex;flex-direction:column;gap:3px}
.m21-simple-metric.good{background:#eef6f2}.m21-simple-metric.watch{background:#fff7e8}
.m21-simple-metric span{font-size:10px;text-transform:uppercase;color:#777}.m21-simple-metric strong{font-size:17px}.m21-simple-metric small{font-size:11px;line-height:1.35;color:#6d6a64}
.m21-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.m21-scenario{position:relative;border:1px solid #e4e0d8;border-radius:14px;padding:14px;background:#faf9f6}
.m21-scenario.recommended{border:2px solid #1f6c58;background:#f3faf6}
.m21-recommended{position:absolute;top:-9px;left:14px;background:#1f6c58;color:#fff;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:700;letter-spacing:.05em}
.m21-scenario-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.m21-scenario-head h3{margin:0;font-size:17px}.m21-scenario-head>div>span{font-size:11px;color:#777}
.m21-scenario-budget{margin:12px 0;padding:10px;border-radius:10px;background:#fff;display:flex;justify-content:space-between;align-items:center}.m21-scenario-budget span{font-size:11px;color:#777}.m21-scenario-budget strong{font-size:22px}
.m21-scenario ul{padding-left:18px;margin:8px 0}.m21-scenario li{margin:6px 0;font-size:12px;line-height:1.4}.m21-scenario p{font-size:11px;color:#6d6a64;line-height:1.4;margin:10px 0 0}
.m21-limits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.m21-limits>div{padding:11px;border:1px solid #e6e2db;border-radius:10px;background:#fff;display:flex;flex-direction:column;gap:3px}.m21-limits span{font-size:10px;text-transform:uppercase;color:#777}.m21-limits strong{font-size:16px}.m21-limits small{font-size:11px;color:#6d6a64;line-height:1.35}
.m21-learn{margin-top:14px;border:1px solid #e6e2db;border-radius:12px;background:#fbfaf7;padding:10px 12px}.m21-learn summary{cursor:pointer;font-weight:700}.m21-learn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.m21-learn-grid>div{padding:10px;background:#fff;border-radius:9px;border:1px solid #ece8e1;display:flex;flex-direction:column;gap:4px}.m21-learn-grid span{font-size:11px;line-height:1.4;color:#6d6a64}
@media(max-width:1100px){.m21-main-advice{grid-template-columns:1fr}.m21-scenarios{grid-template-columns:1fr}.m21-plain-status{grid-template-columns:repeat(2,1fr)}.m21-learn-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.m21-plain-status,.m21-limits,.m21-learn-grid{grid-template-columns:1fr}}
