/* Shared visual polish (polish.py adds this to every page; keep last in <head>) */
header img{width:56px!important;height:56px!important;max-width:56px;box-shadow:none!important;border-radius:8px}
header h1{font-family:Georgia,"Lora",serif;color:#fff;font-weight:600;margin:.5rem 0}
header p{color:#E8EFE9}
header p a{color:#F7F5F0;text-decoration:underline;text-decoration-color:#C08A3E;text-underline-offset:3px}
header p a:hover{color:#fff}
header .start-link a.b{background:#C08A3E;color:#fff;text-decoration:none;padding:.75rem 1.25rem;border-radius:8px;display:inline-block;font-weight:600}
header .calc-link{max-width:760px;margin:1rem auto!important;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
header .calc-link br{display:none}
header .calc-link a{font-size:.85rem;text-decoration:none;border:1px solid #ffffff40;border-radius:999px;padding:.3rem .75rem;color:#F7F5F0}
header .calc-link a:hover{background:#ffffff18}
header .calc-link a:nth-of-type(n+7){display:none}
header .calc-link a:last-of-type{display:inline-block;border-color:#C08A3E;font-weight:600}
img{height:auto;max-width:100%}
@media(max-width:640px){
 table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .compare{overflow-x:auto;max-width:100%}
 main{padding:1rem}
 h1{font-size:1.75rem}
}
main>*{min-width:0}.compare{box-sizing:border-box;width:100%}
.c:has(.cshot)>img{display:none}
.c h2{font-size:1.2rem;margin:.2rem 0 .5rem}.c h2 a{text-decoration:none}.c h2 a:hover{text-decoration:underline}
main a:not(.b){color:#2F4A3A;text-underline-offset:2px}