.styled-text {   font-size:16px;   color:black;   background-color:white;   text-transform:none;   font-weight:normal; }  .small-text {   font-size:10px; }  .inverted {   color:white;   background-color:black; }  .smallcaps {   font-variant:small-caps; }  .bold {   font-weight:bold; }  .circled {   border:2px solid black;   border-radius:50%;   padding:5px;   display:inline-block;   text-align:center; }  .backwards {   unicode-bidi:bidi-override;   direction:rtl; } .readability-checker-container {   padding:0px 0 40px;   min-height:80vh; } .readability-header {   text-align:center;   margin-bottom:40px; } .readability-header h1 {   color:#1b2632;   margin-bottom:15px;   font-size:2.5rem;   font-weight:700; } .readability-header p {   color:#7f8c8d;   font-size:1.1rem;   max-width:600px;   margin:0 auto; } .readability-form-wrapper {   background:#fff;   padding:30px;   border-radius:8px;   box-shadow:0 2px 10px rgb(0 0 0 / 30%);   margin-bottom:30px; } .form-group label {   font-weight:600;   color:#17222c;   margin-bottom:8px; } .form-control {   height:45px;   font-size:16px;   border:2px solid #e0e6ed;   border-radius:6px;   width:100%;   padding:0 15px; } .form-control:focus {   border-color:#3498db;   outline:none;   box-shadow:0 0 0 0.2rem rgba(52, 152, 219, 0.25); } .input-group {   display:flex;   width:100%;   flex-direction:column; } .input-group-append .btn {margin-bottom:0 !important;} .btn-primary {   height:50px;   padding:0 25px;   font-weight:600;   border-radius:6px;   border:none;   background:#3498db;   color:white;   cursor:pointer; } .btn-primary:hover {   background:#2980b9; } .loading-section {   background:#f8f9fa;   padding:40px;   border-radius:8px;   text-align:center;   margin:20px 0; } .loading-spinner {   width:40px;   height:40px;   border:4px solid #e3e3e3;   border-top:4px solid #3498db;   border-radius:50%;   animation:spin 1s linear infinite;   margin:0 auto 20px; } @keyframes spin {   0% { transform:rotate(0deg); }   100% { transform:rotate(360deg); } } .results-section {   margin-top:30px; } .results-header {   background:linear-gradient(135deg, #1e59bc 0%, #35adb5 100%);   color:white;   padding:25px;   text-align:center;   border-radius:4px; } .results-header h2 {   background:unset !important;   border-left:0 !important;   font-weight:700; } .results-content {   padding:30px;   box-shadow:0 2px 10px rgb(0 0 0 / 20%);   border-radius:4px; } .stats-grid {   display:grid;   grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));   gap:20px;   margin-bottom:30px; } .stat-card {   background:#eff7ff;   padding:20px;   border-radius:6px;   text-align:center;   border-left:4px solid #3498db;   width:245px; } .stat-number {   font-size:1.8rem;   font-weight:700;   color:#2c3e50;   margin-bottom:5px; } .stat-label {   color:#7f8c8d;   font-size:0.9rem;   text-transform:uppercase;   letter-spacing:0.5px; } .scores-grid {   display:grid;   grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));   gap:25px;   margin-top:30px; } .score-card {   background:#fff;   border:1px solid #e0e6ed;   border-radius:8px;   padding:25px;   text-align:center;   position:relative; }   .score-title {   font-size:1.1rem;   font-weight:600;   color:#2c3e50;   margin-bottom:15px; } .score-value {   font-size:2.2rem;   font-weight:700;   margin:15px 0;   padding:15px;   border-radius:6px; } .score-excellent {   background:#d4edda;   color:#155724; } .score-good {   background:#cce5ff;   color:#0052cc; } .score-fair {   background:#fff3cd;   color:#856404; } .score-poor {   background:#f8d7da;   color:#721c24; } .score-description {   font-size:0.9rem;   color:#6c757d;   font-style:italic; } .alert {   padding:15px;   margin-bottom:20px;   border:1px solid transparent;   border-radius:4px; } .alert-danger {   color:#721c24;   background-color:#f8d7da;   border-color:#f5c6cb; } @media (max-width:768px) {   .readability-header h1 {  font-size:1.5rem;   }  .stats-grid, .scores-grid {  grid-template-columns:1fr;  justify-items:center;   }  .score-value {  font-size:1.8rem;   }  .input-group {  flex-direction:column;   }  .input-group .form-control {  border-radius:6px;  margin-bottom:10px;   }  .input-group-append .btn {  border-radius:6px;   }   .score-card {  width:250px;   } } body.single-post .loading-section p {   text-align:center; } .results-header p {   text-align:center; } .stat-card.tooltip::before {   bottom:96%; } .stat-card.tooltip:after {   bottom:105%;   width:100%; } .tooltip::after {   content:attr(data-tooltip);   position:absolute;   top:50%;   left:50%;   transform:translate(-50%, -50%);   color:white;   padding:8px 12px;   border-radius:6px;   font-size:14px;   opacity:0;   pointer-events:none;   transition:opacity 0.3s;   z-index:1000;   max-width:330px;   width:100%;   white-space:normal;   text-align:center;   line-height:1.4;   font-weight:600; } .tooltip::before {   content:'';   position:absolute;   bottom:0;   left:0;   height:100%;   width:100%;   opacity:0;   background:#000000d6;   transition:opacity 0.3s;   z-index:1000;   border-radius:8px; } .tooltip:hover::after, .tooltip:hover::before {   opacity:1; } .overall-score {   background:linear-gradient(135deg, #1e59bc 0%, #35adb5 100%);   color:white;   text-align:center;   padding:40px 30px;   border-radius:4px;   margin:30px 0;   box-shadow:0 8px 25px rgba(0,0,0,0.15); } .overall-score-number {   font-size:4rem;   font-weight:900;   margin-bottom:20px;   text-shadow:0 2px 4px rgba(0,0,0,0.3); } .overall-score-title {   font-size:1.5rem;   font-weight:600;   margin-bottom:15px;   opacity:0.95; } .overall-score-description {   font-size:1.1rem;   line-height:1.6;   opacity:0.9;   max-width:600px;   margin:0 auto; } @media (max-width:768px) {   .overall-score-number {  font-size:3rem;   }   .overall-score-title {  font-size:1.2rem;   }   .overall-score-description {  font-size:1rem;   } } .score-card.tooltip {   cursor:pointer; }  .tab-navigation {   display:flex;   justify-content:center;   margin-bottom:30px;   border-bottom:2px solid #e0e6ed; } .tab-button {   background:none;   border:none;   padding:15px 30px;   font-size:1.1rem;   font-weight:600;   color:#7f8c8d;   cursor:pointer;   border-bottom:3px solid transparent;   transition:all 0.3s ease;   margin:0 5px; } .tab-button:hover {   color:#3498db;   background-color:#f8f9fa; } .tab-button.active {   color:#3498db;   border-bottom-color:#3498db;   background-color:#f8f9fa; } .tab-content {   display:none; } .tab-content.active {   display:block; }  .textarea-control {   min-height:200px;   resize:vertical;   font-family:inherit;   line-height:1.6; } .text-info {   margin-top:8px;   color:#6c757d;   font-style:italic; } .text-info small {   font-size:0.85rem; }  #text-tab .readability-form-wrapper {   margin-bottom:0; } #text-tab .form-group:last-child {   margin-bottom:0; }  @media (max-width:768px) {   .tab-navigation {  flex-direction:column;  align-items:center;   }   .tab-button {  width:100%;  max-width:300px;  margin:2px 0;  border-radius:6px;  border-bottom:none;   }   .tab-button.active {  background-color:#3498db;  color:white;   }   .textarea-control {  min-height:150px;   } }