:root{font-family:Arial,sans-serif;color:#183b36;background:#f3f6f3;font-size:16px}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1220px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #cddbd1}h1{font-size:2.4rem;margin:8px 0}h2{font-size:1.35rem;margin:0 0 16px}h3{font-size:1.05rem}.eyebrow{letter-spacing:.16em;font-size:.72rem;font-weight:700;color:#40785d}p{line-height:1.7}button,select,input{font:inherit;min-height:44px;border:1px solid #a2b7a9;border-radius:9px;padding:10px 14px}button{background:#193f35;color:white;cursor:pointer}button.secondary{background:white;color:#193f35}label{display:flex;flex-direction:column;gap:8px;font-size:.85rem}select{background:white;min-width:150px;max-width:100%}input{width:100%;margin-bottom:14px}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #b56b1d;outline-offset:3px}.filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px}.filters>label:first-child{flex:1}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.metric,.card{padding:24px;border:1px solid #d1dfd4;background:white;border-radius:16px}.metric strong{display:block;font-size:2.2rem;margin:8px 0}.metric span{font-size:.85rem;color:#496a59}.card{margin:22px 0}.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.section-head span,.note,footer{font-size:.85rem;color:#4f6c5b}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:start}td,th{padding:12px;border-bottom:1px solid #e3ebe5;text-align:start}td:first-child{direction:ltr;text-align:right;overflow-wrap:anywhere}th{font-size:.8rem;color:#597160}.map-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:30px}.map-grid canvas{width:100%;height:auto;border:1px solid #b5c8bc;background:#fafcf9;border-radius:12px}.map-grid p{margin-bottom:0}.bar{background:#e8f0e6;border-radius:6px;min-height:12px}.bar>span{display:block;height:12px;background:#41795e;border-radius:6px}.funnel{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.funnel span{background:#eaf2e5;padding:10px;border-radius:8px}.site-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.site-controls form{padding:14px;border:1px solid #d3dfd6;border-radius:10px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.site-controls strong{flex:1}.site-controls span{font-size:.8rem}.journey{border-bottom:1px solid #d9e3db;padding:12px 0;overflow-wrap:anywhere}.journey p{font-size:.8rem}.login{max-width:480px;margin:10vh auto;background:white;border-radius:20px;border:1px solid #d1dfd4;padding:32px}.login h1{font-size:1.9rem}.login small{color:#577060}.empty{padding:30px;text-align:center;color:#577060}.target{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;padding:9px 0;border-bottom:1px solid #e3ebe5;overflow-wrap:anywhere}.target span{direction:ltr}#status{min-height:1.5em}.filters+.filters{margin-top:16px}@media(max-width:720px){header,main,footer{padding:18px}h1{font-size:1.9rem}.metrics{grid-template-columns:1fr 1fr}.metric{padding:16px}.card{padding:18px}.map-grid,.site-controls{grid-template-columns:1fr}.filters label{flex:1;min-width:120px}.filters select{min-width:0;width:100%}.login{margin:24px 16px}header{align-items:flex-start}.section-head span{margin-bottom:12px}}

.quality{padding:20px 24px;border:1px solid #b5c9b6;border-radius:14px;background:#eaf2e5}.quality p{margin:8px 0;font-size:.9rem}.comparison,.funnels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.comparison-item{display:flex;flex-direction:column;gap:9px;padding:18px;background:#f2f6ef;border-radius:12px}.comparison-item strong{font-size:1.8rem}.comparison-item small{line-height:1.6}.funnel-card{border:1px solid #d5e1d5;border-radius:12px;padding:20px}.funnel-card p{font-size:.8rem;color:#526a57}.funnel-step{display:grid;grid-template-columns:1fr auto;gap:8px;margin:18px 0}.funnel-step progress{grid-column:1/-1;width:100%;height:14px;accent-color:#41795e}.funnel-step small{font-size:.75rem}.site-select{background:transparent;color:#214d3b;border:none;padding:8px;direction:ltr;text-decoration:underline}.site-select.selected{background:#e4eddf;font-weight:bold}.overview td{padding:8px}.trend-row{display:grid;grid-template-columns:105px 1fr 110px;align-items:center;gap:16px;margin:12px 0}.trend-row progress{width:100%;accent-color:#41795e}.trend-row strong{font-size:.85rem}#map-stage{position:relative;overflow:hidden;direction:ltr}#reference-frame{position:absolute;left:0;top:0;border:0;transform-origin:top left;pointer-events:none}#reference-frame[hidden]{display:none}#heatmap{position:relative;display:block}.with-reference #heatmap{background:transparent}.comparison-item small,.note{overflow-wrap:anywhere}#public-page{color:#214d3b}#recommendations p{padding:12px 16px;border-right:3px solid #8db179;background:#f5f8f1}@media(max-width:720px){.comparison,.funnels{grid-template-columns:1fr}.overview{padding:10px}.overview th,.overview td{font-size:.75rem}.trend-row{grid-template-columns:80px 1fr 85px;gap:8px}.quality{padding:16px}}