.quality-meta{display:flex;flex-wrap:wrap;gap:.55rem 1rem;margin:1rem 0 1.5rem;color:#53645f;font-size:.94rem}
.quality-meta span{display:inline-flex;align-items:center;gap:.35rem}
.tool-panel{border:1px solid rgba(11,77,59,.18);border-radius:22px;background:#fff;box-shadow:0 16px 42px rgba(24,58,48,.08);padding:clamp(1.15rem,3vw,2rem);margin:1.5rem 0 2rem}
.tool-panel h2,.tool-panel h3{color:#123b31}.tool-intro{max-width:760px;color:#53645f}
.tool-fieldset{border:0;padding:0;margin:1.5rem 0}.tool-fieldset legend{font-weight:800;color:#123b31;margin-bottom:.75rem;font-size:1.05rem}
.tool-options{display:grid;gap:.7rem}.tool-option{display:flex;align-items:flex-start;gap:.7rem;border:1px solid #dbe6e1;border-radius:14px;padding:.85rem 1rem;background:#fbfdfc;cursor:pointer}
.tool-option:hover{border-color:#68a08e}.tool-option input{margin-top:.25rem;accent-color:#0b6b51}
.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.25rem 0}.tool-field label{display:block;font-weight:750;color:#123b31;margin-bottom:.4rem}.tool-field select,.tool-field input,.tool-field textarea{width:100%;border:1px solid #cbdad4;border-radius:12px;background:#fff;padding:.78rem .85rem;font:inherit;color:#183e34}.tool-field textarea{resize:vertical;min-height:8rem}.tool-field select:focus,.tool-field input:focus,.tool-field textarea:focus{outline:3px solid rgba(11,107,81,.16);border-color:#0b6b51}
.tool-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.2rem}.tool-result{display:none;margin-top:1.25rem;border-left:5px solid #d6a84b;background:#fffaf0;border-radius:0 16px 16px 0;padding:1.15rem 1.25rem}.tool-result[data-visible="true"]{display:block}.tool-result h3{margin:0 0 .4rem}.tool-result p{margin:.45rem 0}.tool-result a{color:#0b6b51;font-weight:750}
.planner-output{display:none;margin-top:1.5rem}.planner-output[data-visible="true"]{display:block}.planner-table{width:100%;border-collapse:collapse;background:#fff;margin-top:1rem}.planner-table th,.planner-table td{border:1px solid #dbe6e1;padding:.75rem;text-align:left;vertical-align:top}.planner-table th{background:#0b4d3b;color:#fff}.planner-note{font-size:.92rem;color:#53645f;margin-top:.8rem}
.checklist-group{border-top:1px solid #dbe6e1;padding-top:1rem;margin-top:1rem}.checklist-group h3{margin:.2rem 0 .75rem}.checklist-item{display:flex;gap:.75rem;align-items:flex-start;margin:.65rem 0;padding:.7rem .8rem;border-radius:12px;background:#f7fbf8}.checklist-item input{margin-top:.25rem;accent-color:#0b6b51;width:1.05rem;height:1.05rem}.checklist-progress{font-weight:800;color:#0b4d3b;margin-top:1rem}
.resource-strip{border:1px solid rgba(11,77,59,.15);background:linear-gradient(135deg,#f4faf7,#fffaf0);border-radius:20px;padding:1.35rem;margin:2rem 0}.resource-strip h2,.resource-strip h3{margin:.1rem 0 .55rem;color:#123b31}.resource-links{display:flex;flex-wrap:wrap;gap:.65rem 1rem;margin-top:.8rem}.resource-links a{color:#0b6b51;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.mistake-card{border:1px solid #dbe6e1;border-radius:18px;background:#fff;padding:1.2rem;margin:1rem 0}.mistake-card h3{margin:.1rem 0 .5rem}.mistake-card .correction{border-top:1px solid #e4ece8;margin-top:.75rem;padding-top:.75rem;color:#174d3f}
.trust-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.4rem 0}.trust-fact{border:1px solid rgba(11,77,59,.14);border-radius:16px;background:#fff;padding:1.1rem}.trust-fact strong{display:block;color:#0b4d3b;margin-bottom:.3rem}
.urdu-page{direction:rtl;text-align:right}.urdu-page .article-body,.urdu-page .comparison-table th,.urdu-page .comparison-table td{text-align:right}.urdu-page .check-list li{padding-left:0;padding-right:1.75rem}.urdu-page .check-list li:before{left:auto;right:0}.urdu-page .answer-box,.urdu-page .editorial-box{border-left:1px solid rgba(11,77,59,.16)}
@media(max-width:800px){.tool-grid,.trust-facts{grid-template-columns:1fr}.tool-panel{border-radius:18px}.planner-table{font-size:.9rem}.planner-table th,.planner-table td{padding:.6rem}.tool-actions .button{width:100%;text-align:center}}
@media print{header,footer,.page-hero,.breadcrumbs,.cta-section,.tool-actions,.resource-strip,.static-mobile-nav{display:none!important}.tool-panel{box-shadow:none;border:0;padding:0}.planner-output,.tool-result{display:block!important}.planner-table{font-size:11pt}body{background:#fff}.article-shell{max-width:none}}
