/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
color: #222;
font-size: 1em;
line-height: 1.4;
}

::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}

::selection {
background: #b3d4fc;
text-shadow: none;
}

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
.search-container {
max-width: 500px;
margin: 50px auto;
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
input[type="text"] {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 16px;
}
button {
padding: 10px 15px;
background-color: #5bc0de;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
}
button:hover {
background-color: #0056b3;
}
.results {
margin-top: 20px;
text-align: left;
}
.result-item {
padding: 10px;
background: #fff;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
margin-bottom: 10px;
}
.prefix {
background: #5bc0de;
color: white;
padding: 15px 15px;
font-size: 16px;
font-weight: bold;
border-right: 2px solid #157b99;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.loading {
font-size: 18px;
color: #007bff;
font-weight: bold;
margin-top: 10px;
display: none;
}
.loading span {
display: inline-block;
width: 8px;
height: 8px;
margin: 0 3px;
background: #007bff;
border-radius: 50%;
animation: loadingAnimation 1.2s infinite ease-in-out;
}

.header-container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 20px;
background-color: #f8f9fa;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
    
.title {
font-size: 24px;
font-weight: bold;
}

.search-btn {
padding: 8px 12px;
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
float:right;
}

.search-btn:hover {
background-color: #0056b3;
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}

fieldset {
border: 0;
margin: 0;
padding: 0;
}

textarea {
resize: vertical;
}

.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
========================================================================== */

body {
font: 17px/27px Helvetica, Helvetica Neue, Arial;
}

.wrapper {
width: 90%;
margin: 0 5%;
}

/* ===================
ALL: Orange Theme
=================== */

.header-container {
/*border-bottom: 20px solid #2c83b7;*/
}

.footer-container,
.main aside {
/*border-top: 10px solid #2c83b7;*/
}


.header-container,
.footer-container,
.main aside {
background: #0066cc;
}

.title {
color: white;
}

/* ==============
MOBILE: Menu
============== */

nav ul {
margin: 0;
padding: 0;
list-style-type: none;
}

nav a {
display: block;
margin-bottom: 10px;
padding: 15px 0;

text-align: center;
text-decoration: none;
font-weight: bold;

color: white;
background: #2b96d6;
}

nav a:hover,
nav a:visited {
color: white;
}

nav a:hover {
text-decoration: underline;
}

/* ==============
MOBILE: Main
============== */

.main {
padding: 2px 0;
}

.main article h1 {
font-size: 2em;
}

.main aside {
color: white;
padding: 0px 5% 10px;
}

.footer-container footer {
color: white;
padding: 20px 0;
}

/* ===============
ALL: IE Fixes
=============== */

.ie7 .title {
padding-top: 20px;
}

/* ==========================================================================
Author's custom styles
========================================================================== */

/* ==========================================================================
Media Queries
========================================================================== */

@media only screen and (min-width: 480px) {

/* ====================
INTERMEDIATE: Menu
==================== */

nav a {
float: left;
width: 27%;
margin: 0 1.7%;
padding: 25px 2%;
margin-bottom: 0;
}

nav li:first-child a {
margin-left: 0;
}

nav li:last-child a {
margin-right: 0;
}

/* ========================
INTERMEDIATE: IE Fixes
======================== */

nav ul li {
display: inline;
}

.oldie nav a {
margin: 0 0.7%;
}
}

@media only screen and (min-width: 768px) {

/* ====================
WIDE: CSS3 Effects
==================== */

/*
.header-container,
.main aside {
-webkit-box-shadow: 0 5px 10px #aaa;
-moz-box-shadow: 0 5px 10px #aaa;
box-shadow: 0 5px 10px #aaa;
}
*/
.header-container {
/*-webkit-box-shadow: 0 5px 10px #aaa;
-moz-box-shadow: 0 5px 10px #aaa;
box-shadow: 0 5px 10px #aaa;*/
}

/* ============
WIDE: Menu
============ */

.title {
float: left;
}

nav {
float: right;
width: 38%;
}

/* ============
WIDE: Main
============ */

.main article {
/*float: left;*/
/*width: 90%;*/
}

.main aside {
float: right;
width: 8%;
}
}

@media only screen and (min-width: 1140px) {

/* ===============
Maximal Width
=============== */

.wrapper {
width:69%;/* 1140px - 10% for margins */
margin: 0 auto;
}
}

/* ==========================================================================
Helper classes
========================================================================== */

.hidden {
display: none !important;
visibility: hidden;
}

.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}

.invisible {
visibility: hidden;
}



/* ==========================================================================
Print styles
========================================================================== */

@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}

a,
a:visited {
text-decoration: underline;
}

a[href]:after {
content: " (" attr(href) ")";
}

abbr[title]:after {
content: " (" attr(title) ")";
}

a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}

pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}

thead {
display: table-header-group;
}

tr,
img {
page-break-inside: avoid;
}

img {
max-width: 100% !important;
}

p,
h2,
h3 {
orphans: 3;
widows: 3;
}

h2,
h3 {
page-break-after: avoid;
}
}
.checkbox-container {
display: flex;
align-items: center;
gap: 8px;
margin: -23px 0px 0px 0px;
}

.checkbox-container input[type="checkbox"] {
width: 20px;
height: 20px;
cursor: pointer;
}

.checkbox-container label {
font-size: 15px;
color: #333;
cursor: pointer;
margin: 5px 2px 0px 0px;
}

.checkbox-container a {
color: #4CAF50;
text-decoration: none;
font-weight: bold;
}

.checkbox-container a:hover {
text-decoration: underline;
}
section[itemprop="articleBody"] {
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    text-align: left;
    margin: 30px auto;
    font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
    line-height: 1.7;
    font-size: 17px;
    color: #333;
}

/* Liste maddeleri */
section ul {
    list-style: none;
    padding-left: 0;
    margin-top: 20px;
}

section ul li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    background-color: #f6f6f6;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    padding: 12px 16px 12px 40px;
    font-size: 16px;
    font-weight: 500;
    color: #222;
}

/* Nokta yerine sade bir onay ikonu */
section ul li::before {
    content: "✔";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-70%);
    color: #2e7d32; /* yeşil ama kurumsal */
    font-weight: bold;
    font-size: 18px;
}

section[itemprop="articleBody"] h2 {
    font-size: 24px;
    color: #1a237e;
    margin-top: 30px;
    margin-bottom: 15px;
    border-bottom: 2px solid #eee;
    padding-bottom: 6px;
}

@media screen and (max-width: 768px) {
    section[itemprop="articleBody"] {
        padding: 20px;
        font-size: 16px;
    }

    section ul li {
        font-size: 15px;
        padding-left: 38px;
    }
}

section p {
font-size: 16px;
color: #333;
line-height: 1.6;
margin-bottom: 15px;
}





section .search-button {
display: inline-block;
background: #007bff; 
color: white;
font-size: 20px;
font-weight: bold;
padding: 12px 24px;
border-radius: 5px;
text-decoration: none;
margin-top: 15px;
transition: background 0.3s ease;
}

section .search-button:hover {
background: #0056b3;
}

.social-share-container {
text-align: center;
margin: 4px 9px -9px 0px;
/*padding: 15px;*/

background: #f9f9f9;
border-radius: 10px;
/*box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);*/
}

.alert-social{
color: #000;
background-color: #fbfbfb;
}
.optional-text {
color: gray;
font-size: 0.9em;
}





.form_input:hover {
border-color: #6a34ad;
}


.form_input:focus {
border-color: #6a34ad;
box-shadow: 0 0 8px rgba(78, 38, 129, 0.4);
}


@media screen and (max-width: 768px) {
.form_input {
font-size: 18px;
padding: 14px;
}
}


.form-container {
background: #f9f9f9;
padding: 25px;
margin-top: 20px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
text-align: center;
max-width: 450px;
margin-left: auto;
margin-right: auto;
}


.form-container h2 {
font-size: 20px;
color: #4e2681;
margin-bottom: 20px;
}


.form-group {
  width: 100%;
  max-width: 500px;
  margin: 20px auto;
}


.form-group label {
display: block;
font-weight: bold;
margin-bottom: 5px;
}


.form-group input {
width: 100%;
padding: 12px;
font-size: 16px;
border: 2px solid #ccc;
border-radius: 6px;
outline: none;
transition: 0.3s ease-in-out;
display: block;
}


.form-group input:hover,
.form-group input:focus {
border-color: #6a34ad;
box-shadow: 0 0 6px rgba(78, 38, 129, 0.3);
}


.form-group input::placeholder {
color: #888;
font-size: 14px;
}


.submit-btn {
background: #4e2681;
color: white;
font-size: 16px;
font-weight: bold;
border: none;
padding: 12px 20px;
border-radius: 6px;
cursor: pointer;
width: 100%;
margin-top: 15px;
transition: 0.3s;
}

.submit-btn:hover {
background: #6a34ad;
box-shadow: 0 4px 8px rgba(78, 38, 129, 0.2);
}

@keyframes shake {
0% { transform: translateX(0); }
20% { transform: translateX(-5px); }
40% { transform: translateX(5px); }
60% { transform: translateX(-5px); }
80% { transform: translateX(5px); }
100% { transform: translateX(0); }
}

.shake-animation {
display: inline-block;
animation: shake 1s ease-in-out infinite; 
}


#feedback_form_user {
opacity: 0;
height: 0;
overflow: hidden;
visibility: hidden;
transition: opacity 0.5s ease-in-out, height 0.5s ease-in-out, visibility 0.5s;
}

#feedback_form_voit {
opacity: 0;
height: 0;
overflow: hidden;
visibility: hidden;
transition: opacity 0.5s ease-in-out, height 0.5s ease-in-out, visibility 0.5s;
}


#feedback_form_user.visible {
opacity: 1;
height: auto;
visibility: visible;
width: 100%;
}




#feedback_form_voit.visible {
opacity: 1;
height: auto;
visibility: visible;
}

#ModerationNote {
opacity: 1;
visibility: visible;
}

.phone-details-base {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease-in-out;
    padding: 15px;
    margin-top: 20px;
    background-color: #f9f9f9;
    border-left: 5px solid #4CAF50;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    font-size: 16px;
    line-height: 1.6;
}


@media screen and (max-width: 480px) {
#user-question button {
width: 100%;
display: block;
margin: 10px auto;
}
}


.comment-main {
background: #ffffff;
border: 1px solid #ddd;
border-radius: 10px;
padding: 15px;
margin-bottom: 15px;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}


.name {
font-size: 16px;
font-weight: bold;
color: #4e2681;
margin-bottom: 5px;
}


.datetime {
font-size: 14px;
color: #777;
display: block;
margin-bottom: 10px;
}


.content {
font-size: 15px;
line-height: 1.6;
color: #333;
margin-bottom: 10px;
}


.delete a img, .reply a img {
width: 20px;
height: 20px;
margin-right: 8px;
cursor: pointer;
opacity: 0.8;
transition: opacity 0.3s ease-in-out;
}

.delete a img:hover, .reply a img:hover {
opacity: 1;
}

.like-count {
display: flex;
align-items: center;
gap: 10px;
margin-top: 10px;
}

.like-count a {
font-size: 14px;
color: #333;
text-decoration: none;
padding: 5px 10px;
border-radius: 5px;
background: #f4f4f4;
transition: background 0.3s ease-in-out;
}

.like-count a:hover {
background: #ddd;
}


.subcomments {
background: #f9f9f9;
border-radius: 8px;
padding: 10px;
margin-top: 10px;
display: none; 
}

.subcomment h4 {
font-size: 16px;
color: #333;
margin-bottom: 10px;
}

.subcommentinner {
padding: 10px;
border-radius: 5px;
}

.subcommentinner input,
.subcommentinner textarea {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 14px;
margin-top: 5px;
}

.subcommentinner button {
background: #4e2681;
color: white;
padding: 8px 12px;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background 0.3s ease-in-out;
}

.subcommentinner button:hover {
background: #6a34ad;
}

@media screen and (max-width: 768px) {
.comment-main {
padding: 10px;
}

.name {
font-size: 14px;
}

.datetime {
font-size: 12px;
}

.like-count a {
font-size: 12px;
padding: 5px;
}

.subcommentinner button {
width: 100%;
text-align: center;
}
}



.alert {
background: #ffffff;
border: 2px solid #ddd;
border-radius: 10px;
padding: 20px;
margin-bottom: 15px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}


.CenterContent {
flex-grow: 1;
text-align: left;
}


.close {
float: right;
font-size: 20px;
color: #555;
opacity: 0.6;
transition: opacity 0.3s ease-in-out;
}

.close:hover {
opacity: 1;
}


.visitor-count {
font-size: 14px;
color: #555;
display: flex;
align-items: center;
}

.visitor {
background-image: url('/img/visitor-icon.webp');
width: 16px;
height: 16px;
display: inline-block;
background-size: contain;
margin-right: 5px;
}


.PanelNumber {
font-size: 18px;
font-weight: bold;
color: #4e2681;
margin-right: 10px;
}


.panel-detail-icon i {
width: 24px;
height: 24px;
display: inline-block;
background-size: contain;
vertical-align: middle;
}


.panel-city {
font-size: 14px;
color: #666;
font-weight: bold;
margin-top: 5px;
}

.line-summary-pills {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 6px;
margin: 8px auto 2px auto;
max-width: 680px;
}

.line-summary-pills span {
display: inline-flex;
align-items: center;
gap: 3px;
border: 1px solid #d9e1e8;
background: #fff;
border-radius: 999px;
padding: 4px 9px;
font-size: 12px;
line-height: 1.25;
color: #53606b;
}

.line-technical-panel {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
margin: 14px auto 4px auto;
max-width: 680px;
text-align: left;
}

.line-technical-item {
border: 1px solid #e1e5ea;
background: #fff;
border-radius: 6px;
padding: 8px 10px;
min-width: 0;
}

.line-technical-label {
display: block;
font-size: 11px;
line-height: 1.25;
color: #6b7280;
font-weight: 600;
}

.line-technical-value {
display: block;
margin-top: 3px;
font-size: 13px;
line-height: 1.35;
color: #25313a;
overflow-wrap: anywhere;
}

@media (max-width: 640px) {
.line-technical-panel {
grid-template-columns: 1fr;
}
}

.number-intelligence {
background: #fff;
border: 1px solid #dfe5eb;
border-radius: 8px;
padding: 18px;
margin: 22px 0;
box-shadow: 0 8px 24px rgba(31, 41, 55, .06);
}

.number-intelligence h2 {
margin-top: 0;
font-size: 24px;
line-height: 1.25;
}

.number-intelligence-lead {
font-size: 15px;
line-height: 1.7;
color: #34404a;
}

.number-quality-panel {
border: 1px solid #dbe4ec;
border-left: 4px solid #64748b;
border-radius: 8px;
background: #f8fafc;
padding: 14px;
margin: 16px 0;
}

.number-quality-panel.quality-good {
border-left-color: #18864b;
}

.number-quality-panel.quality-risk {
border-left-color: #c93636;
}

.number-quality-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}

.number-quality-header strong {
display: block;
font-size: 18px;
line-height: 1.25;
color: #24313a;
}

.number-quality-header b {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 54px;
height: 38px;
border-radius: 6px;
background: #fff;
border: 1px solid #d9e1e8;
font-size: 18px;
color: #1f2937;
}

.number-quality-kicker {
display: block;
font-size: 12px;
font-weight: 700;
line-height: 1.25;
color: #6b7280;
margin-bottom: 3px;
}

.number-quality-meter {
height: 9px;
border-radius: 999px;
background: #e5eaf0;
overflow: hidden;
margin: 12px 0 8px 0;
}

.number-quality-meter span {
display: block;
height: 100%;
border-radius: inherit;
background: #64748b;
}

.number-quality-panel.quality-good .number-quality-meter span {
background: #18864b;
}

.number-quality-panel.quality-risk .number-quality-meter span {
background: #c93636;
}

.number-quality-copy,
.number-quality-recommendation {
font-size: 13px;
line-height: 1.55;
color: #4b5563;
margin: 7px 0 0 0;
}

.number-quality-recommendation {
color: #2f3a43;
font-weight: 600;
}

.number-quality-signals {
margin-top: 12px;
}

.number-quality-signals h3,
.number-context-insights h3 {
font-size: 17px;
margin: 0 0 8px 0;
color: #2f3a43;
}

.number-quality-signal-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}

.number-quality-signal {
background: #fff;
border: 1px solid #e1e6ec;
border-left: 3px solid #64748b;
border-radius: 6px;
padding: 9px 10px;
min-width: 0;
}

.number-quality-signal.signal-good {
border-left-color: #18864b;
}

.number-quality-signal.signal-risk {
border-left-color: #c93636;
}

.number-quality-signal span {
display: block;
font-size: 12px;
font-weight: 700;
color: #6b7280;
line-height: 1.25;
}

.number-quality-signal b {
display: block;
font-size: 14px;
line-height: 1.3;
color: #24313a;
margin-top: 2px;
}

.number-quality-signal small {
display: block;
font-size: 12px;
line-height: 1.45;
color: #596575;
margin-top: 4px;
overflow-wrap: anywhere;
}

.number-context-insights {
border-top: 1px solid #e5eaf0;
border-bottom: 1px solid #e5eaf0;
padding: 14px 0;
margin: 16px 0;
}

.number-context-insights ul {
padding-left: 18px;
margin: 0;
}

.number-context-insights li {
font-size: 14px;
line-height: 1.6;
margin-bottom: 7px;
color: #34404a;
}

.number-technical-details {
margin: 18px 0 4px 0;
}

.number-technical-details h3 {
font-size: 17px;
margin: 0 0 8px 0;
color: #2f3a43;
}

.number-insight-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin: 16px 0;
}

.number-insight-card {
border: 1px solid #e1e6ec;
border-left: 4px solid #8b98a7;
border-radius: 6px;
background: #fbfcfd;
padding: 12px;
min-width: 0;
}

.number-insight-card.insight-good {
border-left-color: #18864b;
}

.number-insight-card.insight-risk {
border-left-color: #c93636;
}

.number-insight-card.insight-neutral {
border-left-color: #637083;
}

.number-insight-label {
display: block;
font-size: 12px;
font-weight: 700;
color: #6b7280;
margin-bottom: 4px;
}

.number-insight-card strong {
display: block;
font-size: 15px;
color: #24313a;
overflow-wrap: anywhere;
}

.number-insight-card p {
margin: 6px 0 0 0;
font-size: 13px;
line-height: 1.45;
color: #56616d;
}

.number-intelligence-columns {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
margin-top: 12px;
}

.number-intelligence-columns h3 {
font-size: 17px;
margin: 0 0 8px 0;
color: #2f3a43;
}

.number-intelligence-columns ul {
padding-left: 18px;
margin: 0;
}

.number-intelligence-columns li {
font-size: 14px;
line-height: 1.55;
margin-bottom: 7px;
}

.number-intelligence-disclosure {
border-top: 1px solid #e5eaf0;
padding-top: 10px;
margin-top: 14px;
font-size: 13px;
line-height: 1.55;
color: #66717c;
}

@media (max-width: 720px) {
.number-insight-grid,
.number-intelligence-columns,
.number-quality-signal-grid {
grid-template-columns: 1fr;
}

.number-intelligence {
padding: 14px;
}

.number-quality-header {
align-items: stretch;
}

.number-quality-header b {
height: auto;
min-height: 36px;
}
}


p {
font-size: 15px;
/*color: #444;*/
margin-bottom: 5px;
}


hr {
border: 0;
height: 1px;
background: #ddd;
margin: 15px 0;
}


.leftcontent {
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
}


.Number-Safe-Icon {
background: #f5f5f5;
border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}

.Number-Icon {
background-image: url('/img/phone-icon.webp');
width: 30px;
height: 30px;
display: inline-block;
background-size: contain;
}


@media screen and (max-width: 768px) {
.alert {
flex-direction: column;
text-align: center;
}

.visitor-count {
justify-content: center;
}

.panel-detail-icon i {
display: block;
margin: 5px auto;
}

.leftcontent {
margin-top: 15px;
}
}


.table-box {
width: 100%;
margin: 20px auto;
padding: 15px;
background: #ffffff;
border-radius: 10px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
overflow-x: auto;
}


.table-container {
flex: 1;
padding: 10px;
}


table {
width: 100%;
border-collapse: collapse;
border-radius: 8px;
overflow: hidden;
background: #fff;
}


th {
background: #4e2681;
color: white;
padding: 12px;
text-align: left;
font-size: 16px;
}


td {
padding: 10px;
border-bottom: 1px solid #ddd;
font-size: 15px;
color: #333;
}


tbody tr:nth-child(even) {
background: #f9f9f9;
}

tbody tr:hover {
background: #e8e8ff;
}


.toggle-button {
background: #4e2681;
color: white;
padding: 10px 15px;
border: none;
border-radius: 6px;
cursor: pointer;
margin-top: 10px;
transition: background 0.3s ease-in-out;
font-size: 14px;
}

.toggle-button:hover {
background: #6a34ad;
}


@media screen and (max-width: 768px) {
.table-box {
padding: 10px;
}

.table-container {
width: 100%;
padding: 5px;
}

th, td {
font-size: 14px;
padding: 8px;
}

.toggle-button {
width: 100%;
}
}

.detail-button {
background: #4e2681; 
color: white;
padding: 12px 20px;
border: none;
border-radius: 8px;
cursor: pointer;
font-size: 16px;
font-weight: bold;
text-align: center;
display: inline-flex;
align-items: center;
gap: 8px; 
transition: background 0.3s ease-in-out, transform 0.2s ease-in-out;
}


.detail-button:hover {
background: #6a34ad;
transform: scale(1.05);
}


.detail-button:active {
background: #3b1d5a;
transform: scale(0.95);
}


@media screen and (max-width: 768px) {
.detail-button {
width: 100%; 
font-size: 14px;
padding: 10px;
}
}
@media screen and (max-width: 480px) {
#user-question button {
width: 100%;
margin: 5px 0;
}
}

@media screen and (max-width: 768px) {
.alert {
padding: 15px;
}

.form_group,
.commentinpt,
.checkbox-container {
padding: 10px 0;
}

.btn-info {
font-size: 16px;
}
}
/* MODAL */
.custom-modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.custom-modal-content {
background-color: white;
margin: 10% auto;
padding: 20px;
border-radius: 10px;
width: 40%;
text-align: center;
position: relative;
}
.close-modal {
position: absolute;
top: 0px;
right: 15px;
font-size: 24px;
cursor: pointer;
}

.social-btn.copylink i {
    color: #333;
}

@media screen and (max-width: 768px) {
.custom-modal-content {
width: 90%;
max-height: 70vh;
padding: 20px;
overflow-y: auto;
}

.social-btn {
font-size: 16px;
padding: 12px;
}
}


.social-actions {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 16px;
color: #65676B;
}

.left-actions {
flex: 1;
gap: 20px;
display: flex;
justify-content: flex-start;
}

.right-actions {
display: flex;
gap: 20px;
justify-content: flex-end;
}

.action-item {
cursor: pointer;
font-weight: bold;
display: flex;
align-items: center;
gap: 5px;
padding: 8px 12px;
border-radius: 20px;
border: 1px solid #ccc;
position: relative;
transition: all 0.2s ease-in-out;
}

.icon {
width: 22px;
height: 22px;
stroke: #65676B;
display: inline-block;
  vertical-align: middle;
transition: stroke 0.2s ease-in-out, transform 0.2s ease-in-out;
}

svg.icon {
    width: 22px;
height: 22px;
stroke: #65676B;
display: inline-block;
  vertical-align: middle;
transition: stroke 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.action-item:hover {
color: #1877F2;
border: 1px solid #1877F2;
background-color: rgba(24, 119, 242, 0.1);
transform: scale(1.1);
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.action-item:hover .icon {
stroke: #1877F2;
transform: scale(1.2);
}

.action-item::after {
content: attr(data-tooltip);
position: absolute;
bottom: 150%;
left: 50%;
transform: translateX(-50%);
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
padding: 6px 10px;
border-radius: 5px;
font-size: 14px;
white-space: nowrap;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.action-item::before {
content: "";
position: absolute;
bottom: 140%;
left: 50%;
transform: translateX(-50%);
border-width: 5px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.action-item:hover::after,
.action-item:hover::before {
visibility: visible;
opacity: 1;
}
.action-item::after {
content: attr(data-tooltip);
position: absolute;
bottom: 150%;
left: 50%;
transform: translateX(-50%);
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
padding: 6px 10px;
border-radius: 5px;
font-size: 14px;
white-space: nowrap;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.action-item::before {
content: "";
position: absolute;
bottom: 140%;
left: 50%;
transform: translateX(-50%);
border-width: 5px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.action-item:hover::after,
.action-item:hover::before {
visibility: visible;
opacity: 1;
}


.safe-icon {
position: relative;
display: inline-block;
width: 24px;
height: 24px;
background-size: cover;
cursor: pointer;
}
.safe-icon::after {
content: attr(data-tooltip);
position: absolute;
bottom: 150%;
left: 50%;
transform: translateX(-50%);
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
padding: 6px 10px;
border-radius: 5px;
font-size: 14px;
white-space: nowrap;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}

.safe-icon::before {
content: "";
position: absolute;
bottom: 140%;
left: 50%;
transform: translateX(-50%);
border-width: 5px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}

.safe-icon:hover::after,
.safe-icon:hover::before {
visibility: visible;
opacity: 1;
}

.copy-wrapper {
    position: relative;
    display: inline-block;
}

.copy-toast {
    position: absolute;
    bottom: 120%; /* butonun üstünde olacak */
    left: 50%;
    transform: translateX(-50%);
    background-color: #1877F2;
    color: #fff;
    padding: 8px 14px;
    border-radius: 6px;
    font-size: 14px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 99;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.copy-toast::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: #1877F2 transparent transparent transparent;
}

.copy-toast.show {
    opacity: 1;
}

.copy-checkmark {
    margin-left: 8px;
    color: #00ff88;
    font-size: 16px;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.copylink.show-success .copy-checkmark {
    opacity: 1;
}

.icon {
  width: 24px;
  height: 24px;
  transform: none;
  transition: none;
}

.social-buttons {
  /*display: flex;*/
  gap: 10px;
  justify-content: center;
  align-items: center;
  margin: 15px 0;
  flex-wrap: wrap;
}

.social-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 37px;
    transition: transform 0.2s ease-in-out;
    position: relative;
}

.social-btn:hover {
  transform: scale(1.1);
}



/* Tooltip */
.social-btn[data-tooltip]:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0,0,0,0.8);
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 1;
  pointer-events: none;
z-index: 9999;
}
.social-btn::before {
  content: "";
  position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 9998; /* Ok da üstte kalır */
}
.copy-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 40px;
}

.copy-box input {
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #f9f9f9;
}

.copy-btn {
  background-color: #555;
  color: white;
  border: none;
  padding: 8px 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.2s;
}

.copy-btn:hover {
  background-color: #333;
}




.copy-container {
  position: relative;
  margin-top: 20px;
}

.svg-wrapper {
  max-width: 500px;
  width: 100%;
  margin: 20px auto;
  padding: 10px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  background-color: #fdfdfd;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  text-align: center;
  transition: transform 0.3s ease;
  cursor: zoom-in;
}

.svg-wrapper img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.svg-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.85);
  text-align: center;
  padding-top: 60px;
  transition: opacity 0.3s ease;
  opacity: 0;
  pointer-events: none;
}

.svg-modal.active {
  display: block;
  opacity: 1;
  pointer-events: auto;
}

.svg-modal img.modal-content {
  max-width: 90%;
  max-height: 80%;
  margin: auto;
  border-radius: 8px;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
  animation: zoomIn 0.3s ease;
}

@keyframes zoomIn {
  from { transform: scale(0.8); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

.close-modal {
  position: absolute;
  color: black;
  font-size: 36px;
  font-weight: bold;
  cursor: pointer;
  z-index: 10000;
}

#feedback_form {
    width: 98%;
}


.embed-box {
  margin-top: 15px;
}

.embed-box textarea {
  width: 100%;
  height: 100px;
  padding: 10px;
  font-family: monospace;
  font-size: 13px;
  border: 1px solid #ccc;
  border-radius: 6px;
  resize: none;
  background: #f9f9f9;
}

.copy-btn.small {
  margin-top: 6px;
  font-size: 13px;
  padding: 6px 10px;
}
img[src^="/Home/Svg"] {
width: 100%;
    height: 100%;
  display: inline-block;
}

.social-footer {
box-sizing: border-box;
width: 100%;
margin-top: 18px;
padding: 20px;
border: 1px solid rgba(255, 255, 255, .12);
border-radius: 8px;
background: linear-gradient(135deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .035));
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
color: #dce6ed;
}

.social-footer a {
color: #eef6fb;
text-decoration: none;
}

.social-footer a:hover,
.social-footer a:focus {
color: #ffffff;
text-decoration: none;
}

.social-footer-brand {
display: flex;
align-items: center;
gap: 10px;
margin: 0 0 14px;
color: #f4f8fb;
font-size: 14px;
line-height: 1.45;
font-weight: 700;
}

.social-footer-mark {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 36px;
height: 36px;
border: 1px solid rgba(255, 255, 255, .16);
border-radius: 8px;
background: rgba(255, 255, 255, .09);
color: #ffffff;
}

.social-footer-nav,
.social-footer-network {
display: flex;
align-items: center;
flex-wrap: wrap;
width: 100%;
}

.social-footer-nav {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
column-gap: 14px;
row-gap: 7px;
margin: 0 0 16px;
padding: 11px 0 13px;
border-top: 1px solid rgba(255, 255, 255, .08);
border-bottom: 1px solid rgba(255, 255, 255, .1);
background: transparent;
}

.social-footer-nav a {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
min-height: 24px;
padding: 3px 12px;
border-radius: 0;
background: transparent;
color: #ccd9e2;
font-size: 12px;
line-height: 1.35;
font-weight: 750;
letter-spacing: 0;
transition: color .18s ease;
}

.social-footer-nav a:after {
content: "";
position: absolute;
right: -1px;
top: 50%;
width: 1px;
height: 14px;
background: rgba(255, 255, 255, .14);
transform: translateY(-50%);
}

.social-footer-nav a:last-child:after {
display: none;
}

.social-footer-nav a:hover,
.social-footer-nav a:focus {
color: #ffffff;
text-decoration: underline;
text-underline-offset: 5px;
text-decoration-thickness: 1px;
}

.social-footer-disclaimer {
margin: 0 0 14px;
color: #c6d3dc;
font-size: 12px;
line-height: 1.65;
}

.social-footer-disclaimer a {
font-weight: 850;
border-bottom: 1px solid rgba(255, 255, 255, .28);
}

.social-footer-network a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
min-width: 40px;
min-height: 40px;
margin-right: 8px;
padding: 0;
border: 1px solid rgba(255, 255, 255, .14);
border-radius: 999px;
background: rgba(255, 255, 255, .065);
color: #f4f8fb;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.social-footer-network a:hover,
.social-footer-network a:focus {
background: #ffffff;
border-color: #ffffff;
color: #17212b;
transform: translateY(-2px);
}

.social-footer-network a i {
font-size: 15px;
line-height: 1;
}

@media screen and (max-width: 640px) {
.social-footer {
margin-top: 12px;
padding: 14px;
border-radius: 0;
border-left: 0;
border-right: 0;
}

.social-footer-brand {
align-items: flex-start;
}

.social-footer-nav {
justify-content: center;
column-gap: 10px;
row-gap: 8px;
padding: 11px 0;
}

.social-footer-nav a {
justify-content: center;
text-align: center;
padding: 5px 8px;
background: transparent;
}

.social-footer-nav a:after {
display: none;
}

.social-footer-network {
justify-content: center;
gap: 9px;
}

.social-footer-network a {
margin-right: 0;
}
}

        .tag-cloud {

}
.tag {
    padding: 4px 8px;
    /*background-color: #f3f3f3;*/
    border-radius: 4px;
    color: #333;
    cursor: pointer;
}

.border-left-primary {
    border-left: 4px solid #4e73df;
}
.border-left-info {
    border-left: 4px solid #36b9cc;
}
.card-title {
    font-weight: bold;
}
.card-text {
    font-size: 0.95rem;
}


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    background-color: #fff;
    border-radius: 50px;
}

.pagination li {
    display: inline;
    margin: 0 8px;
}

.pagination li a, .pagination li span {
    color: #fff;
    padding: 12px 20px;
    text-decoration: none;
    border-radius: 50px;
    background-color: #007bff; 
    font-size: 16px;
    font-weight: bold;
    transition: background-color 0.3s ease, transform 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


.pagination li a:hover, .pagination li span:hover {
    background-color: #0056b3; 
    transform: translateY(-2px); 
}


.pagination .active span {
    background-color: #28a745;
    color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.pagination .disabled span {
    background-color: #ccc;
    color: #888;
    pointer-events: none;
}

.pagination li a:hover {
    background-color: #0056b3;
    color: white;
}

@media (max-width: 768px) {
    .pagination {
        font-size: 14px;
    }

    .pagination li a, .pagination li span {
        padding: 8px 16px;
    }
}

.p-center {
    text-align: center;
}


.scroll-container {
    display: flex;
    overflow-x: auto;  /* Yatay kaydırma ekler */
    padding: 10px 0;
    gap: 20px;  /* Kartlar arasındaki boşluk */
    scroll-behavior: smooth; /* Kaydırma animasyonu */
    -webkit-overflow-scrolling: touch; /* Mobilde düzgün kaydırma */
    width: 100%;
}
.comparison-container {
    text-align: center;
    margin-top: 40px;
}
.comparison-cards {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: 280px; /* Kart genişliği */
    text-align: center;
    transition: transform 0.3s ease;
}

/* Hover Efekti */
.comparison-card:hover {
    transform: translateY(-5px); /* Hover sırasında yukarı kayma */
}

/* Kart Başlığı */
.comparison-header {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.phone-number {
    font-size: 20px;
    font-weight: bold;
    color: #007bff;
    margin: 0 10px;
}

.vs {
    font-size: 18px;
    color: #555;
}

/* Benzerlik */
.similarity {
    font-size: 16px;
    margin-bottom: 20px;
}

.similarity-value {
    font-size: 22px;
    font-weight: bold;
    color: #28a745;
}

/* Butonlar */
.button-container {
    margin-top: 20px;
}

.details-btn {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.details-btn:hover {
    background-color: #0056b3;
}

.details-btn:focus {
    outline: none;
}
/* General container for the call-check section */
.call-check-container {
    background-color: #f9f9f9;
    border-radius: 12px;
    padding: 25px;
    margin: 30px auto;
    /*max-width: 800px;*/
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    font-family: Arial, sans-serif;
    color: #333;
}

/* Heading styles */
.call-check-container h2 {
    font-size: 28px;
    color: #4e2681;
    text-align: center;
    margin-bottom: 20px;
}

.call-check-container h3 {
    font-size: 20px;
    color: #4e2681;
    margin-top: 20px;
}

/* Paragraph styling */
.call-check-container p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 15px;
}

/* Highlighting important words */
.call-check-container strong {
    color: #4e2681;
    font-weight: bold;
}

/* Button Styling */
.search-button {
    display: inline-block;
    background-color: #4e2681;
    color: white;
    padding: 18px 35px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
    text-align: center;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Button Hover Effect */
.search-button:hover {
    background-color: #6f3e9f;
    transform: translateY(-2px);
}

/* Responsive Design for smaller screens */
@media (max-width: 768px) {
    .call-check-container {
        padding: 15px;
        margin: 20px;
    }

    .call-check-container h2 {
        font-size: 24px;
    }

    .call-check-container h3 {
        font-size: 18px;
    }

    .call-check-container p {
        font-size: 14px;
    }

    .search-button {
        font-size: 16px;
        padding: 14px 25px;
    }
}
.call-info-container {
    margin: 20px auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.call-time-text {
    font-size: 18px;
    color: #555;
    line-height: 1.6;
    font-weight: bold;
    text-transform: capitalize;
}

.call-time-text {
    color: #4CAF50;
    background-color: #f0f8e9;
    border-left: 5px solid #4CAF50;
    padding: 15px;
    border-radius: 5px;
    font-size: 20px;
}

.call-time-text:hover {
    background-color: #e8f5e1;
    color: #388e3c;
    cursor: pointer;
}

.call-time-text a {
    color: inherit;
    text-decoration: none;
    font-weight: bold;
}


.call-time-text a:hover {
    color: #388e3c;
    text-decoration: underline;
}

@media (max-width: 600px) {
    .call-info-container {
        width: 95%;
        padding: 15px;
    }

    h2 {
        font-size: 20px;
    }

    .call-time-text {
        font-size: 16px;
    }
}

.call-info-link-container {
    width: 80%;
    max-width: 800px;
    margin: 50px auto;
    text-align: center;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.call-info-link-container h2 {
    font-size: 24px;
    color: #333;
    margin-bottom: 10px;
}

.call-info-link-container p {
    font-size: 18px;
    color: #555;
    margin-bottom: 20px;
}

.cta-button {
    display: inline-block;
    background-color: #4CAF50;
    color: white;
    padding: 15px 30px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.cta-button:hover {
    background-color: #388e3c;
}

.ai-question-detail-shell {
box-sizing: border-box;
width: 100%;
max-width: 100%;
margin: 0 auto 22px;
padding: 0;
color: #17212b;
}

.ai-detail-breadcrumb {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
width: 100%;
margin: 0 0 12px;
padding: 10px 12px;
border: 1px solid #dfe8ef;
border-radius: 8px;
background: #fbfcfd;
color: #667787;
font-size: 12px;
line-height: 1.35;
}

.ai-detail-breadcrumb a,
.ai-detail-breadcrumb strong {
display: inline-flex;
align-items: center;
gap: 6px;
min-width: 0;
color: #263746;
text-decoration: none;
font-weight: 800;
}

.ai-detail-breadcrumb strong {
max-width: 100%;
font-weight: 750;
color: #667787;
}

.ai-detail-hero {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 0 14px;
padding: 0;
border: 1px solid #dbe7ef;
border-radius: 8px;
background: linear-gradient(135deg, #ffffff 0%, #f6fafc 56%, #edf6fb 100%);
box-shadow: 0 16px 34px rgba(28, 45, 58, .08);
}

.ai-detail-hero .CenterContent {
position: relative;
box-sizing: border-box;
width: 100%;
padding: 62px 22px 22px;
}

.ai-detail-kicker,
.ai-detail-visitor,
.ai-detail-meta strong,
.ai-detail-tag,
.ai-badge,
.ai-date {
display: inline-flex;
align-items: center;
gap: 7px;
border-radius: 999px;
line-height: 1;
font-weight: 850;
}

.ai-detail-kicker {
min-height: 32px;
margin: 0 0 12px;
padding: 7px 11px;
border: 1px solid #cfe4f1;
background: #eef8fd;
color: #235e81;
font-size: 12px;
}

.ai-detail-visitor {
position: absolute;
top: 18px;
right: 18px;
min-height: 32px;
padding: 7px 10px;
border: 1px solid #dbe6ee;
background: #ffffff;
color: #405260;
font-size: 12px;
box-shadow: 0 8px 18px rgba(36, 55, 70, .06);
}

.ai-detail-hero .PanelTitle {
max-width: 880px;
margin: 0 0 13px;
padding: 0;
border: 0;
color: #142231;
font-size: 31px;
font-weight: 900;
line-height: 1.16;
letter-spacing: 0;
}

.ai-detail-meta {
position: absolute;
top: 18px;
left: 18px;
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
margin: 0 0 13px;
padding: 0;
}

.ai-detail-meta strong {
min-height: 30px;
padding: 7px 10px;
border: 1px solid #dce8f0;
background: #ffffff;
color: #596b78;
font-size: 12px;
}

.ai-detail-tag {
max-width: 100%;
padding: 8px 10px;
border: 1px solid #d2e2ec;
background: #ffffff;
color: #314c5f;
font-size: 12px;
white-space: normal;
cursor: pointer;
}

.ai-detail-hero .social-actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-top: 15px;
padding-top: 14px;
border-top: 1px solid #e1ebf2;
}

.ai-detail-hero .left-actions,
.ai-detail-hero .right-actions {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}

.ai-detail-hero .action-item {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
min-width: 42px;
min-height: 38px;
padding: 0 12px;
border: 1px solid #d8e5ee;
border-radius: 8px;
background: #ffffff;
color: #253746;
font-size: 13px;
font-weight: 900;
line-height: 1;
cursor: pointer;
box-shadow: 0 8px 16px rgba(31, 48, 62, .05);
}

.ai-detail-hero .action-item:hover {
border-color: #bcd5e8;
background: #f0f8fd;
color: #1769a6;
}

.ai-detail-answer-card {
box-sizing: border-box;
width: 100%;
margin: 0 0 14px;
padding: 20px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 12px 28px rgba(28, 45, 58, .06);
}

.ai-detail-answer-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 16px;
padding-bottom: 13px;
border-bottom: 1px solid #e6eef4;
}

.ai-badge,
.ai-date {
min-height: 30px;
padding: 7px 10px;
font-size: 12px;
}

.ai-badge {
border: 1px solid #cfe4f1;
background: #eef8fd;
color: #235e81;
}

.ai-date {
border: 1px solid #dce7ef;
background: #fbfcfd;
color: #647482;
}

.ai-detail-answer-body {
color: #24323d;
font-size: 16px;
line-height: 1.72;
}

.ai-detail-answer-body h2 {
margin: 4px 0 12px;
color: #17212b;
font-size: 24px;
line-height: 1.22;
font-weight: 900;
letter-spacing: 0;
}

.ai-detail-answer-body p {
margin: 0 0 13px;
}

.ai-detail-answer-body ul {
margin: 12px 0 15px;
padding: 0;
list-style: none;
}

.ai-detail-answer-body li {
position: relative;
margin: 0 0 8px;
padding: 10px 12px 10px 34px;
border: 1px solid #e2ebf2;
border-radius: 8px;
background: #fbfcfd;
}

.ai-detail-answer-body li:before {
content: "\f00c";
position: absolute;
top: 12px;
left: 12px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
color: #16755a;
}

.ai-detail-feedback-card {
box-sizing: border-box;
width: 100%;
margin: 0 0 14px;
padding: 18px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #f8fbfd;
box-shadow: 0 10px 22px rgba(28, 45, 58, .05);
}

.ai-detail-feedback-card h3 {
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 8px;
color: #17212b;
font-size: 20px;
font-weight: 900;
line-height: 1.25;
}

.ai-detail-feedback-card p {
margin: 0 0 12px;
color: #566b7c;
font-size: 14px;
line-height: 1.55;
}

.ai-detail-feedback-card .btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 40px;
margin: 4px 7px 4px 0;
padding: 0 14px;
border-radius: 8px;
font-weight: 850;
line-height: 1;
}

.ai-detail-feedback-card .commentinpt label,
.ai-detail-feedback-card .checkbox-container label,
.subcommentinner label {
display: block;
margin: 0 0 6px;
color: #2f4050;
font-size: 13px;
font-weight: 850;
}

.ai-detail-feedback-card input[type="text"],
.ai-detail-feedback-card textarea,
.subcommentinner input[type="text"],
.subcommentinner textarea {
box-sizing: border-box;
width: 100%;
max-width: 100%;
border: 1px solid #d6e3ec;
border-radius: 8px;
background: #ffffff;
color: #1f2d38;
font-size: 15px;
line-height: 1.45;
box-shadow: inset 0 1px 0 rgba(30, 47, 61, .03);
}

.ai-detail-feedback-card input[type="text"],
.subcommentinner input[type="text"] {
min-height: 42px;
padding: 0 12px;
}

.ai-detail-feedback-card textarea,
.subcommentinner textarea {
min-height: 118px;
padding: 12px;
resize: vertical;
}

.ai-detail-section-title {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
margin: 18px 0 12px;
padding: 12px 14px;
border: 1px solid #dbe7ef;
border-radius: 8px;
background: #ffffff;
color: #17212b;
font-size: 17px;
font-weight: 900;
box-shadow: 0 8px 18px rgba(28, 45, 58, .05);
}

.ai-detail-related-heading .logo-home {
margin: 18px 0 10px;
padding: 0;
background: transparent;
box-shadow: none;
}

.ai-detail-related-heading .post-title {
display: flex;
align-items: center;
gap: 8px;
margin: 0;
padding: 12px 14px;
border: 1px solid #dbe7ef;
border-radius: 8px;
background: #ffffff;
color: #17212b;
font-size: 18px;
font-weight: 900;
}

.ai-detail-related-list .ai-card-horizontal {
display: grid;
grid-template-columns: 46px minmax(0, 1fr);
gap: 12px;
width: 100%;
margin: 0 0 10px;
padding: 13px;
border: 1px solid #dfe8ef;
border-radius: 8px;
background: #fbfcfd;
box-shadow: 0 7px 16px rgba(31, 48, 62, .04);
}

.ai-detail-related-list .ai-icon-left {
display: flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
border-radius: 8px;
background: #eef6ff;
}

.ai-detail-related-list .ai-icon-left img {
width: 25px;
height: 25px;
object-fit: contain;
}

.ai-detail-related-list .ai-card-body {
min-width: 0;
}

.ai-detail-related-list .ai-question-title {
margin: 0 0 7px;
font-size: 16px;
line-height: 1.3;
font-weight: 900;
}

.ai-detail-related-list .ai-question-title a {
color: #17212b;
text-decoration: none;
}

.ai-detail-related-list .ai-question-title a:hover {
color: #1769e0;
}

.ai-detail-related-list .ai-summary {
margin: 0;
color: #5b6b79;
font-size: 13px;
line-height: 1.5;
}

.responsive-centered-image {
display: block;
width: auto;
max-width: 100%;
height: auto;
margin: 0 auto 16px;
border-radius: 8px;
box-shadow: 0 12px 26px rgba(28, 45, 58, .11);
}

@media screen and (max-width: 768px) {
.ai-question-detail-shell {
margin: 10px -10px 18px;
}

.ai-detail-breadcrumb {
border-left: 0;
border-right: 0;
border-radius: 0;
}

.ai-detail-hero,
.ai-detail-answer-card,
.ai-detail-feedback-card,
.ai-detail-section-title,
.ai-detail-related-heading .post-title {
border-left: 0;
border-right: 0;
border-radius: 0;
}

.ai-detail-hero .CenterContent {
padding: 62px 14px 18px;
}

.ai-detail-visitor {
position: static;
margin-left: 7px;
vertical-align: top;
}

.ai-detail-meta {
top: 16px;
left: 14px;
right: 14px;
}

.ai-detail-hero .PanelTitle {
font-size: 23px;
line-height: 1.22;
}

.ai-detail-hero .social-actions {
align-items: stretch;
}

.ai-detail-hero .left-actions,
.ai-detail-hero .right-actions {
width: 100%;
}

.ai-detail-hero .action-item {
flex: 1 1 0;
min-width: 0;
}

.ai-detail-answer-card {
padding: 16px 14px;
}

.ai-detail-answer-body {
font-size: 15px;
line-height: 1.65;
}

.ai-detail-answer-body h2 {
font-size: 20px;
}

.ai-detail-feedback-card .btn {
width: 100%;
margin-right: 0;
}

.ai-detail-related-list .ai-card-horizontal {
grid-template-columns: 40px minmax(0, 1fr);
border-left: 0;
border-right: 0;
border-radius: 0;
}

.ai-detail-related-list .ai-icon-left {
width: 40px;
height: 40px;
}
}

.main-container .wrapper .call-info-link-container {
box-sizing: border-box;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
align-items: center;
gap: 18px;
width: 100%;
max-width: none;
margin: 24px 0;
padding: 18px;
text-align: left;
border: 1px solid #dfe8ef;
border-radius: 8px;
background:
linear-gradient(135deg, rgba(238, 249, 244, .95) 0%, rgba(255, 255, 255, .98) 44%, rgba(238, 246, 255, .95) 100%);
box-shadow: 0 14px 34px rgba(27, 39, 54, .08);
overflow: hidden;
}

.main-container .wrapper .call-info-link-content {
position: relative;
min-width: 0;
padding: 4px 0;
}

.main-container .wrapper .call-info-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 28px;
padding: 5px 9px;
border: 1px solid #cfe5da;
border-radius: 8px;
background: rgba(255,255,255,.72);
color: #16825d;
font-size: 12px;
font-weight: 850;
line-height: 1;
}

.main-container .wrapper .call-info-kicker i {
font-size: 13px;
}

.main-container .wrapper .call-info-link-container h2 {
margin: 10px 0 8px;
padding: 0;
border: 0;
color: #17212b;
font-size: 23px;
font-weight: 850;
line-height: 1.2;
letter-spacing: 0;
}

.main-container .wrapper .call-info-link-container p {
max-width: 660px;
margin: 0 0 15px;
color: #5b6b79;
font-size: 15px;
line-height: 1.55;
}

.main-container .wrapper .call-info-link-container .cta-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 42px;
padding: 0 15px;
border: 1px solid #16825d;
border-radius: 8px;
background: #16825d;
color: #fff;
font-size: 14px;
font-weight: 850;
line-height: 1;
box-shadow: 0 10px 20px rgba(22, 130, 93, .18);
}

.main-container .wrapper .call-info-link-container .cta-button:hover,
.main-container .wrapper .call-info-link-container .cta-button:focus {
background: #126d4f;
border-color: #126d4f;
color: #fff;
text-decoration: none;
outline: none;
box-shadow: 0 12px 24px rgba(22, 130, 93, .24);
}

.main-container .wrapper .call-info-ad {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
min-height: 180px;
padding: 10px;
border: 1px solid rgba(207, 218, 229, .9);
border-radius: 8px;
background: rgba(255,255,255,.72);
box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
overflow: hidden;
}

.main-container .wrapper .call-info-ad ins,
.main-container .wrapper .call-info-ad iframe {
max-width: 100%;
}

@media (max-width: 760px) {
.main-container .wrapper .call-info-link-container {
grid-template-columns: 1fr;
gap: 12px;
margin: 18px 0;
padding: 14px 12px;
}

.main-container .wrapper .call-info-link-container h2 {
font-size: 19px;
}

.main-container .wrapper .call-info-link-container p {
font-size: 13px;
line-height: 1.45;
}

.main-container .wrapper .call-info-link-container .cta-button {
width: 100%;
min-height: 40px;
font-size: 13px;
}

.main-container .wrapper .call-info-ad {
min-height: 120px;
padding: 8px;
}
}

.verify-numbers-page {
box-sizing: border-box;
max-width: 980px;
margin: 18px auto 28px;
padding: 0;
color: #25313a;
}

.verify-hero,
.verify-section {
box-sizing: border-box;
margin: 0 0 16px;
padding: 18px;
border: 1px solid #dfe8ef;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 12px 30px rgba(27, 39, 54, .07);
}

.verify-hero {
background: linear-gradient(135deg, #ffffff 0%, #f2f8ff 52%, #eef9f4 100%);
}

.verify-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 28px;
padding: 5px 9px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: rgba(255,255,255,.78);
color: #1769e0;
font-size: 12px;
font-weight: 850;
line-height: 1;
}

.verify-numbers-page h1 {
margin: 12px 0 10px;
color: #17212b;
font-size: 30px;
font-weight: 850;
line-height: 1.16;
letter-spacing: 0;
}

.verify-numbers-page h2 {
margin: 0 0 10px;
padding: 0;
border: 0;
color: #17212b;
font-size: 22px;
font-weight: 850;
line-height: 1.22;
letter-spacing: 0;
}

.verify-numbers-page p,
.verify-numbers-page li {
color: #5b6b79;
font-size: 15px;
line-height: 1.6;
}

.verify-numbers-page p {
margin: 0 0 10px;
}

.verify-numbers-page ul,
.verify-numbers-page ol {
margin: 8px 0 0;
padding-left: 22px;
}

.verify-data-panel {
background: #fbfcfd;
}

.verify-table-wrap {
max-height: 460px;
overflow: auto;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #fff;
}

.verify-table-wrap table {
width: 100%;
margin: 0;
border-collapse: collapse;
box-shadow: none;
}

.verify-table-wrap th {
position: sticky;
top: 0;
z-index: 1;
padding: 11px 12px;
background: #17212b;
color: #fff;
font-size: 13px;
font-weight: 850;
text-align: left;
}

.verify-table-wrap td {
padding: 10px 12px;
border: 0;
border-bottom: 1px solid #edf2f6;
color: #4a5967;
font-size: 13px;
}

.verify-table-wrap td a {
color: #1769e0;
font-weight: 850;
text-decoration: none;
}

.verify-table-wrap td a:hover {
text-decoration: underline;
}

@media (max-width: 700px) {
.verify-numbers-page {
margin: 12px auto 22px;
}

.verify-hero,
.verify-section {
padding: 14px 12px;
}

.verify-numbers-page h1 {
font-size: 23px;
}

.verify-numbers-page h2 {
font-size: 18px;
}

.verify-numbers-page p,
.verify-numbers-page li {
font-size: 13px;
line-height: 1.5;
}

.verify-table-wrap {
max-height: 360px;
}

.verify-table-wrap th,
.verify-table-wrap td {
padding: 9px 8px;
font-size: 12px;
}
}
/* comparison-container */
.comparison-container {
    margin: 20px auto;
    padding: 30px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}


.comparison-container:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}


.comparison-container h2 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
}


.comparison-container p {
    font-size: 18px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 20px;
}


.cta-button {
    display: inline-block;
    background-color: #4CAF50;
    color: white;
    padding: 15px 30px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}


.cta-button:hover {
    background-color: #388e3c;
    cursor: pointer;
}


@media (max-width: 600px) {
    .comparison-container {
        width: 95%;
        padding: 20px;
    }

    .cta-button {
        padding: 12px 20px;
        font-size: 16px;
    }

    .comparison-container h2 {
        font-size: 22px;
    }

    .comparison-container p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 768px) {
    h1 {
        font-size: 1.4rem;
        line-height: 1.3;
    }
}

.main-container {
    margin: 0 auto;
    padding: 20px 15px;
    box-sizing: border-box;
    background-color: #fff;

    line-height: 1.6;
}
@media screen and (max-width: 768px) {
    .main-container {
        padding: 15px 10px;
    }
}

header {
    width: 100%;
    padding: 20px 0;

    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.comment-container-flex {
  display: flex;
  flex-wrap: wrap;
  border:1px solid #ddd;
  border-radius:10px;
  overflow:hidden;
  margin-bottom:15px;
  background:#fff;
}

.blog-image {
  flex: 0 0 auto;
  max-width: 200px;
  padding:10px;
}

.blog-image img {
  display:block;
  width:100%;
  height:135px;
  /*object-fit: contain;*/
  border-radius:8px;
  box-shadow:0 2px 8px rgba(0,0,0,0.1);
  image-rendering: auto;
}

.blog-content {
  flex:1;
  padding:15px;
}

@media(max-width:768px){
  .comment-container-flex {flex-direction:column;}
  .blog-image {max-width:100%; padding:0;}
  .blog-image img {height:auto;}
  .blog-content {padding:10px;}
}
.blog-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px;
}

.blog-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.name-home a {
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

.content p {
    margin: 0; 
    line-height: 1.5;
}

@media (max-width: 768px) {
    .blog-content {
        padding: 10px;
    }
}



        .video-list {
            display: flex;
            flex-direction: column;
            gap: 30px;
            max-width: 800px;
            margin: auto;
        }

        .video-item {
            background: white;
            border-radius: 8px;
            padding: 15px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }

        .video-item iframe {
            width: 100%;
            height: 400px;
            border: none;
            border-radius: 5px;
        }

        .video-title {
            font-size: 1.2rem;
            margin: 10px 0;
            color: #222;
        }

        @media(max-width: 600px) {
            .video-item iframe {
                height: 220px;
            }
        }

 .alert-custom-article {
    /*background: linear-gradient(135deg, #fdfbfb, #ebedee);*/
    border: 1px solid #d3d3d3;
    border-radius: 12px;
    padding: 30px 25px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
    margin: 30px auto;
background: linear-gradient(135deg, #e3f2fd, #f9f9f9);
    font-family: 'Segoe UI', sans-serif;
    position: relative;
    transition: all 0.3s ease;
}

.alert-custom-article h1 {
    font-size: 28px;
    color: #1a237e;
    margin-bottom: 10px;
}

.alert-custom-article .panel-detail-icon {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

.alert-custom-article .tag-cloud .tag {
    display: inline-block;
    background-color: #e8f0fe;
    color: #1a73e8;
    border-radius: 20px;
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin-top: 10px;
    transition: background-color 0.2s ease;
}

.alert-custom-article .tag:hover {
    background-color: #d2e3fc;
}

.alert-custom-article .social-actions {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    align-items: center;
}

.alert-custom-article .action-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    cursor: pointer;
    transition: color 0.2s ease;
}

.alert-custom-article .action-item:hover {
    color: #1a73e8;
}

.alert-custom-article .visitor-count {
    /*position: absolute;*/
    top: 20px;
    right: 20px;
    font-size: 14px;
    color: #888;
}

.alert-custom-article .close {
    position: absolute;
    top: 18px;
    left: 20px;
    font-size: 20px;
    text-decoration: none;
    color: #aaa;
}
.pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    background: #f7f7f7;
    margin-top: 30px;
}

.pagination li {
    margin: 5px;
}

.pagination li a,
.pagination li span {
    display: inline-block;
    min-width: 38px;
    padding: 8px 12px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    border-radius: 8px;
    text-decoration: none;
    background-color: #ffffff;
    color: #1a237e;
    border: 1px solid #ddd;
    transition: all 0.2s ease-in-out;
}

.pagination li a:hover {
    background-color: #1a73e8;
    color: #ffffff;
    border-color: #1a73e8;
}

.pagination li.active span,
.pagination li.active a {
    background-color: #1a73e8;
    color: #ffffff;
    border-color: #1a73e8;
    pointer-events: none;
}

.pagination li.disabled span {
    color: #bbb;
    background-color: #eee;
    border-color: #ddd;
    cursor: not-allowed;
}
@media screen and (max-width: 480px) {
    .pagination li a,
    .pagination li span {
        font-size: 13px;
        padding: 6px 10px;
        min-width: 32px;
    }
}
.logo-display {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

.support-message {
    background-color: #fff9e6;
    border: 2px solid #ffe08a;
    border-radius: 12px;
    padding: 20px;
    margin-top: 15px;
    font-size: 15px;
    color: #444;
    line-height: 1.6;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.support-message strong {
    color: #c47f00;
}

.bmc-button {
    margin-top: 15px;
    height: 45px;
    width: 162px;
    transition: transform 0.2s ease;
}

.bmc-button:hover {
    transform: scale(1.05);
}
.user-note {
    margin-top: 25px;
    padding: 15px 20px;
    background-color: #f4f4f4;
    border-left: 4px solid #9c9c9c;
    font-style: italic;
    font-size: 15px;
    color: #333;
    border-radius: 6px;
    line-height: 1.6;
}
.action-item {
    cursor: pointer;
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    position: relative;
}

.action-item:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: -25px;
    background: #333;
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
    white-space: nowrap;
    border-radius: 4px;
    z-index: 10;
}

            .ai-home-highlight {
                background-color: #f9f9f9;
                padding: 30px 20px;
                border-radius: 12px;
                margin-top: 30px;
                box-shadow: 0 2px 8px rgba(0,0,0,0.05);
            }

            .ai-home-header h2 {
                margin-bottom: 10px;
                font-size: 24px;
                color: #4e2681;
            }

            .ai-home-header p {
                color: #555;
                font-size: 15px;
                margin-bottom: 20px;
            }

            .ai-number-grid {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
                gap: 12px;
            }

            .ai-number-card {
                background: white;
                border: 1px solid #ddd;
                border-radius: 8px;
                padding: 12px;
                text-align: center;
                transition: transform 0.2s;
            }

                .ai-number-card:hover {
                    transform: scale(1.03);
                    box-shadow: 0 0 10px rgba(0,0,0,0.05);
                }

            .ai-icon {
                font-size: 18px;
                margin-right: 5px;
                vertical-align: middle;
            }
            .ai-link {
    display: inline-block;
    margin-top: 8px;
    color: #4e2681;
    font-weight: bold;
    text-decoration: none;
}

.ai-link:hover {
    text-decoration: underline;
}
.panel-detail-icon i {
width: 24px;
height: 24px;
display: inline-block;
background-size: contain;
vertical-align: middle;
}

.panel-detail-icon-time {
    float: center;
    color: #444;
    margin-right: 10px;
}

.ai-number-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ai-number-card {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
}

.ai-icon {
    display: inline-block;
    width: 24px; /* Sabit genişlik */
    text-align: center; /* Ortalar */
    flex-shrink: 0; /* Küçülmeyi engeller */
}
   .section-title {
        text-align: center;
        font-size: 2rem;
        font-weight: 700;
        color: #4e54c8;
        margin-bottom: 40px;
    }

    .ai-card-horizontal {
        display: flex;
        align-items: center;
        gap: 20px;
        background: #ffffff;
        border-radius: 18px;
        padding: 20px;
        margin-bottom: 30px;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
        transition: all 0.25s ease-in-out;
        flex-wrap: wrap;
    }

        .ai-card-horizontal:hover {
            transform: translateY(-4px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.07);
        }

    .ai-icon-left {
        width: 70px;
        height: 70px;
        background: linear-gradient(135deg, #4e54c8, #8f94fb);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        box-shadow: inset 0 0 10px rgba(78, 84, 200, 0.2);
    }

        .ai-icon-left img {
            width: 36px;
            height: 36px;
            filter: brightness(100) invert(1);
        }
         @media (max-width: 768px) {
            .ai-card-horizontal {
                flex-direction: column;
                align-items: center;
                text-align: center;
                padding: 25px 20px;
            }

            .ai-icon-left {
                margin-bottom: 15px;
            }

            .ai-card-body {
                text-align: center;
            }
        }
    .ai-card-body {
        flex: 1;
        min-width: 250px;
    }

    .ai-question-title {
        font-size: 1.2rem;
        font-weight: 700;
        margin-bottom: 6px;
        line-height: 1.4;
    }

        .ai-question-title a {
            color: #4e54c8;
            text-decoration: none;
        }

            .ai-question-title a:hover {
                color: #2d2dff;
            }

    .ai-summary {
        font-size: 1rem;
        color: #4b4b4b;
        line-height: 1.6;
    }
      .section-title {
        text-align: center;
        font-size: 2rem;
        font-weight: 700;
        color: #4e54c8;
        margin-bottom: 40px;
    }

    .ai-card-horizontal {
        display: flex;
        align-items: center;
        gap: 20px;
        background: #ffffff;
        border-radius: 18px;
        padding: 20px;
        margin-bottom: 30px;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
        transition: all 0.25s ease-in-out;
        flex-wrap: wrap;
    }

        .ai-card-horizontal:hover {
            transform: translateY(-4px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.07);
        }

    .ai-icon-left {
        width: 70px;
        height: 70px;
        background: linear-gradient(135deg, #4e54c8, #8f94fb);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        box-shadow: inset 0 0 10px rgba(78, 84, 200, 0.2);
    }

        .ai-icon-left img {
            width: 36px;
            height: 36px;
            filter: brightness(100) invert(1);
        }

    .ai-card-body {
        flex: 1;
        min-width: 250px;
    }

    .ai-question-title {
        font-size: 1.2rem;
        font-weight: 700;
        margin-bottom: 6px;
        line-height: 1.4;
    }

        .ai-question-title a {
            color: #4e54c8;
            text-decoration: none;
        }

            .ai-question-title a:hover {
                color: #2d2dff;
            }

              .search-wrapper {
        display: flex;
        align-items: center;
        background: #fff;
        border-radius: 50px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
        padding: 8px 18px;
        max-width: 650px;
        margin: auto;
        gap: 10px;
    }



    .search-wrapper button {
        background: linear-gradient(135deg, #4e2681, #7b38c6);
        color: white;
        padding: 12px 24px;
        border: none;
        border-radius: 50px;
        font-weight: bold;
        font-size: 14px;
        transition: 0.3s;
        white-space: nowrap;
    }

    @media screen and (max-width: 600px) {
        .search-wrapper {
            flex-direction: column;
            align-items: stretch;
            padding: 16px;
            border-radius: 20px;
        }

        .search-wrapper button {
            width: 100%;
            margin-top: 10px;
            border-radius: 12px;
        }

        .search-wrapper input {
            border-radius: 12px;
            background: #f9f9f9;
        }
    }

  .appeal-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 10;
  padding: 4px 8px;
  font-size: 0.9rem;
  line-height: 1;
}

/* Mobilde biraz küçült */
@media (max-width: 576px) {
  .appeal-btn {
    top: 6px;
    right: 6px;
    font-size: 0.8rem;
    padding: 3px 6px;
  }
}

/* Blog Suggestion Block */
.related-articles {
    margin-top: 30px;
}

.related-articles h2 {
    font-size: 20px;
    margin-bottom: 10px;
}

.related-articles .description {
    color: #555;
    font-size: 14px;
    margin-bottom: 20px;
}

.suggested-articles {
    list-style: none;
    padding-left: 0;
}

.suggested-articles li {
    margin-bottom: 12px;
}

.badge {
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    margin-left: 6px;
    display: inline-block;
}

/* Badge Variants */
.badge-warning { background-color: #ffeb3b; color: #333; }
.badge-info { background-color: #2196f3; color: #fff; }
.badge-danger { background-color: #f44336; color: #fff; }
.badge-success { background-color: #4caf50; color: #fff; }
.badge-tech { background-color: #673ab7; color: #fff; }
.badge-neutral { background-color: #9e9e9e; color: #fff; }

/* AI CTA */
.ai-box {
    margin-top: 25px;
    padding: 15px;
    background: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 8px;
    text-align: center;
}

.ai-box p {
    margin-bottom: 10px;
    font-size: 14px;
    color: #555;
}

.openChatButton {
    padding: 10px 20px;
    background: #4e2681;
    color: white;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}

.header-ai-trigger {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
min-width: 58px;
min-height: 42px;
margin-left: 10px;
padding: 0 13px;
border: 1px solid rgba(255, 255, 255, .24);
border-radius: 999px;
background: linear-gradient(135deg, #ffffff, #edf7ff);
color: #153248;
font-size: 13px;
font-weight: 900;
line-height: 1;
box-shadow: 0 10px 22px rgba(18, 42, 62, .14);
cursor: pointer;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.header-ai-trigger:hover,
.header-ai-trigger:focus {
transform: translateY(-1px);
border-color: rgba(255, 255, 255, .45);
box-shadow: 0 13px 28px rgba(18, 42, 62, .2);
outline: none;
}

.header-ai-trigger i {
font-size: 15px;
color: #1769e0;
}

@media (max-width: 700px) {
.header-ai-trigger {
min-width: 42px;
width: 42px;
height: 42px;
padding: 0;
margin-left: 6px;
}

.header-ai-trigger span {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
}
}

.message-sent-page {
box-sizing: border-box;
display: grid;
gap: 16px;
width: 100%;
color: #17212b;
}

.main-container .wrapper.message-sent-page {
padding-top: 18px;
}

.message-sent-hero,
.message-sent-card {
box-sizing: border-box;
width: 100%;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 14px 30px rgba(28, 45, 58, .07);
}

.message-sent-hero {
position: relative;
overflow: hidden;
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 16px;
padding: 24px;
background: linear-gradient(135deg, #ffffff 0%, #f5fafc 100%);
}

.message-sent-hero:before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 4px;
background: #16825d;
}

.message-sent-status {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}

.message-sent-icon,
.message-sent-card-icon {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
color: #ffffff;
}

.message-sent-icon {
width: 56px;
height: 56px;
background: #16825d;
font-size: 20px;
box-shadow: 0 14px 26px rgba(22, 130, 93, .2);
}

.message-sent-kicker {
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 32px;
padding: 6px 11px;
border: 1px solid #cfe4d9;
border-radius: 999px;
background: #f1faf5;
color: #14684c;
font-size: 12px;
font-weight: 850;
line-height: 1;
}

.message-sent-copy h1 {
margin: 0 0 10px;
color: #17212b;
font-size: 32px;
font-weight: 900;
line-height: 1.15;
letter-spacing: 0;
}

.message-sent-copy p,
.message-sent-card p {
margin: 0 0 10px;
color: #536575;
font-size: 15px;
line-height: 1.62;
}

.message-sent-copy p:last-child,
.message-sent-card p:last-child {
margin-bottom: 0;
}

.message-sent-actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
padding-top: 2px;
}

.message-sent-primary,
.message-sent-contact {
display: inline-flex;
align-items: center;
gap: 8px;
border-radius: 8px;
font-size: 13px;
font-weight: 850;
line-height: 1.25;
}

.message-sent-primary {
min-height: 42px;
padding: 0 14px;
border: 1px solid #16825d;
background: #16825d;
color: #ffffff;
text-decoration: none;
box-shadow: 0 12px 24px rgba(22, 130, 93, .18);
}

.message-sent-primary:hover,
.message-sent-primary:focus {
background: #116f50;
border-color: #116f50;
color: #ffffff;
text-decoration: none;
}

.message-sent-contact {
min-height: 42px;
padding: 0 12px;
border: 1px solid #dce7ef;
background: #fbfcfd;
color: #405261;
}

.message-sent-contact b,
.message-sent-contact strong {
color: #17212b;
}

.message-sent-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
gap: 16px;
align-items: start;
width: 100%;
}

.message-sent-card {
position: relative;
overflow: hidden;
padding: 20px;
}

.message-sent-card:before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 4px;
background: #2e8fc7;
}

.message-sent-time-card:before {
background: #596b7a;
}

.message-sent-card-icon {
width: 44px;
height: 44px;
margin-bottom: 12px;
background: #17212b;
font-size: 16px;
box-shadow: 0 10px 20px rgba(23, 33, 43, .16);
}

.message-sent-search-card .message-sent-card-icon {
background: #1769e0;
box-shadow: 0 10px 20px rgba(23, 105, 224, .16);
}

.message-sent-card h2,
.message-sent-card h3 {
margin: 0 0 9px;
color: #17212b;
font-size: 22px;
font-weight: 900;
line-height: 1.2;
letter-spacing: 0;
}

.message-sent-card h3 {
font-size: 19px;
}

.message-sent-choice-actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 9px;
margin-top: 14px;
}

.message-sent-choice-btn,
.message-sent-submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 42px;
border-radius: 8px;
font-size: 13px;
font-weight: 850;
box-shadow: none;
}

.message-sent-time-form.visible {
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid #e5edf3;
}

.message-sent-form-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}

.message-sent-page .form-group {
margin: 0 0 12px;
}

.message-sent-page label {
display: inline-flex;
align-items: center;
gap: 6px;
margin: 0 0 6px;
color: #34424e;
font-size: 13px;
font-weight: 800;
line-height: 1.35;
}

.message-sent-page input[type="date"],
.message-sent-page input[type="time"],
.message-sent-page input[type="email"] {
box-sizing: border-box;
width: 100%;
min-height: 44px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #fbfcfd;
padding: 10px 12px;
color: #25313a;
font-size: 14px;
line-height: 1.4;
box-shadow: none;
outline: none;
transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.message-sent-page input[type="date"]:focus,
.message-sent-page input[type="time"]:focus,
.message-sent-page input[type="email"]:focus {
border-color: #9fc9df;
background: #ffffff;
box-shadow: 0 0 0 3px rgba(46, 143, 199, .12);
}

.message-sent-page #phone-number {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 2px 8px;
border-radius: 8px;
background: #eef5fa;
color: #17212b;
font-weight: 900;
}

.message-sent-submit.btn {
width: 100%;
margin: 2px 0 0;
background: #1769e0;
border-color: #1769e0;
}

.message-sent-submit.btn:hover,
.message-sent-submit.btn:focus {
background: #1258bd;
border-color: #1258bd;
}

.message-sent-page #addComment,
.message-sent-page #addCommentMail {
margin-top: 10px;
}

.message-sent-muted-result {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 10px 0 0;
padding: 10px 12px;
border: 1px solid #cfe4d9;
border-radius: 8px;
background: #f1faf5;
color: #14684c;
font-size: 14px;
font-weight: 800;
line-height: 1.45;
}

.message-sent-search-card .searchbox {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: 9px;
align-items: center;
width: 100%;
margin: 14px 0 0;
}

.message-sent-search-card .loading {
display: none;
margin-top: 12px;
color: #16825d;
font-size: 13px;
font-weight: 800;
}

@media (max-width: 820px) {
.message-sent-grid {
grid-template-columns: 1fr;
}
}

@media (max-width: 700px) {
.main-container .wrapper.message-sent-page {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-top: 10px;
}

.message-sent-hero,
.message-sent-card {
border-left: 0;
border-right: 0;
border-radius: 0;
}

.message-sent-hero,
.message-sent-card {
padding: 16px 14px;
}

.message-sent-status {
align-items: flex-start;
}

.message-sent-icon {
width: 48px;
height: 48px;
}

.message-sent-copy h1 {
font-size: 26px;
}

.message-sent-actions,
.message-sent-primary,
.message-sent-contact,
.message-sent-choice-actions,
.message-sent-choice-btn {
width: 100%;
}

.message-sent-contact {
justify-content: center;
text-align: center;
}

.message-sent-form-grid {
grid-template-columns: 1fr;
gap: 0;
}

.message-sent-search-card .searchbox {
grid-template-columns: auto minmax(0, 1fr);
}

.message-sent-search-card .smart-search-submit.btn {
grid-column: 1 / -1;
width: 100%;
min-width: 0;
}
}

.search-create-page {
color: #17212b;
}

.main-container .wrapper.search-create-page .logo-display,
.main-container .wrapper.search-create-page .logo-home {
width: 100%;
max-width: 100%;
margin: 0 0 14px;
padding: 0;
background: transparent;
box-shadow: none;
text-align: left;
}

.main-container .wrapper.search-create-page .search-create-ai-card,
.main-container .wrapper.search-create-page .search-create-search,
.main-container .wrapper.search-create-page .search-create-info,
.main-container .wrapper.search-create-page .search-create-feedback,
.main-container .wrapper.search-create-page .search-create-vote {
box-sizing: border-box;
width: 100%;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 12px 28px rgba(28, 45, 58, .06);
}

.main-container .wrapper.search-create-page .search-create-ai-card {
display: grid;
grid-template-columns: 76px minmax(0, 1fr);
gap: 16px;
align-items: start;
padding: 18px;
background: linear-gradient(135deg, #ffffff 0%, #f6fafc 100%);
}

.main-container .wrapper.search-create-page .search-create-ai-card .row {
grid-column: 1 / -1;
width: 100%;
margin: 0;
}

.main-container .wrapper.search-create-page .search-create-ai-card > img {
width: 76px;
height: 76px;
margin: 0;
border-radius: 8px;
box-shadow: 0 10px 22px rgba(28, 45, 58, .1);
}

.main-container .wrapper.search-create-page .search-create-support {
min-width: 0;
color: #4b5c69;
font-size: 14px;
line-height: 1.58;
}

.main-container .wrapper.search-create-page .search-create-support p {
margin: 0 0 8px;
}

.main-container .wrapper.search-create-page .search-create-support strong {
color: #17212b;
font-size: 16px;
}

.main-container .wrapper.search-create-page .search-create-support .openChatButton {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
margin-top: 6px;
padding: 0 13px;
border: 1px solid #d7e6f2;
border-radius: 8px;
background: #eef7ff;
color: #1769a6;
font-size: 13px;
font-weight: 900;
box-shadow: none;
}

.main-container .wrapper.search-create-page .user-note {
margin-top: 12px;
padding: 10px 12px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #fbfcfd;
color: #2f4050;
font-size: 13px;
font-weight: 750;
}

.main-container .wrapper.search-create-page .search-create-search {
position: relative;
overflow: hidden;
padding: 22px;
background: linear-gradient(135deg, #ffffff 0%, #f4f9fc 100%);
}

.main-container .wrapper.search-create-page .search-create-search:before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 4px;
background: #1769e0;
}

.search-create-kicker {
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 30px;
margin: 0 0 10px;
padding: 6px 10px;
border: 1px solid #d7e7f4;
border-radius: 999px;
background: #f3f9ff;
color: #24608e;
font-size: 12px;
line-height: 1;
font-weight: 850;
}

.main-container .wrapper.search-create-page .search-create-search h2,
.main-container .wrapper.search-create-page .search-create-feedback h3 {
margin: 0 0 8px;
color: #17212b;
font-size: 24px;
line-height: 1.2;
font-weight: 900;
letter-spacing: 0;
}

.main-container .wrapper.search-create-page .search-create-search p,
.main-container .wrapper.search-create-page .search-create-feedback p {
margin: 0 0 14px;
color: #536575;
font-size: 14px;
line-height: 1.6;
}

.main-container .wrapper.search-create-page .searchbox {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: 9px;
align-items: center;
width: 100%;
margin: 0;
padding: 10px;
border: 1px solid #d9e5ee;
border-radius: 8px;
background: #ffffff;
box-shadow: inset 0 1px 0 rgba(30, 47, 61, .03);
}

.main-container .wrapper.search-create-page .searchbox .prefix {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 48px;
min-height: 42px;
padding: 0 10px;
border-radius: 8px;
background: #edf5fa;
color: #2f4050;
font-size: 15px;
font-weight: 900;
}

.main-container .wrapper.search-create-page #searchID {
box-sizing: border-box;
width: 100%;
height: 42px;
min-width: 0;
margin: 0;
border: 0;
background: transparent;
color: #17212b;
font-size: 18px;
font-weight: 800;
outline: none;
}

.main-container .wrapper.search-create-page .home-search-panel .smart-search-box {
grid-template-columns: auto minmax(0, 1fr) auto;
}

.main-container .wrapper.search-create-page .home-search-panel .smart-search-input-wrap #searchID {
height: auto;
font-size: 20px;
}

.main-container .wrapper.search-create-page .searchbox .btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
margin: 0;
padding: 0 16px;
border-radius: 8px;
font-size: 13px;
font-weight: 900;
}

.main-container .wrapper.search-create-page .loading {
margin-top: 12px;
color: #536575;
font-size: 13px;
font-weight: 750;
}

.main-container .wrapper.search-create-page .search-create-info {
padding: 18px;
}

.main-container .wrapper.search-create-page .search-create-info .markdown {
color: #344654;
font-size: 14px;
line-height: 1.65;
}

.main-container .wrapper.search-create-page .search-create-info h2 {
margin: 16px 0 8px;
color: #17212b;
font-size: 20px;
line-height: 1.25;
font-weight: 900;
}

.main-container .wrapper.search-create-page .search-create-info ul {
display: grid;
gap: 8px;
margin: 10px 0;
padding: 0;
list-style: none;
}

.main-container .wrapper.search-create-page .search-create-info li {
position: relative;
padding: 9px 11px 9px 32px;
border: 1px solid #e2ebf2;
border-radius: 8px;
background: #fbfcfd;
}

.main-container .wrapper.search-create-page .search-create-info li:before {
content: "\f00c";
position: absolute;
left: 11px;
top: 10px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
color: #16755a;
}

.main-container .wrapper.search-create-page .search-create-feedback,
.main-container .wrapper.search-create-page .search-create-vote {
padding: 18px;
}

.main-container .wrapper.search-create-page .search-create-target-number {
display: grid;
grid-template-columns: 58px minmax(0, 1fr) auto;
gap: 14px;
align-items: center;
margin: 0 0 18px;
padding: 14px;
border: 1px solid #d8e6f0;
border-radius: 8px;
background: linear-gradient(135deg, #f8fcff 0%, #ffffff 58%, #f5fbf8 100%);
box-shadow: 0 12px 26px rgba(28, 45, 58, .07);
}

.main-container .wrapper.search-create-page .vote-shell .search-create-target-number {
background: linear-gradient(135deg, #fffaf1 0%, #ffffff 62%, #f8fbff 100%);
border-color: #ebddbf;
}

.main-container .wrapper.search-create-page .target-flag {
display: inline-flex;
align-items: center;
justify-content: center;
width: 58px;
height: 58px;
border: 1px solid #d7e6f2;
border-radius: 8px;
background: #ffffff;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.6);
overflow: hidden;
}

.main-container .wrapper.search-create-page .target-flag img {
width: 42px;
height: 30px;
object-fit: cover;
border-radius: 4px;
box-shadow: 0 4px 10px rgba(28, 45, 58, .14);
}

.main-container .wrapper.search-create-page .target-flag i {
color: #1f5f97;
font-size: 20px;
}

.main-container .wrapper.search-create-page .target-number-copy {
min-width: 0;
}

.main-container .wrapper.search-create-page .target-eyebrow {
display: inline-flex;
align-items: center;
gap: 7px;
margin: 0 0 6px;
color: #1f5f97;
font-size: 12px;
font-weight: 900;
line-height: 1.25;
text-transform: uppercase;
}

.main-container .wrapper.search-create-page .search-create-target-number strong {
display: block;
color: #111827;
font-size: 26px;
font-weight: 900;
line-height: 1.15;
letter-spacing: 0;
overflow-wrap: anywhere;
}

.main-container .wrapper.search-create-page .target-number-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
margin-top: 8px;
}

.main-container .wrapper.search-create-page .target-number-meta span,
.main-container .wrapper.search-create-page .target-trust-pill,
.main-container .wrapper.search-create-page .search-create-confidence-row span {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 28px;
padding: 5px 9px;
border: 1px solid #dce8f2;
border-radius: 999px;
background: #ffffff;
color: #526575;
font-size: 12px;
font-weight: 850;
line-height: 1.1;
}

.main-container .wrapper.search-create-page .target-trust-pill {
justify-self: end;
border-color: #c9e7df;
background: #edfdf8;
color: #0f766e;
white-space: nowrap;
}

.main-container .wrapper.search-create-page .vote-shell .target-trust-pill {
border-color: #f1dfbd;
background: #fff5df;
color: #925f12;
}

.main-container .wrapper.search-create-page .search-create-confidence-row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 7px;
margin: -4px 0 14px;
}

.main-container .wrapper.search-create-page .search-create-confidence-row span {
border-color: #e0ebf4;
background: #f8fbff;
color: #405261;
}

.main-container .wrapper.search-create-page .feedback-shell #user-question {
padding: 2px 0 4px;
}

.main-container .wrapper.search-create-page .feedback-actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-top: 12px;
}

.main-container .wrapper.search-create-page .feedback-choice-btn.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 48px;
width: 100%;
margin: 0;
padding: 0 16px;
border: 0;
border-radius: 8px;
font-size: 14px;
font-weight: 900;
line-height: 1;
box-shadow: 0 12px 22px rgba(28, 45, 58, .12);
}

.main-container .wrapper.search-create-page .feedback-choice-btn.btn-success {
background: #0f766e;
color: #ffffff;
}

.main-container .wrapper.search-create-page .feedback-choice-btn.btn-danger {
background: #ffffff;
color: #334155;
border: 1px solid #dce7f0;
box-shadow: none;
}

.main-container .wrapper.search-create-page .feedback-shell #feedback_form_user {
margin-top: 16px;
padding: 16px;
border: 1px solid #dbe7f2;
border-radius: 8px;
background: #fbfdff;
box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.main-container .wrapper.search-create-page .search-create-form-intro {
display: grid;
grid-template-columns: 44px minmax(0, 1fr);
gap: 12px;
align-items: center;
margin: 0 0 14px;
padding: 13px;
border: 1px solid #d7e6f2;
border-radius: 8px;
background: linear-gradient(135deg, #ffffff 0%, #f6fbff 100%);
}

.main-container .wrapper.search-create-page .search-create-form-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 8px;
background: #e9f7f4;
color: #0f766e;
}

.main-container .wrapper.search-create-page .search-create-form-intro strong {
display: block;
color: #111827;
font-size: 15px;
font-weight: 900;
line-height: 1.3;
}

.main-container .wrapper.search-create-page .search-create-form-intro p {
margin: 4px 0 0;
color: #526575;
font-size: 13px;
line-height: 1.5;
}

.main-container .wrapper.search-create-page .feedback-shell #feedback_form_user .mb-4,
.main-container .wrapper.search-create-page .feedback-shell #feedback_form_user .commentinpt,
.main-container .wrapper.search-create-page .feedback-shell #feedback_form_user .checkbox-container {
margin: 0 0 13px;
}

.main-container .wrapper.search-create-page .feedback-shell #feedback_form_user label {
display: flex;
align-items: center;
gap: 6px;
margin: 0 0 7px;
color: #243447;
font-size: 13px;
font-weight: 900;
line-height: 1.3;
}

.main-container .wrapper.search-create-page .feedback-shell #feedback_form_user label > i {
display: inline-flex;
align-items: center;
justify-content: center;
width: 17px;
min-width: 17px;
color: #1769e0;
font-size: 13px;
line-height: 1;
}

.main-container .wrapper.search-create-page .feedback-shell #call-type.form_input,
.main-container .wrapper.search-create-page .feedback-shell #whosnumber,
.main-container .wrapper.search-create-page .feedback-shell #feedback_comments.form-control {
box-sizing: border-box;
width: 100%;
min-width: 0;
border: 1px solid #d9e5ee;
border-radius: 8px;
background: #ffffff;
color: #17212b;
font-size: 15px;
font-weight: 750;
box-shadow: inset 0 1px 0 rgba(30, 47, 61, .03);
outline: none;
transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.main-container .wrapper.search-create-page .feedback-shell #call-type.form_input,
.main-container .wrapper.search-create-page .feedback-shell #whosnumber {
height: 48px;
padding: 0 13px;
}

.main-container .wrapper.search-create-page .feedback-shell #call-type.call-type-native-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: 0;
padding: 0;
border: 0;
opacity: 0;
pointer-events: none;
}

.main-container .wrapper.search-create-page .call-type-picker {
position: relative;
width: 100%;
}

.main-container .wrapper.search-create-page .call-type-picker-button {
box-sizing: border-box;
display: grid;
grid-template-columns: 42px minmax(0, 1fr) 28px;
gap: 10px;
align-items: center;
width: 100%;
min-height: 50px;
padding: 6px 10px;
border: 1px solid #d9e5ee;
border-radius: 8px;
background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
color: #17212b;
text-align: left;
box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
cursor: pointer;
}

.main-container .wrapper.search-create-page .call-type-picker-button:focus {
border-color: #2f80c9;
box-shadow: 0 0 0 4px rgba(47, 128, 201, .11);
outline: none;
}

.main-container .wrapper.search-create-page .call-type-picker-icon,
.main-container .wrapper.search-create-page .call-type-option-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 8px;
background: #eef6ff;
color: #1769e0;
font-size: 15px;
}

.main-container .wrapper.search-create-page .call-type-picker-text {
overflow: hidden;
color: #17212b;
font-size: 12px;
font-weight: 850;
line-height: 1.25;
text-overflow: ellipsis;
white-space: nowrap;
}

.main-container .wrapper.search-create-page .call-type-picker-caret {
display: inline-flex;
align-items: center;
justify-content: center;
color: #64748b;
font-size: 12px;
transition: transform .16s ease;
}

.main-container .wrapper.search-create-page .call-type-picker.open .call-type-picker-caret {
transform: rotate(180deg);
}

.main-container .wrapper.search-create-page .call-type-picker-menu {
position: absolute;
z-index: 40;
top: calc(100% + 8px);
left: 0;
right: 0;
display: none;
max-height: 330px;
padding: 8px;
border: 1px solid #d7e4ee;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 20px 44px rgba(20, 35, 50, .16);
overflow: auto;
}

.main-container .wrapper.search-create-page .call-type-picker.open .call-type-picker-menu {
display: grid;
gap: 6px;
}

.main-container .wrapper.search-create-page .call-type-picker-group {
padding: 8px 8px 4px;
color: #64748b;
font-size: 11px;
font-weight: 900;
letter-spacing: 0;
line-height: 1;
text-transform: uppercase;
}

.main-container .wrapper.search-create-page .call-type-picker-option {
display: grid;
grid-template-columns: 38px minmax(0, 1fr);
gap: 10px;
align-items: center;
width: 100%;
min-height: 50px;
padding: 8px;
border: 1px solid transparent;
border-radius: 8px;
background: #ffffff;
text-align: left;
cursor: pointer;
}

.main-container .wrapper.search-create-page .call-type-picker-option:hover,
.main-container .wrapper.search-create-page .call-type-picker-option:focus {
border-color: #d8e7f2;
background: #f8fbff;
outline: none;
}

.main-container .wrapper.search-create-page .call-type-option-copy {
display: grid;
gap: 3px;
min-width: 0;
}

.main-container .wrapper.search-create-page .call-type-option-copy strong {
overflow: hidden;
color: #17212b;
font-size: 13px;
font-weight: 900;
line-height: 1.2;
text-overflow: ellipsis;
white-space: nowrap;
}

.main-container .wrapper.search-create-page .call-type-option-copy small {
overflow: hidden;
color: #64748b;
font-size: 11px;
font-weight: 800;
line-height: 1.2;
text-overflow: ellipsis;
white-space: nowrap;
}

.main-container .wrapper.search-create-page .call-type-picker-option-risk .call-type-option-icon {
background: #fff5f5;
color: #b42318;
}

.main-container .wrapper.search-create-page .call-type-picker-option-commercial .call-type-option-icon {
background: #eef6ff;
color: #1769e0;
}

.main-container .wrapper.search-create-page .call-type-picker-option-official .call-type-option-icon {
background: #ecfdf8;
color: #0f766e;
}

.main-container .wrapper.search-create-page .call-type-picker-option-other .call-type-option-icon {
background: #fff8e8;
color: #925f12;
}

.main-container .wrapper.search-create-page .feedback-shell #feedback_comments.form-control {
min-height: 142px;
padding: 13px;
resize: vertical;
line-height: 1.55;
}

.main-container .wrapper.search-create-page .feedback-shell #call-type.form_input:focus,
.main-container .wrapper.search-create-page .feedback-shell #whosnumber:focus,
.main-container .wrapper.search-create-page .feedback-shell #feedback_comments.form-control:focus {
border-color: #2f80c9;
background: #ffffff;
box-shadow: 0 0 0 4px rgba(47, 128, 201, .11);
}

.main-container .wrapper.search-create-page .feedback-shell #feedback_form_user .checkbox-container {
display: grid;
grid-template-columns: 22px minmax(0, 1fr);
gap: 10px;
align-items: start;
padding: 12px;
border: 1px solid #dfe9f4;
border-radius: 8px;
background: #ffffff;
}

.main-container .wrapper.search-create-page .feedback-shell #termsCheckbox {
width: 18px;
height: 18px;
margin: 2px 0 0;
accent-color: #0f766e;
}

.main-container .wrapper.search-create-page .feedback-shell #feedback_form_user .checkbox-container label {
display: flex;
align-items: flex-start;
gap: 7px;
margin: 0;
color: #526575;
font-size: 13px;
font-weight: 750;
line-height: 1.55;
}

.main-container .wrapper.search-create-page .feedback-shell #feedback_form_user .checkbox-container label i {
margin-top: 2px;
color: #0f766e;
}

.main-container .wrapper.search-create-page .feedback-shell #feedback_form_user .checkbox-container a {
color: #0b79d0;
font-weight: 900;
text-decoration: none;
}

.main-container .wrapper.search-create-page .feedback-shell #feedback_form_user hr {
display: none;
}

.main-container .wrapper.search-create-page .search-create-submit-row {
display: grid;
grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
gap: 12px;
align-items: center;
margin-top: 4px;
}

.main-container .wrapper.search-create-page .feedback-submit-btn.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
min-height: 50px;
margin: 0;
padding: 0 18px;
border: 0;
border-radius: 8px;
background: #1769e0;
color: #ffffff;
font-size: 14px;
font-weight: 900;
line-height: 1;
box-shadow: 0 14px 26px rgba(23, 105, 224, .2);
}

.main-container .wrapper.search-create-page .search-create-submit-row > span {
display: inline-flex;
align-items: center;
gap: 8px;
min-width: 0;
color: #526575;
font-size: 13px;
font-weight: 750;
line-height: 1.45;
}

.main-container .wrapper.search-create-page .search-create-submit-row > span i {
color: #0f766e;
}

.main-container .wrapper.search-create-page .vote-shell-header {
align-items: flex-start;
margin-bottom: 12px;
}

.main-container .wrapper.search-create-page .vote-shell-header h3 {
margin: 4px 0 5px;
padding: 0;
border: 0;
color: #17212b;
font-size: 22px;
font-weight: 900;
line-height: 1.25;
}

.main-container .wrapper.search-create-page .vote-shell-header p {
margin: 0;
color: #526575;
font-size: 14px;
line-height: 1.55;
}

.main-container .wrapper.search-create-page .vote-shell .safe-body {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
margin-top: 12px;
}

.main-container .wrapper.search-create-page .vote-shell .vote-action.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 48px;
width: 100%;
margin: 0;
padding: 0 12px;
border: 1px solid transparent;
border-radius: 8px;
font-size: 13px;
font-weight: 900;
line-height: 1.1;
box-shadow: none;
white-space: normal;
}

.main-container .wrapper.search-create-page .vote-shell .vote-action.btn > i {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
font-size: 16px;
line-height: 1;
flex: 0 0 auto;
}

.main-container .wrapper.search-create-page .vote-shell .vote-action.btn-success {
background: #ecfdf8;
border-color: #c9e7df;
color: #0f766e;
}

.main-container .wrapper.search-create-page .vote-shell .vote-action.btn-danger {
background: #fff5f5;
border-color: #f0d0d0;
color: #b42318;
}

.main-container .wrapper.search-create-page .vote-shell .vote-action.btn-info {
background: #eef6ff;
border-color: #cfe0ed;
color: #1769e0;
}

.main-container .wrapper.search-create-page .vote-shell .trust-score {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-top: 12px;
padding: 12px 14px;
border: 1px solid #dfe9f4;
border-radius: 8px;
background: #ffffff;
color: #526575;
font-size: 13px;
font-weight: 850;
}

.main-container .wrapper.search-create-page .vote-shell .trust-score b {
color: #17212b;
font-size: 20px;
font-weight: 900;
}

.main-container .wrapper.search-create-page .search-create-detail-cta {
display: grid;
grid-template-columns: 46px minmax(0, 1fr);
gap: 12px;
align-items: center;
width: 100%;
margin: 0 0 14px;
padding: 14px;
border: 1px solid #d8e6f0;
border-radius: 8px;
background: linear-gradient(135deg, #f8fcff 0%, #ffffff 100%);
box-shadow: 0 10px 22px rgba(28, 45, 58, .055);
}

.main-container .wrapper.search-create-page .search-create-detail-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
border-radius: 8px;
background: #1769e0;
color: #ffffff;
font-size: 16px;
box-shadow: 0 10px 18px rgba(23, 105, 224, .18);
}

.main-container .wrapper.search-create-page .search-create-detail-copy {
min-width: 0;
color: #405261;
font-size: 14px;
line-height: 1.55;
font-weight: 750;
}

.main-container .wrapper.search-create-page .search-create-detail-copy a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 34px;
margin-left: 6px;
padding: 0 11px;
border: 1px solid #cfe0ed;
border-radius: 8px;
background: #ffffff;
color: #1769e0;
font-size: 12px;
line-height: 1;
font-weight: 900;
text-decoration: none;
}

.main-container .wrapper.search-create-page .search-create-detail-copy a:hover,
.main-container .wrapper.search-create-page .search-create-detail-copy a:focus {
background: #eef7ff;
border-color: #b9d7ec;
text-decoration: none;
}

.main-container .wrapper.search-create-page .search-create-found-card {
display: grid;
grid-template-columns: 58px minmax(0, 1fr);
gap: 14px;
align-items: center;
width: 100%;
margin: 0 0 14px;
padding: 18px;
border: 1px solid #d8e6f0;
border-radius: 8px;
background: linear-gradient(135deg, #ffffff 0%, #f3f9ff 100%);
box-shadow: 0 14px 30px rgba(28, 45, 58, .075);
}

.main-container .wrapper.search-create-page .search-create-found-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(280px, 336px);
gap: 14px;
align-items: stretch;
width: 100%;
margin: 0 0 14px;
}

.main-container .wrapper.search-create-page .search-create-found-layout .search-create-found-card {
margin: 0;
}

.main-container .wrapper.search-create-page .search-create-found-ad {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
min-height: 120px;
padding: 10px;
border: 1px solid #d8e6f0;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 10px 22px rgba(28, 45, 58, .055);
overflow: hidden;
}

.main-container .wrapper.search-create-page .search-create-found-ad ins,
.main-container .wrapper.search-create-page .search-create-found-ad iframe {
max-width: 100%;
}

.main-container .wrapper.search-create-page .search-create-found-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 58px;
height: 58px;
border-radius: 8px;
background: #17212b;
color: #ffffff;
font-size: 20px;
box-shadow: 0 12px 24px rgba(23, 33, 43, .18);
}

.main-container .wrapper.search-create-page .search-create-found-icon img {
width: 40px;
height: 29px;
object-fit: cover;
border-radius: 4px;
box-shadow: 0 4px 10px rgba(0,0,0,.18);
}

.main-container .wrapper.search-create-page .search-create-found-copy {
min-width: 0;
}

.main-container .wrapper.search-create-page .search-create-found-copy h2 {
margin: 0 0 7px;
color: #17212b;
font-size: 24px;
line-height: 1.2;
font-weight: 900;
letter-spacing: 0;
}

.main-container .wrapper.search-create-page .search-create-found-copy p {
margin: 0;
color: #405261;
font-size: 14px;
line-height: 1.55;
font-weight: 750;
}

.main-container .wrapper.search-create-page .search-create-found-copy p a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 36px;
margin-left: 7px;
padding: 0 12px;
border: 1px solid #1769e0;
border-radius: 8px;
background: #1769e0;
color: #ffffff;
font-size: 12px;
line-height: 1;
font-weight: 900;
text-decoration: none;
box-shadow: 0 10px 20px rgba(23, 105, 224, .16);
}

.main-container .wrapper.search-create-page .search-create-found-copy p a:hover,
.main-container .wrapper.search-create-page .search-create-found-copy p a:focus {
background: #1258bd;
border-color: #1258bd;
text-decoration: none;
}

.main-container .wrapper.search-create-page .search-create-feedback .shake-animation {
animation: none;
}

.main-container .wrapper.search-create-page .feedback-actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: center;
gap: 10px;
}

.main-container .wrapper.search-create-page .search-create-vote p {
margin: 0;
color: #536575;
font-size: 13px;
line-height: 1.5;
}

.main-container .wrapper.search-create-page .trust-score {
margin-top: 12px;
}

.main-container .wrapper.search-create-page > hr,
.main-container .wrapper.search-create-page .search-create-feedback + hr,
.main-container .wrapper.search-create-page .search-create-vote + hr {
display: none;
}

.main-container .wrapper.search-create-page .search-create-ai-highlight {
margin-top: 20px;
border-color: #dbe7f2;
background: linear-gradient(135deg, #ffffff 0%, #f7fbff 62%, #f4faf8 100%);
box-shadow: 0 16px 34px rgba(28, 45, 58, .07);
}

.main-container .wrapper.search-create-page .search-create-ai-highlight:before {
border-top-color: #1769e0;
}

.main-container .wrapper.search-create-page .search-create-ai-highlight .ai-home-header-icon {
background: #eef6ff;
color: #1769e0;
box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

.main-container .wrapper.search-create-page .search-create-ai-highlight .ai-number-card a {
background: rgba(255,255,255,.94);
}

.main-container .wrapper.search-create-page .search-create-ai-highlight .ai-number-card-copy small {
max-width: 100%;
}

.main-container .wrapper.search-create-page #add,
.main-container .wrapper.search-create-page #addComment {
margin-top: 12px;
}

.app-toast-host {
position: fixed;
top: 18px;
right: 18px;
z-index: 10020;
display: grid;
gap: 10px;
width: min(380px, calc(100vw - 36px));
pointer-events: none;
}

.app-toast {
display: grid;
grid-template-columns: 42px minmax(0, 1fr) 32px;
gap: 10px;
align-items: center;
min-width: 0;
padding: 12px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: rgba(255,255,255,.98);
box-shadow: 0 18px 42px rgba(20, 35, 50, .18);
color: #273746;
opacity: 0;
transform: translateY(-8px);
transition: opacity .18s ease, transform .18s ease;
pointer-events: auto;
backdrop-filter: blur(10px);
}

.app-toast.visible {
opacity: 1;
transform: translateY(0);
}

.app-toast-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 8px;
background: #eef6ff;
color: #1769e0;
font-size: 17px;
}

.app-toast-success .app-toast-icon {
background: #ecfdf8;
color: #0f766e;
}

.app-toast-error .app-toast-icon {
background: #fff5f5;
color: #b42318;
}

.app-toast-loading .app-toast-icon {
background: #eef6ff;
color: #1769e0;
}

.app-toast-text {
min-width: 0;
color: #273746;
font-size: 14px;
font-weight: 850;
line-height: 1.42;
overflow-wrap: anywhere;
}

.app-toast-close {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
border: 0;
border-radius: 8px;
background: #f3f7fa;
color: #64748b;
font-size: 12px;
cursor: pointer;
}

.app-toast-close:hover,
.app-toast-close:focus {
background: #e8f0f6;
color: #334155;
outline: none;
}

.app-inline-message {
display: inline-flex;
align-items: center;
gap: 8px;
max-width: 100%;
padding: 9px 11px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #ffffff;
color: #405261;
font-size: 13px;
font-weight: 850;
line-height: 1.35;
}

.app-inline-message i {
color: #1769e0;
}

.app-inline-message-success i {
color: #0f766e;
}

.app-inline-message-error i {
color: #b42318;
}

@media (max-width: 700px) {
.main-container .wrapper.search-create-page {
width: 100%;
margin-left: 0;
margin-right: 0;
}

.main-container .wrapper.search-create-page .search-create-ai-card,
.main-container .wrapper.search-create-page .search-create-search,
.main-container .wrapper.search-create-page .search-create-info,
.main-container .wrapper.search-create-page .search-create-feedback,
.main-container .wrapper.search-create-page .search-create-vote {
border-left: 0;
border-right: 0;
border-radius: 0;
}

.main-container .wrapper.search-create-page .search-create-ai-card {
grid-template-columns: 54px minmax(0, 1fr);
padding: 14px;
}

.main-container .wrapper.search-create-page .search-create-ai-card > img {
width: 54px;
height: 54px;
}

.main-container .wrapper.search-create-page .search-create-search,
.main-container .wrapper.search-create-page .search-create-info,
.main-container .wrapper.search-create-page .search-create-feedback,
.main-container .wrapper.search-create-page .search-create-vote {
padding: 15px 14px;
}

.main-container .wrapper.search-create-page .search-create-target-number {
grid-template-columns: 46px minmax(0, 1fr);
gap: 11px;
border-left: 0;
border-right: 0;
border-radius: 0;
margin-left: -14px;
margin-right: -14px;
padding: 13px 14px;
}

.main-container .wrapper.search-create-page .target-flag {
width: 46px;
height: 46px;
}

.main-container .wrapper.search-create-page .target-flag img {
width: 32px;
height: 23px;
}

.main-container .wrapper.search-create-page .target-trust-pill {
grid-column: 1 / -1;
justify-self: stretch;
justify-content: center;
white-space: normal;
}

.main-container .wrapper.search-create-page .search-create-target-number strong {
font-size: 21px;
}

.main-container .wrapper.search-create-page .target-number-meta,
.main-container .wrapper.search-create-page .search-create-confidence-row {
align-items: center;
flex-wrap: nowrap;
overflow-x: auto;
padding-bottom: 2px;
scrollbar-width: none;
}

.main-container .wrapper.search-create-page .target-number-meta::-webkit-scrollbar,
.main-container .wrapper.search-create-page .search-create-confidence-row::-webkit-scrollbar {
display: none;
}

.main-container .wrapper.search-create-page .target-number-meta span,
.main-container .wrapper.search-create-page .search-create-confidence-row span {
width: auto;
flex: 0 0 auto;
justify-content: flex-start;
min-height: 24px;
padding: 4px 8px;
font-size: 11px;
}

.main-container .wrapper.search-create-page .search-create-search h2,
.main-container .wrapper.search-create-page .search-create-feedback h3 {
font-size: 21px;
}

.main-container .wrapper.search-create-page .searchbox {
grid-template-columns: auto minmax(0, 1fr);
}

.main-container .wrapper.search-create-page .home-search-panel .smart-search-box {
grid-template-columns: auto minmax(0, 1fr);
}

.main-container .wrapper.search-create-page .searchbox .btn {
grid-column: 1 / -1;
width: 100%;
}

.main-container .wrapper.search-create-page .feedback-actions,
.main-container .wrapper.search-create-page .feedback-choice-btn {
width: 100%;
}

.main-container .wrapper.search-create-page .feedback-actions,
.main-container .wrapper.search-create-page .vote-shell .safe-body,
.main-container .wrapper.search-create-page .search-create-submit-row {
grid-template-columns: 1fr;
}

.main-container .wrapper.search-create-page .feedback-shell #feedback_form_user {
padding: 13px;
}

.main-container .wrapper.search-create-page .search-create-form-intro {
grid-template-columns: 38px minmax(0, 1fr);
padding: 12px;
}

.main-container .wrapper.search-create-page .search-create-form-icon {
width: 38px;
height: 38px;
}

.main-container .wrapper.search-create-page .call-type-picker-button {
grid-template-columns: 38px minmax(0, 1fr) 26px;
min-height: 50px;
}

.main-container .wrapper.search-create-page .call-type-picker-menu {
max-height: min(320px, 58vh);
}

.main-container .wrapper.search-create-page .call-type-picker-icon,
.main-container .wrapper.search-create-page .call-type-option-icon {
width: 34px;
height: 34px;
}

.main-container .wrapper.search-create-page .search-create-submit-row > span {
justify-content: center;
text-align: center;
}

.main-container .wrapper.search-create-page .search-create-detail-cta {
grid-template-columns: 40px minmax(0, 1fr);
border-left: 0;
border-right: 0;
border-radius: 0;
padding: 13px 14px;
}

.main-container .wrapper.search-create-page .search-create-detail-icon {
width: 40px;
height: 40px;
}

.main-container .wrapper.search-create-page .search-create-detail-copy a {
width: 100%;
margin: 8px 0 0;
}

.main-container .wrapper.search-create-page .search-create-found-card {
grid-template-columns: 44px minmax(0, 1fr);
border-left: 0;
border-right: 0;
border-radius: 0;
padding: 14px;
}

.main-container .wrapper.search-create-page .search-create-found-layout {
grid-template-columns: 1fr;
gap: 10px;
margin-bottom: 12px;
}

.main-container .wrapper.search-create-page .search-create-found-ad {
min-height: 96px;
border-left: 0;
border-right: 0;
border-radius: 0;
}

.main-container .wrapper.search-create-page .search-create-found-icon {
width: 44px;
height: 44px;
font-size: 16px;
}

.main-container .wrapper.search-create-page .search-create-found-copy h2 {
font-size: 21px;
}

.main-container .wrapper.search-create-page .search-create-found-copy p a {
width: 100%;
margin: 8px 0 0;
}

.app-toast-host {
top: 12px;
right: 12px;
width: calc(100vw - 24px);
}

.app-toast {
grid-template-columns: 38px minmax(0, 1fr) 30px;
padding: 10px;
}

.app-toast-icon {
width: 38px;
height: 38px;
}
}

.main-container .wrapper .feedback-shell.feedback-premium-form {
box-sizing: border-box;
width: 100%;
padding: 18px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 12px 28px rgba(28, 45, 58, .06);
}

.main-container .wrapper .feedback-shell.feedback-premium-form .search-create-target-number {
display: grid;
grid-template-columns: 58px minmax(0, 1fr) auto;
gap: 14px;
align-items: center;
margin: 0 0 18px;
padding: 14px;
border: 1px solid #d8e6f0;
border-radius: 8px;
background: linear-gradient(135deg, #f8fcff 0%, #ffffff 58%, #f5fbf8 100%);
box-shadow: 0 12px 26px rgba(28, 45, 58, .07);
}

.main-container .wrapper .feedback-shell.feedback-premium-form .target-flag {
display: inline-flex;
align-items: center;
justify-content: center;
width: 58px;
height: 58px;
border: 1px solid #d7e6f2;
border-radius: 8px;
background: #ffffff;
overflow: hidden;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .target-flag img {
width: 42px;
height: 30px;
object-fit: cover;
border-radius: 4px;
box-shadow: 0 4px 10px rgba(28, 45, 58, .14);
}

.main-container .wrapper .feedback-shell.feedback-premium-form .target-number-copy {
min-width: 0;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .target-eyebrow {
display: inline-flex;
align-items: center;
gap: 7px;
margin: 0 0 6px;
color: #1f5f97;
font-size: 12px;
font-weight: 900;
line-height: 1.25;
text-transform: uppercase;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .search-create-target-number strong {
display: block;
color: #111827;
font-size: 26px;
font-weight: 900;
line-height: 1.15;
letter-spacing: 0;
overflow-wrap: anywhere;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .target-number-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
margin-top: 8px;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .target-number-meta span,
.main-container .wrapper .feedback-shell.feedback-premium-form .target-trust-pill,
.main-container .wrapper .feedback-shell.feedback-premium-form .search-create-confidence-row span {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 28px;
padding: 5px 9px;
border: 1px solid #dce8f2;
border-radius: 999px;
background: #ffffff;
color: #526575;
font-size: 12px;
font-weight: 850;
line-height: 1.1;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .target-trust-pill {
justify-self: end;
border-color: #c9e7df;
background: #edfdf8;
color: #0f766e;
white-space: nowrap;
}

.main-container .wrapper .feedback-shell.feedback-premium-form #user-question,
.main-container .wrapper .feedback-shell.feedback-premium-form .phone-range-comment-question {
padding: 2px 0 4px;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .search-create-kicker {
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 30px;
margin: 0 0 10px;
padding: 6px 10px;
border: 1px solid #d7e7f4;
border-radius: 999px;
background: #f3f9ff;
color: #24608e;
font-size: 12px;
line-height: 1;
font-weight: 850;
}

.main-container .wrapper .feedback-shell.feedback-premium-form h3 {
margin: 0 0 8px;
color: #17212b;
font-size: 24px;
line-height: 1.2;
font-weight: 900;
letter-spacing: 0;
}

.main-container .wrapper .feedback-shell.feedback-premium-form p {
margin: 0 0 14px;
color: #536575;
font-size: 14px;
line-height: 1.6;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .search-create-confidence-row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 7px;
margin: -4px 0 14px;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .feedback-actions,
.main-container .wrapper .feedback-shell.feedback-premium-form .feedback-choice-actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-top: 12px;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .feedback-choice-btn.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 48px;
width: 100%;
margin: 0;
padding: 0 16px;
border: 0;
border-radius: 8px;
font-size: 14px;
font-weight: 900;
line-height: 1;
box-shadow: 0 12px 22px rgba(28, 45, 58, .12);
}

.main-container .wrapper .feedback-shell.feedback-premium-form .feedback-choice-btn.btn-success {
background: #0f766e;
color: #ffffff;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .feedback-choice-btn.btn-danger {
background: #ffffff;
color: #334155;
border: 1px solid #dce7f0;
box-shadow: none;
}

.main-container .wrapper .feedback-shell.feedback-premium-form #feedback_form_user {
margin-top: 16px;
padding: 16px;
border: 1px solid #dbe7f2;
border-radius: 8px;
background: #fbfdff;
box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.main-container .wrapper .feedback-shell.feedback-premium-form #feedback_form_user.visible {
display: grid;
grid-template-columns: 1fr;
gap: 13px;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .search-create-form-intro {
display: grid;
grid-template-columns: 44px minmax(0, 1fr);
gap: 12px;
align-items: center;
margin: 0 0 14px;
padding: 13px;
border: 1px solid #d7e6f2;
border-radius: 8px;
background: linear-gradient(135deg, #ffffff 0%, #f6fbff 100%);
}

.main-container .wrapper .feedback-shell.feedback-premium-form .search-create-form-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 8px;
background: #e9f7f4;
color: #0f766e;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .search-create-form-intro strong {
display: block;
color: #111827;
font-size: 15px;
font-weight: 900;
line-height: 1.3;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .search-create-form-intro p {
margin: 4px 0 0;
color: #526575;
font-size: 13px;
line-height: 1.5;
}

.main-container .wrapper .feedback-shell.feedback-premium-form #feedback_form_user .feedback-field-block,
.main-container .wrapper .feedback-shell.feedback-premium-form #feedback_form_user .form_group,
.main-container .wrapper .feedback-shell.feedback-premium-form #feedback_form_user .commentinpt,
.main-container .wrapper .feedback-shell.feedback-premium-form #feedback_form_user .checkbox-container,
.main-container .wrapper .feedback-shell.feedback-premium-form #feedback_form_user .phone-range-number-composer {
box-sizing: border-box;
width: 100%;
max-width: 100%;
min-width: 0;
float: none;
clear: both;
margin: 0 0 13px;
}

.main-container .wrapper .feedback-shell.feedback-premium-form #feedback_form_user label {
display: flex;
align-items: center;
gap: 6px;
width: 100%;
margin: 0 0 7px;
color: #243447;
font-size: 13px;
font-weight: 900;
line-height: 1.3;
}

.main-container .wrapper .feedback-shell.feedback-premium-form #feedback_form_user label > i {
display: inline-flex;
align-items: center;
justify-content: center;
width: 17px;
min-width: 17px;
color: #1769e0;
font-size: 13px;
line-height: 1;
}

.main-container .wrapper .feedback-shell.feedback-premium-form #whosnumber,
.main-container .wrapper .feedback-shell.feedback-premium-form #feedback_comments.form-control,
.main-container .wrapper .feedback-shell.feedback-premium-form #range-whosnumber,
.main-container .wrapper .feedback-shell.feedback-premium-form #range-feedback-comments.form-control,
.main-container .wrapper .feedback-shell.feedback-premium-form #rangeNumberInput {
box-sizing: border-box;
display: block;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
border: 1px solid #d9e5ee;
border-radius: 8px;
background: #ffffff;
color: #17212b;
font-size: 15px;
font-weight: 750;
box-shadow: inset 0 1px 0 rgba(30, 47, 61, .03);
outline: none;
transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.main-container .wrapper .feedback-shell.feedback-premium-form #whosnumber,
.main-container .wrapper .feedback-shell.feedback-premium-form #range-whosnumber,
.main-container .wrapper .feedback-shell.feedback-premium-form #rangeNumberInput {
height: 48px;
padding: 0 13px;
}

.main-container .wrapper .feedback-shell.feedback-premium-form #feedback_comments.form-control,
.main-container .wrapper .feedback-shell.feedback-premium-form #range-feedback-comments.form-control {
min-height: 142px;
padding: 13px;
resize: vertical;
line-height: 1.55;
}

.main-container .wrapper .feedback-shell.feedback-premium-form select.call-type-native-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
opacity: 0 !important;
pointer-events: none !important;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker {
position: relative;
width: 100%;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker-button {
box-sizing: border-box;
display: grid;
grid-template-columns: 42px minmax(0, 1fr) 28px;
gap: 10px;
align-items: center;
width: 100%;
min-height: 52px;
padding: 6px 10px;
border: 1px solid #d9e5ee;
border-radius: 8px;
background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
color: #17212b;
text-align: left;
box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
cursor: pointer;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker-button:focus {
border-color: #2f80c9;
box-shadow: 0 0 0 4px rgba(47, 128, 201, .11);
outline: none;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker-icon,
.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-option-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 8px;
background: #eef6ff;
color: #1769e0;
font-size: 15px;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker-text {
overflow: hidden;
color: #17212b;
font-size: 15px;
font-weight: 850;
line-height: 1.25;
text-overflow: ellipsis;
white-space: nowrap;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker-caret {
display: inline-flex;
align-items: center;
justify-content: center;
color: #64748b;
font-size: 12px;
transition: transform .16s ease;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker.open .call-type-picker-caret {
transform: rotate(180deg);
}

.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker-menu {
position: absolute;
z-index: 40;
top: calc(100% + 8px);
left: 0;
right: 0;
display: none;
max-height: 330px;
padding: 8px;
border: 1px solid #d7e4ee;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 20px 44px rgba(20, 35, 50, .16);
overflow: auto;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker.open .call-type-picker-menu {
display: grid;
gap: 6px;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker-group {
padding: 8px 8px 4px;
color: #64748b;
font-size: 11px;
font-weight: 900;
letter-spacing: 0;
line-height: 1;
text-transform: uppercase;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker-option {
display: grid;
grid-template-columns: 38px minmax(0, 1fr);
gap: 10px;
align-items: center;
width: 100%;
min-height: 52px;
padding: 8px;
border: 1px solid transparent;
border-radius: 8px;
background: #ffffff;
text-align: left;
cursor: pointer;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker-option:hover,
.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker-option:focus {
border-color: #d8e7f2;
background: #f8fbff;
outline: none;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-option-copy {
display: grid;
gap: 3px;
min-width: 0;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-option-copy strong {
overflow: hidden;
color: #17212b;
font-size: 14px;
font-weight: 900;
line-height: 1.2;
text-overflow: ellipsis;
white-space: nowrap;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-option-copy small {
overflow: hidden;
color: #64748b;
font-size: 11px;
font-weight: 800;
line-height: 1.2;
text-overflow: ellipsis;
white-space: nowrap;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker-option-risk .call-type-option-icon {
background: #fff5f5;
color: #b42318;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker-option-commercial .call-type-option-icon {
background: #eef6ff;
color: #1769e0;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker-option-official .call-type-option-icon {
background: #ecfdf8;
color: #0f766e;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker-option-other .call-type-option-icon {
background: #fff8e8;
color: #925f12;
}

.main-container .wrapper .feedback-shell.feedback-premium-form #feedback_form_user .checkbox-container {
display: grid;
grid-template-columns: 22px minmax(0, 1fr);
gap: 10px;
align-items: start;
padding: 12px;
border: 1px solid #dfe9f4;
border-radius: 8px;
background: #ffffff;
}

.main-container .wrapper .feedback-shell.feedback-premium-form #termsCheckbox,
.main-container .wrapper .feedback-shell.feedback-premium-form #rangeTermsCheckbox {
width: 18px;
height: 18px;
margin: 2px 0 0;
accent-color: #0f766e;
}

.main-container .wrapper .feedback-shell.feedback-premium-form #feedback_form_user .checkbox-container label {
display: flex;
align-items: flex-start;
gap: 7px;
margin: 0;
color: #526575;
font-size: 13px;
font-weight: 750;
line-height: 1.55;
}

.main-container .wrapper .feedback-shell.feedback-premium-form #feedback_form_user .checkbox-container label i {
margin-top: 2px;
color: #0f766e;
}

.main-container .wrapper .feedback-shell.feedback-premium-form #feedback_form_user hr {
display: none;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .search-create-submit-row {
display: grid;
grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
gap: 12px;
align-items: center;
margin-top: 4px;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .feedback-submit-btn.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100% !important;
min-height: 50px;
margin: 0 !important;
padding: 0 18px;
border: 0;
border-radius: 8px;
background: #1769e0;
color: #ffffff;
font-size: 14px;
font-weight: 900;
line-height: 1;
box-shadow: 0 14px 26px rgba(23, 105, 224, .2);
}

.main-container .wrapper .feedback-shell.feedback-premium-form .search-create-submit-row > span {
display: inline-flex;
align-items: center;
gap: 8px;
min-width: 0;
color: #526575;
font-size: 13px;
font-weight: 750;
line-height: 1.45;
}

.main-container .wrapper .feedback-shell.feedback-premium-form #addComment,
.main-container .wrapper .feedback-shell.feedback-premium-form #rangeAddComment {
width: 100% !important;
max-width: 100% !important;
margin-top: 12px !important;
}

@media (max-width: 700px) {
.main-container .wrapper .feedback-shell.feedback-premium-form {
padding: 15px 14px;
border-left: 0;
border-right: 0;
border-radius: 0;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .search-create-target-number {
grid-template-columns: 46px minmax(0, 1fr);
gap: 11px;
border-left: 0;
border-right: 0;
border-radius: 0;
margin-left: -14px;
margin-right: -14px;
padding: 13px 14px;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .target-flag {
width: 46px;
height: 46px;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .target-flag img {
width: 32px;
height: 23px;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .target-trust-pill {
grid-column: 1 / -1;
justify-self: stretch;
justify-content: center;
white-space: normal;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .search-create-target-number strong {
font-size: 21px;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .target-number-meta,
.main-container .wrapper .feedback-shell.feedback-premium-form .search-create-confidence-row {
align-items: center;
flex-wrap: nowrap;
overflow-x: auto;
padding-bottom: 2px;
scrollbar-width: none;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .target-number-meta::-webkit-scrollbar,
.main-container .wrapper .feedback-shell.feedback-premium-form .search-create-confidence-row::-webkit-scrollbar {
display: none;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .target-number-meta span,
.main-container .wrapper .feedback-shell.feedback-premium-form .search-create-confidence-row span {
width: auto;
flex: 0 0 auto;
justify-content: flex-start;
min-height: 24px;
padding: 4px 8px;
font-size: 11px;
}

.main-container .wrapper .feedback-shell.feedback-premium-form h3 {
font-size: 21px;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .feedback-actions,
.main-container .wrapper .feedback-shell.feedback-premium-form .feedback-choice-actions,
.main-container .wrapper .feedback-shell.feedback-premium-form .search-create-submit-row {
grid-template-columns: 1fr;
}

.main-container .wrapper .feedback-shell.feedback-premium-form #feedback_form_user {
padding: 13px;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .search-create-form-intro {
grid-template-columns: 38px minmax(0, 1fr);
padding: 12px;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .search-create-form-icon {
width: 38px;
height: 38px;
}

.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker-menu {
max-height: min(320px, 58vh);
}

.main-container .wrapper .feedback-shell.feedback-premium-form .search-create-submit-row > span {
justify-content: center;
text-align: center;
}
}

.main-container .wrapper.search-create-page .call-type-picker-button,
.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker-button {
grid-template-columns: 34px minmax(0, 1fr) 24px;
min-height: 46px;
padding: 5px 9px;
}

.main-container .wrapper.search-create-page .call-type-picker-icon,
.main-container .wrapper.search-create-page .call-type-option-icon,
.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker-icon,
.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-option-icon {
width: 30px;
height: 30px;
font-size: 13px;
}

.main-container .wrapper.search-create-page .call-type-picker-text,
.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker-text {
font-size: 13px;
font-weight: 850;
}

.main-container .wrapper.search-create-page .call-type-picker-option,
.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker-option {
grid-template-columns: 32px minmax(0, 1fr);
min-height: 46px;
padding: 7px;
}

.main-container .wrapper.search-create-page .call-type-option-copy strong,
.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-option-copy strong {
font-size: 13px;
}

.main-container .wrapper.search-create-page .call-type-option-copy small,
.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-option-copy small {
font-size: 10px;
}

@media (max-width: 700px) {
.main-container .wrapper.search-create-page .call-type-picker-button,
.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker-button {
grid-template-columns: 32px minmax(0, 1fr) 22px;
min-height: 44px;
}

.main-container .wrapper.search-create-page .call-type-picker-icon,
.main-container .wrapper.search-create-page .call-type-option-icon,
.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker-icon,
.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-option-icon {
width: 28px;
height: 28px;
font-size: 12px;
}

.main-container .wrapper.search-create-page .call-type-picker-text,
.main-container .wrapper .feedback-shell.feedback-premium-form .call-type-picker-text {
font-size: 12px;
}
}

.chat-modal {
display: none;
position: fixed;
inset: 0;
z-index: 9999;
box-sizing: border-box;
align-items: center;
justify-content: center;
padding: 22px;
background: rgba(15, 23, 42, .58);
backdrop-filter: blur(5px);
overflow: auto;
}

.chat-modal.is-open {
display: flex;
}

.chat-modal-dialog {
box-sizing: border-box;
position: relative;
width: min(680px, 100%);
max-height: min(760px, calc(100vh - 44px));
display: grid;
grid-template-rows: auto minmax(210px, 1fr) auto auto auto;
gap: 12px;
padding: 18px;
border: 1px solid rgba(221, 232, 239, .95);
border-radius: 8px;
background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
box-shadow: 0 26px 70px rgba(15, 23, 42, .34);
color: #25313a;
overflow: hidden;
}

.chat-modal-close {
position: absolute;
top: 12px;
right: 12px;
z-index: 2;
width: 36px;
height: 36px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #ffffff;
color: #5f7180;
cursor: pointer;
}

.chat-modal-close:hover,
.chat-modal-close:focus {
background: #253544;
border-color: #253544;
color: #ffffff;
outline: none;
}

.chat-modal-header {
display: grid;
grid-template-columns: 48px minmax(0, 1fr);
gap: 12px;
align-items: center;
padding-right: 42px;
}

.chat-modal-icon {
width: 48px;
height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #eef6ff;
color: #1769e0;
font-size: 19px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

.chat-modal-heading {
min-width: 0;
}

.chat-modal-heading > span {
display: inline-flex;
align-items: center;
min-height: 22px;
padding: 4px 8px;
border: 1px solid #dce7ef;
border-radius: 999px;
background: #fbfcfd;
color: #1769e0;
font-size: 10px;
font-weight: 900;
line-height: 1;
}

.chat-modal-heading h3 {
margin: 6px 0 0;
color: #17212b;
font-size: 20px;
font-weight: 850;
line-height: 1.2;
letter-spacing: 0;
}

.chat-modal-messages {
box-sizing: border-box;
min-height: 220px;
max-height: 350px;
overflow-y: auto;
padding: 12px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #fbfcfd;
}

.chat-message {
box-sizing: border-box;
max-width: 92%;
margin: 0 0 10px;
padding: 10px 11px;
border: 1px solid #dfe8ef;
border-radius: 8px;
background: #ffffff;
color: #34434f;
font-size: 13px;
line-height: 1.5;
box-shadow: 0 6px 14px rgba(31, 48, 62, .04);
}

.chat-message > span {
display: block;
margin-bottom: 5px;
color: #17212b;
font-size: 11px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
}

.chat-message p {
margin: 0;
}

.chat-message-user {
margin-left: auto;
background: #eef6ff;
border-color: #cfe2f8;
}

.chat-message-ai {
max-width: 100%;
background: #ffffff;
}

.chat-message-system,
.chat-message-loading,
.chat-message-error {
max-width: 100%;
background: #fff8e8;
border-color: #f0dfb7;
color: #70501c;
}

.chat-message-loading {
display: inline-flex;
align-items: center;
gap: 8px;
}

.chat-message-error {
background: #fff3f2;
border-color: #f0d4d1;
color: #9f332d;
}

.chat-ai-content h2 {
margin: 0 0 8px;
padding: 0;
border: 0;
color: #17212b;
font-size: 18px;
font-weight: 850;
line-height: 1.25;
}

.chat-ai-content p {
margin: 0 0 9px;
color: #34434f;
font-size: 13px;
line-height: 1.55;
}

.chat-ai-content ul {
margin: 7px 0 0;
padding-left: 18px;
}

.chat-ai-content li {
margin: 0 0 6px;
color: #34434f;
font-size: 13px;
line-height: 1.45;
}

.chat-modal-input-label {
display: block;
margin: 0;
color: #40515f;
font-size: 12px;
font-weight: 850;
line-height: 1.3;
}

.chat-modal-textarea {
box-sizing: border-box;
width: 100%;
min-height: 92px;
margin: 0;
padding: 11px 12px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #ffffff;
color: #25313a;
font-family: inherit;
font-size: 14px;
line-height: 1.45;
resize: vertical;
outline: none;
}

.chat-modal-textarea:focus {
border-color: #9dc6f4;
box-shadow: 0 0 0 3px rgba(23, 105, 224, .12);
}

.chat-modal-actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}

.chat-modal-send,
.chat-modal-clear {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 40px;
padding: 0 14px;
border: 1px solid transparent;
border-radius: 8px;
font-size: 13px;
font-weight: 900;
line-height: 1;
cursor: pointer;
}

.chat-modal-send {
background: #1769e0;
border-color: #1769e0;
color: #ffffff;
box-shadow: 0 10px 20px rgba(23, 105, 224, .18);
}

.chat-modal-clear {
background: #ffffff;
border-color: #dce7ef;
color: #40515f;
}

.chat-modal-send:hover,
.chat-modal-send:focus {
background: #1258bd;
border-color: #1258bd;
color: #ffffff;
outline: none;
}

.chat-modal-clear:hover,
.chat-modal-clear:focus {
background: #f7fafc;
border-color: #c9d8e3;
color: #25313a;
outline: none;
}

.chat-modal-notice {
display: flex;
align-items: flex-start;
gap: 8px;
margin: 0;
padding: 10px;
border: 1px solid #dfe8ef;
border-radius: 8px;
background: #fbfcfd;
color: #64727d;
font-size: 12px;
line-height: 1.45;
}

.chat-modal-notice i {
color: #16825d;
margin-top: 2px;
}

@media (max-width: 700px) {
.chat-modal {
align-items: flex-end;
padding: 10px;
}

.chat-modal-dialog {
width: 100%;
max-height: calc(100vh - 20px);
grid-template-rows: auto minmax(180px, 1fr) auto auto auto;
padding: 14px 12px;
}

.chat-modal-header {
grid-template-columns: 40px minmax(0, 1fr);
gap: 10px;
}

.chat-modal-icon {
width: 40px;
height: 40px;
font-size: 16px;
}

.chat-modal-heading h3 {
font-size: 16px;
}

.chat-modal-messages {
max-height: 320px;
padding: 10px;
}

.chat-message {
max-width: 100%;
font-size: 12px;
}

.chat-modal-actions {
display: grid;
grid-template-columns: 1fr 1fr;
}

.chat-modal-send,
.chat-modal-clear {
width: 100%;
}
}

.ai-questions-page {
box-sizing: border-box;
max-width: 1080px;
margin: 18px auto 28px;
padding: 0;
color: #25313a;
}

.ai-questions-hero,
.ai-questions-list-section {
box-sizing: border-box;
margin: 0 0 16px;
padding: 18px;
border: 1px solid #dfe8ef;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 12px 30px rgba(27, 39, 54, .07);
}

.ai-questions-hero {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 16px;
background: linear-gradient(135deg, #ffffff 0%, #f2f8ff 54%, #f7f3ff 100%);
}

.ai-questions-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 28px;
padding: 5px 9px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: rgba(255,255,255,.78);
color: #1769e0;
font-size: 12px;
font-weight: 850;
line-height: 1;
}

.ai-questions-page h1 {
margin: 12px 0 10px;
color: #17212b;
font-size: 30px;
font-weight: 850;
line-height: 1.16;
letter-spacing: 0;
}

.ai-questions-hero-copy p,
.ai-questions-section-heading p {
max-width: 760px;
margin: 0;
color: #5b6b79;
font-size: 15px;
line-height: 1.6;
}

.ai-questions-search {
max-width: 820px;
}

.ai-questions-search-box {
box-sizing: border-box;
display: grid;
grid-template-columns: 20px minmax(0, 1fr) auto;
align-items: center;
gap: 10px;
padding: 10px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: rgba(255,255,255,.86);
box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}

.ai-questions-search-box > i {
color: #1769e0;
font-size: 15px;
}

.ai-questions-search-box input {
box-sizing: border-box;
width: 100%;
min-width: 0;
height: 42px;
border: 0;
background: transparent;
color: #25313a;
font-size: 14px;
outline: none;
}

.ai-questions-search-box button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 42px;
padding: 0 14px;
border: 1px solid #1769e0;
border-radius: 8px;
background: #1769e0;
color: #ffffff;
font-size: 13px;
font-weight: 900;
line-height: 1;
cursor: pointer;
box-shadow: 0 10px 20px rgba(23, 105, 224, .18);
}

.ai-questions-search-box button:hover,
.ai-questions-search-box button:focus {
background: #1258bd;
border-color: #1258bd;
outline: none;
}

.ai-questions-search > p {
display: flex;
align-items: flex-start;
gap: 8px;
margin: 10px 0 0;
color: #64727d;
font-size: 12px;
line-height: 1.45;
}

.ai-questions-search > p i {
color: #16825d;
margin-top: 2px;
}

.ai-questions-section-heading {
margin-bottom: 14px;
}

.ai-questions-section-heading h2 {
margin: 0 0 8px;
padding: 0;
border: 0;
color: #17212b;
font-size: 22px;
font-weight: 850;
line-height: 1.22;
letter-spacing: 0;
}

.ai-questions-grid {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}

.ai-question-card {
box-sizing: border-box;
display: grid;
grid-template-columns: 44px minmax(0, 1fr);
gap: 12px;
padding: 13px;
border: 1px solid #dfe8ef;
border-radius: 8px;
background: #fbfcfd;
box-shadow: 0 7px 16px rgba(31, 48, 62, .04);
}

.ai-question-card-icon {
width: 44px;
height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #eef6ff;
color: #1769e0;
font-size: 17px;
}

.ai-question-card-body {
min-width: 0;
}

.ai-question-locale-badge {
display: inline-flex;
align-items: center;
gap: 6px;
max-width: 100%;
margin: 0 0 7px;
padding: 5px 8px;
border: 1px solid #d7e7f4;
border-radius: 999px;
background: #f3f9ff;
color: #24608e;
font-size: 11px;
font-weight: 850;
line-height: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.ai-question-locale-badge i {
font-size: 11px;
}

.ai-question-card h3 {
margin: 0 0 7px;
font-size: 17px;
line-height: 1.3;
font-weight: 850;
}

.ai-question-card h3 a {
color: #17212b;
text-decoration: none;
}

.ai-question-card h3 a:hover {
color: #1769e0;
}

.ai-question-card p {
margin: 0 0 10px;
color: #5b6b79;
font-size: 13px;
line-height: 1.5;
}

.ai-question-card-link {
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 32px;
padding: 0 10px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #ffffff;
color: #1769e0;
font-size: 12px;
font-weight: 900;
line-height: 1;
text-decoration: none;
}

.ai-question-card-link:hover {
background: #eef6ff;
text-decoration: none;
}

.ai-questions-empty {
box-sizing: border-box;
margin: 0;
padding: 14px;
border: 1px dashed #cfdbe6;
border-radius: 8px;
background: #fbfcfd;
color: #5b6b79;
font-size: 14px;
font-weight: 700;
line-height: 1.45;
}

.ai-questions-pagination {
display: flex;
justify-content: center;
margin: 16px 0 0;
}

.ai-questions-pagination .pagination {
margin: 0;
}

@media (max-width: 700px) {
.ai-questions-page {
margin: 12px auto 22px;
}

.ai-questions-hero,
.ai-questions-list-section {
padding: 14px 12px;
}

.ai-questions-page h1 {
font-size: 23px;
}

.ai-questions-hero-copy p,
.ai-questions-section-heading p {
font-size: 13px;
line-height: 1.5;
}

.ai-questions-search-box {
grid-template-columns: 20px minmax(0, 1fr);
}

.ai-questions-search-box button {
grid-column: 1 / -1;
width: 100%;
}

.ai-question-card {
grid-template-columns: 36px minmax(0, 1fr);
gap: 10px;
padding: 11px;
}

.ai-question-card-icon {
width: 36px;
height: 36px;
font-size: 15px;
}

.ai-question-card h3 {
font-size: 15px;
}
}

.call-locations { width: 100%; display: flex; flex-direction: column; }
.call-locations-title { margin-bottom: 15px; }
.call-locations-table { width: 100%; border-collapse: collapse; }
.call-locations-empty { padding: 15px; background: #f9f9f9; border: 1px solid #ddd; border-radius: 6px; }
.call-locations-empty p { margin: 0; }

.location-heatmap-panel {
box-sizing: border-box;
max-width: 100%;
border: 1px solid #e1e7ee;
border-radius: 8px;
background: #fbfcfd;
padding: 14px;
margin: 0 0 16px 0;
}

.location-heatmap-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
}

.location-heatmap-header span {
display: block;
font-size: 12px;
font-weight: 700;
line-height: 1.25;
color: #6b7280;
margin-bottom: 3px;
}

.location-heatmap-header h3 {
font-size: 18px;
line-height: 1.25;
margin: 0;
color: #24313a;
}

.location-heatmap-header strong {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 112px;
border: 1px solid #d9e1e8;
border-radius: 6px;
background: #fff;
padding: 8px 10px;
font-size: 13px;
line-height: 1.3;
color: #25313a;
text-align: center;
}

.location-heatmap-intro {
font-size: 13px;
line-height: 1.55;
color: #53606b;
margin: 8px 0 12px 0;
}

.location-chart-shell {
box-sizing: border-box;
max-width: 100%;
display: grid;
grid-template-columns: 130px minmax(0, 1fr);
align-items: center;
gap: 14px;
border: 1px solid #e6edf3;
border-radius: 8px;
background: #fff;
padding: 12px;
margin: 0 0 12px 0;
}

.location-donut {
box-sizing: border-box;
width: 118px;
height: 118px;
border-radius: 50%;
display: grid;
place-items: center;
box-shadow: inset 0 0 0 1px rgba(31, 41, 55, .05);
position: relative;
}

.location-donut::after {
content: "";
position: absolute;
inset: 9px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, .72);
pointer-events: none;
}

.location-donut-core {
width: 68px;
height: 68px;
border-radius: 50%;
background: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
box-shadow: 0 6px 16px rgba(31, 41, 55, .10);
z-index: 1;
padding: 6px;
}

.location-donut-core span {
display: block;
font-size: 10px;
font-weight: 700;
line-height: 1.25;
color: #6b7280;
}

.location-donut-core b {
display: block;
font-size: 18px;
line-height: 1.15;
color: #24313a;
margin-top: 3px;
}

.location-chart-legend {
min-width: 0;
display: grid;
grid-template-columns: 1fr;
gap: 6px;
}

.location-chart-legend-item {
display: grid;
grid-template-columns: 12px minmax(0, 1fr);
column-gap: 8px;
row-gap: 1px;
align-items: center;
border-bottom: 1px solid #edf1f5;
padding: 5px 0 6px 0;
min-width: 0;
}

.location-chart-legend-item:last-child {
border-bottom: 0;
}

.location-chart-dot {
width: 10px;
height: 10px;
border-radius: 50%;
grid-row: 1 / span 2;
box-shadow: 0 0 0 3px rgba(31, 41, 55, .05);
}

.location-chart-legend-item b {
display: block;
font-size: 12px;
line-height: 1.25;
color: #25313a;
overflow-wrap: anywhere;
}

.location-chart-legend-item small {
display: block;
font-size: 11px;
line-height: 1.3;
color: #66717c;
overflow-wrap: anywhere;
}

.location-heatmap-bars {
display: grid;
gap: 7px;
}

.location-heat-row {
display: grid;
grid-template-columns: minmax(130px, 220px) minmax(0, 1fr);
align-items: center;
gap: 10px;
}

.location-heat-meta {
min-width: 0;
}

.location-heat-meta b {
display: block;
font-size: 13px;
line-height: 1.3;
color: #25313a;
overflow-wrap: anywhere;
}

.location-heat-meta span {
display: block;
font-size: 11px;
line-height: 1.3;
color: #66717c;
margin-top: 2px;
}

.location-heat-track {
height: 11px;
border-radius: 999px;
background: #eef2f6;
overflow: hidden;
}

.location-heat-track span {
display: block;
height: 100%;
border-radius: inherit;
background: #64748b;
}

.location-heat-row.heat-1 .location-heat-track span { background: #9fb0c4; }
.location-heat-row.heat-2 .location-heat-track span { background: #6aaed6; }
.location-heat-row.heat-3 .location-heat-track span { background: #2e8fc7; }
.location-heat-row.heat-4 .location-heat-track span { background: #f09a3e; }
.location-heat-row.heat-5 .location-heat-track span { background: #d94b3d; }

@media (max-width: 720px) {
.location-heatmap-header,
.location-heat-row {
grid-template-columns: 1fr;
display: grid;
}

.location-chart-shell {
grid-template-columns: 1fr;
justify-items: center;
align-items: start;
}

.location-chart-legend {
width: 100%;
grid-template-columns: 1fr;
}

.location-donut {
width: 112px;
height: 112px;
}

.location-heatmap-header strong {
width: 100%;
}
}
  .system-log{
    border:1px dashed #d8d8d8;
    background:#fafafa;
    border-radius:10px;
  }

  .homepage-blog-links a {
    color: #4e2681;
    font-weight: 600;
    text-decoration: none;
}
.homepage-blog-links a:hover {
    text-decoration: underline;
}

.mobile-number-profile {
box-sizing: border-box;
max-width: 100%;
position: relative;
overflow: hidden;
margin: 18px 0 22px 0;
padding: 16px;
background: #ffffff;
border: 1px solid #dbe4ec;
border-radius: 8px;
box-shadow: 0 12px 28px rgba(31, 41, 55, .08);
color: #25313a;
}

.mobile-number-profile::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 4px;
background: #64748b;
}

.mobile-number-profile.is-safe::before { background: #1f9d55; }
.mobile-number-profile.is-danger::before { background: #d94b3d; }
.mobile-number-profile.is-unknown::before { background: #d89b22; }

.mobile-number-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
min-width: 0;
}

.mobile-number-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
min-width: 0;
font-size: 12px;
line-height: 1.3;
font-weight: 800;
letter-spacing: 0;
text-transform: uppercase;
color: #66717c;
overflow-wrap: anywhere;
}

.mobile-number-kicker i {
color: #2e8fc7;
font-size: 14px;
}

.mobile-number-toolbar-actions {
display: inline-flex;
align-items: center;
gap: 8px;
flex: 0 0 auto;
}

.mobile-icon-btn {
width: 38px;
height: 38px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #d9e2eb;
border-radius: 8px;
background: #fbfcfd;
color: #3d4b57;
cursor: pointer;
transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.mobile-icon-btn:hover,
.mobile-icon-btn:focus {
background: #eef6fb;
border-color: #bcd8e8;
color: #1d6f9f;
outline: none;
transform: translateY(-1px);
}

.mobile-icon-btn-danger {
color: #b43b31;
}

.mobile-icon-btn-danger:hover,
.mobile-icon-btn-danger:focus {
background: #fff2f0;
border-color: #f0b8b1;
color: #9e2f27;
}

.mobile-number-hero {
display: grid;
grid-template-columns: 62px minmax(0, 1fr);
align-items: center;
gap: 14px;
padding: 14px 0 12px 0;
min-width: 0;
}

.mobile-status-mark {
width: 62px;
height: 62px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #eef3f7;
color: #64748b;
font-size: 26px;
box-shadow: inset 0 0 0 1px rgba(31, 41, 55, .06);
}

.mobile-number-profile.is-safe .mobile-status-mark {
background: #eaf7ef;
color: #1f9d55;
}

.mobile-number-profile.is-danger .mobile-status-mark {
background: #fff0ee;
color: #d94b3d;
}

.mobile-number-profile.is-unknown .mobile-status-mark {
background: #fff7e6;
color: #d89b22;
}

.mobile-number-heading {
min-width: 0;
}

.mobile-status-pill {
display: inline-flex;
align-items: center;
gap: 7px;
max-width: 100%;
border: 1px solid #dfe7ee;
border-radius: 999px;
padding: 5px 10px;
background: #fbfcfd;
font-size: 12px;
font-weight: 800;
line-height: 1.25;
color: #3d4b57;
overflow-wrap: anywhere;
}

.mobile-number-profile.is-safe .mobile-status-pill {
border-color: #bfe7cc;
background: #f1fbf5;
color: #167544;
}

.mobile-number-profile.is-danger .mobile-status-pill {
border-color: #f1c2bd;
background: #fff5f3;
color: #a9352d;
}

.mobile-number-profile.is-unknown .mobile-status-pill {
border-color: #ecd19a;
background: #fff9ea;
color: #8a630f;
}

.mobile-number-heading h1 {
margin: 8px 0 3px 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 30px;
font-weight: 800;
line-height: 1.12;
letter-spacing: 0;
color: #1f2933;
overflow-wrap: anywhere;
}

.mobile-panel-number {
display: block;
font-size: 22px;
font-weight: 800;
line-height: 1.22;
color: #384753;
overflow-wrap: anywhere;
}

#mobilePhoneDetails.mobile-call-summary,
#phoneDetails.mobile-call-summary {
box-sizing: border-box;
max-width: 100%;
margin: 0 0 12px 0;
padding: 12px 0 0 0;
border: 0;
border-top: 1px solid #e7edf3;
border-radius: 0;
box-shadow: none;
background: transparent;
font-size: 15px;
line-height: 1.62;
color: #4e5b66;
}

#mobilePhoneDetails.mobile-call-summary p,
#phoneDetails.mobile-call-summary p {
margin: 0;
overflow-wrap: anywhere;
}

.number-prefix-range-link {
display: inline-flex;
align-items: center;
gap: 8px;
max-width: 100%;
margin-top: 10px;
padding: 9px 12px;
border: 1px solid #dbe7f3;
border-radius: 8px;
background: #f8fbff;
color: #245f98;
font-size: 13px;
font-weight: 900;
line-height: 1.35;
text-decoration: none;
}

.number-prefix-range-link:hover {
border-color: #9bbce2;
background: #eef6ff;
color: #12395f;
text-decoration: none;
}

.number-prefix-range-link span {
overflow-wrap: anywhere;
}

.mobile-metric-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
border-top: 1px solid #e7edf3;
border-bottom: 1px solid #e7edf3;
margin: 12px 0 0 0;
}

.mobile-metric {
min-width: 0;
padding: 12px 10px;
border-right: 1px solid #e7edf3;
}

.mobile-metric:last-child {
border-right: 0;
}

.mobile-metric i {
display: block;
font-size: 15px;
line-height: 1;
color: #2e8fc7;
margin-bottom: 7px;
}

.mobile-number-profile.is-safe .mobile-metric:first-child i { color: #1f9d55; }
.mobile-number-profile.is-danger .mobile-metric:first-child i { color: #d94b3d; }
.mobile-number-profile.is-unknown .mobile-metric:first-child i { color: #d89b22; }

.mobile-metric span {
display: block;
font-size: 11px;
font-weight: 800;
line-height: 1.25;
color: #6b7280;
overflow-wrap: anywhere;
}

.mobile-metric b {
display: block;
margin-top: 4px;
font-size: 14px;
font-weight: 800;
line-height: 1.25;
color: #25313a;
overflow-wrap: anywhere;
}

.mobile-metric small {
display: block;
margin-top: 3px;
font-size: 11px;
line-height: 1.25;
color: #6f7b86;
overflow-wrap: anywhere;
}

.mobile-line-sheet {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0;
margin: 12px 0 0 0;
border: 1px solid #e2e9f0;
border-radius: 8px;
overflow: hidden;
background: #fbfcfd;
}

.mobile-line-item {
display: grid;
grid-template-columns: 32px minmax(0, 1fr);
column-gap: 9px;
row-gap: 2px;
align-items: center;
min-width: 0;
padding: 11px 12px;
border-right: 1px solid #e2e9f0;
border-bottom: 1px solid #e2e9f0;
}

a.mobile-line-item,
.mobile-line-item-link {
color: inherit;
text-decoration: none;
}

.mobile-line-item-link {
position: relative;
transition: background 0.18s ease, box-shadow 0.18s ease;
}

.mobile-line-item-link:hover {
background: #f4f9ff;
box-shadow: inset 0 0 0 1px #cfe1f3;
text-decoration: none;
}

.mobile-line-item-link:hover i {
background: #e5f1ff;
color: #245f98;
}

.mobile-line-item:nth-child(2n) {
border-right: 0;
}

.mobile-line-item:nth-last-child(-n+2) {
border-bottom: 1px solid #e2e9f0;
}

.mobile-line-item:last-child,
.mobile-line-item:nth-last-child(2):nth-child(odd) {
border-bottom: 0;
}

.mobile-line-item i {
grid-row: 1 / span 2;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #eef3f7;
color: #40505d;
font-size: 14px;
}

.mobile-line-item span {
display: block;
min-width: 0;
font-size: 11px;
font-weight: 800;
line-height: 1.25;
color: #6b7280;
overflow-wrap: anywhere;
}

.mobile-line-item b {
display: block;
min-width: 0;
font-size: 14px;
font-weight: 800;
line-height: 1.3;
color: #25313a;
overflow-wrap: anywhere;
}

.mobile-tag-row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin: 12px 0 0 0;
}

.mobile-tag {
display: inline-flex;
align-items: center;
gap: 7px;
max-width: 100%;
border: 1px solid #d9e2eb;
border-radius: 999px;
background: #ffffff;
color: #3d4b57;
padding: 7px 11px;
font-size: 12px;
font-weight: 800;
line-height: 1.25;
cursor: pointer;
overflow: hidden;
}

.mobile-tag span {
min-width: 0;
overflow-wrap: anywhere;
}

.mobile-action-bar.social-actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin: 14px 0 0 0;
padding: 12px 0 0 0;
border-top: 1px solid #e7edf3;
font-size: 14px;
color: #3d4b57;
}

.mobile-action-bar .left-actions,
.mobile-action-bar .right-actions {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
}

.mobile-action-bar .left-actions {
justify-content: flex-start;
flex: 1 1 auto;
}

.mobile-action-bar .right-actions {
justify-content: flex-end;
flex: 0 0 auto;
}

.mobile-action-bar .action-item {
appearance: none;
-webkit-appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
min-width: 42px;
height: 38px;
padding: 0 12px;
border: 1px solid #d9e2eb;
border-radius: 8px;
background: #fbfcfd;
color: #3d4b57;
font-size: 13px;
font-weight: 800;
line-height: 1;
cursor: pointer;
box-shadow: none;
transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.mobile-action-bar .action-item i {
font-size: 14px;
line-height: 1;
}

.mobile-action-bar .action-item:hover,
.mobile-action-bar .action-item:focus {
background: #eef6fb;
border-color: #bcd8e8;
color: #1d6f9f;
outline: none;
transform: translateY(-1px);
box-shadow: none;
}

.mobile-action-bar .action-item:hover .icon {
transform: none;
}

.moderator-note-card {
box-sizing: border-box;
max-width: 100%;
display: grid;
grid-template-columns: 58px minmax(0, 1fr);
gap: 14px;
align-items: start;
position: relative;
overflow: hidden;
margin: 22px 0 20px 0;
padding: 17px;
border: 1px solid #d9e5ef;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 14px 30px rgba(31, 41, 55, .08);
color: #25313a;
}

.moderator-note-card::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 4px;
background: #1f9d55;
}

.moderator-note-icon {
width: 58px;
height: 58px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #eefaf2;
color: #167544;
font-size: 24px;
box-shadow: inset 0 0 0 1px rgba(31, 157, 85, .12);
}

.moderator-note-content {
min-width: 0;
}

.moderator-note-topline {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
min-width: 0;
margin: 0 0 8px 0;
}

.moderator-note-badge,
.moderator-note-date {
display: inline-flex;
align-items: center;
gap: 7px;
max-width: 100%;
border: 1px solid #dce7ef;
border-radius: 999px;
background: #fbfcfd;
padding: 5px 9px;
font-size: 12px;
font-weight: 800;
line-height: 1.25;
color: #4e5b66;
text-decoration: none;
overflow-wrap: anywhere;
}

.moderator-note-badge {
border-color: #bfe7cc;
background: #f1fbf5;
color: #167544;
}

.moderator-note-badge:hover,
.moderator-note-badge:focus {
color: #0f5d35;
text-decoration: none;
background: #e4f7eb;
outline: none;
}

.moderator-note-date i {
color: #2e8fc7;
}

.moderator-note-card h2 {
margin: 0 0 10px 0;
border: 0;
padding: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 22px;
font-weight: 850;
line-height: 1.2;
letter-spacing: 0;
color: #1f2933;
overflow-wrap: anywhere;
}

.moderator-note-body {
font-size: 15px;
line-height: 1.68;
color: #34424e;
overflow-wrap: anywhere;
}

.moderator-note-body p {
margin: 0 0 10px 0;
}

.moderator-note-body p:last-child {
margin-bottom: 0;
}

.moderator-note-body ul,
.moderator-note-body ol {
margin: 10px 0 10px 20px;
padding: 0;
}

.moderator-note-body li {
margin: 6px 0;
}

.call-info-container {
box-sizing: border-box;
max-width: 100%;
display: grid;
grid-template-columns: 58px minmax(0, 1fr);
gap: 14px;
align-items: start;
position: relative;
overflow: hidden;
margin: 22px 0 20px 0;
padding: 17px;
border: 1px solid #d9e5ef;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 14px 30px rgba(31, 41, 55, .08);
color: #25313a;
text-align: left;
}

.call-info-container::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 4px;
background: #2e8fc7;
}

.call-info-icon {
width: 58px;
height: 58px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #eef7fb;
color: #1d6f9f;
font-size: 23px;
box-shadow: inset 0 0 0 1px rgba(46, 143, 199, .12);
}

.call-info-content {
min-width: 0;
}

.call-info-topline {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
margin: 0 0 8px 0;
min-width: 0;
}

.call-info-badge {
display: inline-flex;
align-items: center;
gap: 7px;
max-width: 100%;
border: 1px solid #c9e0ef;
border-radius: 999px;
background: #f1f8fc;
padding: 5px 9px;
font-size: 12px;
font-weight: 850;
line-height: 1.25;
color: #1d6f9f;
overflow-wrap: anywhere;
}

.call-info-container h2 {
margin: 0 0 10px 0;
border: 0;
padding: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 22px;
font-weight: 850;
line-height: 1.2;
letter-spacing: 0;
color: #1f2933;
overflow-wrap: anywhere;
}

.call-info-container .call-time-text {
display: inline-flex;
align-items: center;
gap: 9px;
max-width: 100%;
margin: 0;
padding: 10px 12px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #fbfcfd;
box-shadow: none;
font-size: 15px;
font-weight: 800;
line-height: 1.35;
text-transform: none;
color: #34424e;
text-decoration: none;
overflow-wrap: anywhere;
transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.call-info-container .call-time-text i {
color: #2e8fc7;
flex: 0 0 auto;
}

.call-info-container .call-time-text span {
min-width: 0;
overflow-wrap: anywhere;
}

.call-info-container .call-time-text:hover,
.call-info-container .call-time-text:focus {
background: #eef7fb;
border-color: #bcd8e8;
color: #1d6f9f;
text-decoration: none;
outline: none;
transform: translateY(-1px);
}

.signal-table-card.table-box {
box-sizing: border-box;
max-width: 100%;
position: relative;
overflow: hidden;
margin: 22px 0 22px 0;
padding: 17px;
border: 1px solid #d9e5ef;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 14px 30px rgba(31, 41, 55, .08);
color: #25313a;
}

.signal-table-card::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 4px;
background: #596b7a;
}

.signal-table-header {
display: grid;
grid-template-columns: 58px minmax(0, 1fr);
gap: 14px;
align-items: start;
min-width: 0;
margin: 0 0 14px 0;
}

.signal-table-icon {
width: 58px;
height: 58px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #f0f4f7;
color: #40505d;
font-size: 23px;
box-shadow: inset 0 0 0 1px rgba(64, 80, 93, .10);
}

.signal-table-heading {
min-width: 0;
}

.signal-table-badge {
display: inline-flex;
align-items: center;
gap: 7px;
max-width: 100%;
border: 1px solid #dce7ef;
border-radius: 999px;
background: #fbfcfd;
padding: 5px 9px;
font-size: 12px;
font-weight: 850;
line-height: 1.25;
color: #53606b;
overflow-wrap: anywhere;
}

.signal-table-badge i {
color: #2e8fc7;
}

.signal-table-heading h2,
.signal-svg-heading h2 {
margin: 7px 0 0 0;
border: 0;
padding: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 22px;
font-weight: 850;
line-height: 1.2;
letter-spacing: 0;
color: #1f2933;
overflow-wrap: anywhere;
}

.signal-table-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
align-items: start;
min-width: 0;
}

.signal-table-card .table-container.signal-table-panel {
box-sizing: border-box;
float: none;
width: 100%;
min-width: 0;
margin: 0;
padding: 0;
border: 1px solid #e2e9f0;
border-radius: 8px;
background: #fbfcfd;
overflow: hidden;
}

.signal-table-card .signal-table {
width: 100%;
margin: 0;
border: 0;
border-collapse: separate;
border-spacing: 0;
box-shadow: none;
background: #ffffff;
table-layout: fixed;
}

.signal-table-card .signal-table th {
border: 0;
background: #f4f7fa;
color: #25313a;
padding: 11px 12px;
font-size: 13px;
font-weight: 850;
line-height: 1.25;
text-align: left;
}

.signal-table-card .signal-table td {
border: 0;
border-top: 1px solid #e6edf3;
padding: 10px 12px;
font-size: 14px;
line-height: 1.35;
color: #34424e;
overflow-wrap: anywhere;
}

.signal-table-card .signal-table tr:nth-child(even),
.signal-table-card .signal-table tbody tr:nth-child(even) {
background: #fbfcfd;
}

.signal-table-card .signal-table tr:hover,
.signal-table-card .signal-table tbody tr:hover {
background: #eef7fb;
}

.signal-toggle-button.toggle-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
min-height: 38px;
margin: 10px 12px 12px 12px;
border: 1px solid #c9e0ef;
border-radius: 8px;
background: #f1f8fc;
color: #1d6f9f;
padding: 8px 12px;
font-size: 13px;
font-weight: 850;
line-height: 1.15;
box-shadow: none;
transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.signal-toggle-button.toggle-button:hover,
.signal-toggle-button.toggle-button:focus {
background: #e4f2f9;
border-color: #a9ccdf;
color: #155978;
outline: none;
transform: translateY(-1px);
}

.signal-svg-preview.svg-wrapper {
box-sizing: border-box;
max-width: 100%;
margin: 14px 0 0 0;
padding: 13px;
border: 1px solid #e2e9f0;
border-radius: 8px;
background: #fbfcfd;
cursor: pointer;
overflow: hidden;
transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.signal-svg-preview.svg-wrapper:hover,
.signal-svg-preview.svg-wrapper:focus {
background: #eef7fb;
border-color: #bcd8e8;
outline: none;
transform: translateY(-1px);
}

.signal-svg-heading {
display: flex;
align-items: center;
gap: 9px;
margin: 0 0 10px 0;
min-width: 0;
}

.signal-svg-heading i {
width: 34px;
height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #ffffff;
color: #2e8fc7;
box-shadow: inset 0 0 0 1px rgba(46, 143, 199, .12);
flex: 0 0 auto;
}

.signal-svg-heading h2 {
margin: 0;
font-size: 18px;
}

.signal-svg-preview img {
display: block;
width: 50%;
height: auto;
border-radius: 6px;
background: #ffffff;
}

.detail-cta-card#phoneDetails {
box-sizing: border-box;
max-width: 100%;
display: grid;
grid-template-columns: 58px minmax(0, 1fr);
gap: 14px;
align-items: start;
position: relative;
overflow: hidden;
margin: 22px 0 20px 0;
padding: 17px;
border: 1px solid #d9e5ef;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 14px 30px rgba(31, 41, 55, .08);
color: #25313a;
}

.detail-cta-card::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 4px;
background: #1f9d55;
}

.detail-cta-icon {
width: 58px;
height: 58px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #eefaf2;
color: #167544;
font-size: 22px;
box-shadow: inset 0 0 0 1px rgba(31, 157, 85, .12);
}

.detail-cta-content {
min-width: 0;
}

.detail-cta-badge {
display: inline-flex;
align-items: center;
gap: 7px;
max-width: 100%;
border: 1px solid #bfe7cc;
border-radius: 999px;
background: #f1fbf5;
padding: 5px 9px;
font-size: 12px;
font-weight: 850;
line-height: 1.25;
color: #167544;
overflow-wrap: anywhere;
}

.detail-cta-card h3 {
margin: 8px 0 8px 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 22px;
font-weight: 850;
line-height: 1.2;
letter-spacing: 0;
color: #1f2933;
overflow-wrap: anywhere;
}

.detail-cta-body {
font-size: 15px;
line-height: 1.68;
color: #34424e;
overflow-wrap: anywhere;
}

.detail-cta-body p {
margin: 0 0 10px 0;
}

.detail-cta-body p:last-child {
margin-bottom: 0;
}

.feedback-shell.alert.alert-main,
.vote-shell.alert.alert-main {
box-sizing: border-box;
max-width: 100%;
display: block;
position: relative;
overflow: hidden;
margin: 22px 0 20px 0;
padding: 17px;
border: 1px solid #d9e5ef;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 14px 30px rgba(31, 41, 55, .08);
color: #25313a;
}

.feedback-shell::before,
.vote-shell::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 4px;
background: #2e8fc7;
}

.vote-shell::before {
background: #596b7a;
}

.feedback-kicker,
.vote-shell-badge {
display: inline-flex;
align-items: center;
gap: 7px;
max-width: 100%;
border: 1px solid #c9e0ef;
border-radius: 999px;
background: #f1f8fc;
padding: 5px 9px;
font-size: 12px;
font-weight: 850;
line-height: 1.25;
color: #1d6f9f;
overflow-wrap: anywhere;
}

.feedback-shell h3,
.vote-shell h3 {
margin: 9px 0 8px 0;
border: 0;
padding: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 22px;
font-weight: 850;
line-height: 1.2;
letter-spacing: 0;
color: #1f2933;
overflow-wrap: anywhere;
}

.feedback-shell p,
.vote-shell p {
font-size: 15px;
line-height: 1.62;
color: #4e5b66;
margin: 0 0 12px 0;
overflow-wrap: anywhere;
}

.feedback-choice-actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 9px;
margin: 13px 0 0 0;
}

.feedback-choice-btn,
.feedback-submit-btn,
.vote-action {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 40px;
border-radius: 8px;
padding: 9px 13px;
font-size: 13px;
font-weight: 850;
line-height: 1.15;
box-shadow: none;
transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.feedback-choice-btn:hover,
.feedback-choice-btn:focus,
.feedback-submit-btn:hover,
.feedback-submit-btn:focus,
.vote-action:hover,
.vote-action:focus {
outline: none;
transform: translateY(-1px);
}

.feedback-shell #feedback_form_user {
margin-top: 14px;
border-top: 1px solid #e7edf3;
}

.feedback-shell #feedback_form_user.visible {
padding-top: 14px;
}

.feedback-shell .mb-12,
.feedback-shell .commentinpt {
margin: 0 0 12px 0;
padding: 0;
}

.feedback-shell label,
.feedback-shell .checkbox-container label {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 800;
line-height: 1.35;
color: #34424e;
margin-bottom: 6px;
}

.feedback-shell .optional-text {
font-weight: 700;
color: #6b7280;
}

.feedback-shell .form_input,
.feedback-shell input[type="text"],
.feedback-shell textarea.form-control {
box-sizing: border-box;
width: 100%;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #fbfcfd;
padding: 10px 12px;
font-size: 14px;
line-height: 1.4;
color: #25313a;
box-shadow: none;
outline: none;
transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.feedback-shell .form_input:focus,
.feedback-shell input[type="text"]:focus,
.feedback-shell textarea.form-control:focus {
border-color: #9fc9df;
background: #ffffff;
box-shadow: 0 0 0 3px rgba(46, 143, 199, .12);
}

.feedback-shell textarea.form-control {
min-height: 120px;
resize: vertical;
}

.feedback-shell .checkbox-container {
display: flex;
align-items: flex-start;
gap: 8px;
margin: 4px 0 10px 0;
}

.feedback-shell .checkbox-container input {
margin-top: 3px;
flex: 0 0 auto;
}

.feedback-submit-btn.btn-info {
border: 1px solid #c9e0ef;
background: #f1f8fc;
color: #1d6f9f;
}

.feedback-submit-btn.btn-info:hover,
.feedback-submit-btn.btn-info:focus {
background: #e4f2f9;
border-color: #a9ccdf;
color: #155978;
}

.vote-shell-header {
display: grid;
grid-template-columns: 52px minmax(0, 1fr);
gap: 12px;
align-items: start;
margin-bottom: 12px;
}

.vote-shell-icon {
width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #f0f4f7;
color: #40505d;
font-size: 22px;
box-shadow: inset 0 0 0 1px rgba(64, 80, 93, .10);
}

.vote-shell .safe-body {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 9px;
padding: 0;
}

.vote-action.btn-success {
border: 1px solid #bfe7cc;
background: #eefaf2;
color: #167544;
}

.vote-action.btn-danger {
border: 1px solid #f0b8b1;
background: #fff2f0;
color: #9e2f27;
}

.vote-action.btn-info {
border: 1px solid #ecd19a;
background: #fff8e8;
color: #7b5a10;
}

.vote-action b {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 22px;
height: 22px;
border-radius: 999px;
background: rgba(255, 255, 255, .78);
font-size: 12px;
line-height: 1;
}

.vote-action > i,
.feedback-submit-btn > i,
.reply-submit-btn > i {
flex: 0 0 auto;
font-size: 14px;
line-height: 1;
}

.vote-action > span,
.reply-submit-btn > span {
min-width: 0;
overflow-wrap: anywhere;
}

.reply-submit-row {
display: flex;
justify-content: flex-end;
width: 100%;
margin-top: 10px;
}

.reply-submit-btn.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 40px;
border-radius: 8px;
padding: 9px 14px;
font-size: 13px;
font-weight: 850;
line-height: 1.15;
}

.vote-shell .trust-score {
display: inline-flex;
align-items: center;
gap: 7px;
max-width: 100%;
margin-top: 12px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #fbfcfd;
padding: 8px 10px;
font-size: 13px;
font-weight: 800;
line-height: 1.3;
color: #34424e;
overflow-wrap: anywhere;
}

.vote-shell #add,
.feedback-shell #addComment {
margin-top: 10px;
font-size: 13px;
line-height: 1.4;
}

.ai-answer-card {
box-sizing: border-box;
max-width: 100%;
position: relative;
overflow: hidden;
margin: 24px 0 22px 0;
padding: 18px;
border: 1px solid #d9e5ef;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 14px 30px rgba(31, 41, 55, .08);
color: #25313a;
}

.ai-answer-card::before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
height: 4px;
background: #2e8fc7;
}

.ai-answer-header {
display: grid;
grid-template-columns: 58px minmax(0, 1fr);
gap: 14px;
align-items: start;
min-width: 0;
}

.ai-answer-mark {
width: 58px;
height: 58px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #eef7fb;
color: #1d6f9f;
font-size: 24px;
box-shadow: inset 0 0 0 1px rgba(46, 143, 199, .10);
}

.ai-answer-heading {
min-width: 0;
}

.ai-answer-kicker {
display: inline-flex;
align-items: center;
gap: 7px;
max-width: 100%;
font-size: 12px;
font-weight: 800;
line-height: 1.3;
letter-spacing: 0;
text-transform: uppercase;
color: #64748b;
overflow-wrap: anywhere;
}

.ai-answer-kicker i {
color: #1f9d55;
}

.ai-answer-heading h2 {
margin: 5px 0 8px 0;
border: 0;
padding: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 24px;
font-weight: 850;
line-height: 1.2;
letter-spacing: 0;
color: #1f2933;
overflow-wrap: anywhere;
}

.ai-answer-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 7px;
min-width: 0;
}

.ai-answer-meta span {
display: inline-flex;
align-items: center;
gap: 6px;
max-width: 100%;
border: 1px solid #dce7ef;
border-radius: 999px;
background: #fbfcfd;
padding: 5px 9px;
font-size: 12px;
font-weight: 700;
line-height: 1.25;
color: #4e5b66;
overflow-wrap: anywhere;
}

.ai-answer-meta i {
color: #2e8fc7;
}

.ai-answer-meta b {
font-weight: 850;
color: #25313a;
}

.ai-answer-body {
margin: 16px 0 0 0;
padding: 15px 0 0 0;
border-top: 1px solid #e7edf3;
font-size: 15px;
line-height: 1.68;
color: #34424e;
overflow-wrap: anywhere;
}

.ai-answer-body h1,
.ai-answer-body h2,
.ai-answer-body h3 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
letter-spacing: 0;
line-height: 1.25;
color: #1f2933;
border: 0;
padding: 0;
margin: 14px 0 8px 0;
}

.ai-answer-body h1 { font-size: 21px; }
.ai-answer-body h2 { font-size: 19px; }
.ai-answer-body h3 { font-size: 17px; }

.ai-answer-body p {
margin: 0 0 11px 0;
}

.ai-answer-body ul,
.ai-answer-body ol {
margin: 10px 0 10px 20px;
padding: 0;
}

.ai-answer-body li {
margin: 6px 0;
}

.ai-answer-card .ai-feedback.ai-answer-feedback {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
flex-wrap: wrap;
margin: 16px 0 0 0;
padding: 13px 0 0 0;
border-top: 1px solid #e7edf3;
background: transparent;
border-radius: 0;
font-size: 14px;
}

.ai-feedback-copy {
display: grid;
gap: 4px;
min-width: 0;
}

.ai-feedback-copy strong {
display: block;
font-size: 14px;
line-height: 1.3;
color: #25313a;
overflow-wrap: anywhere;
}

.ai-feedback-copy small {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 12px;
line-height: 1.3;
color: #6b7280;
overflow-wrap: anywhere;
}

.ai-feedback-copy i {
color: #1f9d55;
}

.ai-answer-card .ai-button-group.ai-answer-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
flex-wrap: wrap;
}

.ai-answer-card .ai-btn.ai-answer-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
min-height: 38px;
border-radius: 8px;
padding: 8px 12px;
font-size: 13px;
font-weight: 850;
line-height: 1.15;
cursor: pointer;
transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.ai-answer-card .ai-btn.ai-answer-btn b {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 22px;
height: 22px;
border-radius: 999px;
background: rgba(255, 255, 255, .75);
font-size: 12px;
line-height: 1;
}

.ai-answer-card .ai-btn.ai-yes {
background: #eefaf2;
border: 1px solid #bfe7cc;
color: #167544;
}

.ai-answer-card .ai-btn.ai-no {
background: #fff8e8;
border: 1px solid #ecd19a;
color: #7b5a10;
}

.ai-answer-card .ai-btn.ai-report {
background: #fff2f0;
border: 1px solid #f0b8b1;
color: #9e2f27;
margin-left: 0;
}

.ai-answer-card .ai-btn.ai-answer-btn:hover,
.ai-answer-card .ai-btn.ai-answer-btn:focus {
outline: none;
transform: translateY(-1px);
}

.ai-answer-card .ai-btn.ai-yes:hover,
.ai-answer-card .ai-btn.ai-yes:focus {
background: #dff5e7;
border-color: #92d6a8;
}

.ai-answer-card .ai-btn.ai-no:hover,
.ai-answer-card .ai-btn.ai-no:focus {
background: #fff0c8;
border-color: #dfbf73;
}

.ai-answer-card .ai-btn.ai-report:hover,
.ai-answer-card .ai-btn.ai-report:focus {
background: #ffe4e0;
border-color: #e79e96;
}

.ai-feedback-status {
display: block;
width: 100%;
font-size: 13px;
line-height: 1.4;
color: #53606b;
}

@media (max-width: 780px) {
.detail-primary-ad {
display: none;
}

.mobile-number-profile {
margin: 14px 0 18px 0;
padding: 14px;
}

.mobile-metric-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mobile-metric:nth-child(2n) {
border-right: 0;
}

.mobile-metric:nth-child(-n+2) {
border-bottom: 1px solid #e7edf3;
}

.mobile-line-sheet {
grid-template-columns: 1fr;
}

.mobile-line-item,
.mobile-line-item:nth-child(2n) {
border-right: 0;
}

.mobile-line-item:nth-last-child(-n+2) {
border-bottom: 1px solid #e2e9f0;
}

.mobile-line-item:last-child {
border-bottom: 0;
}

.ai-answer-card {
padding: 15px;
}

.moderator-note-card {
grid-template-columns: 50px minmax(0, 1fr);
gap: 11px;
padding: 15px;
}

.call-info-container {
grid-template-columns: 50px minmax(0, 1fr);
gap: 11px;
padding: 15px;
}

.signal-table-card.table-box {
padding: 15px;
}

.detail-cta-card#phoneDetails,
.feedback-shell.alert.alert-main,
.vote-shell.alert.alert-main {
padding: 15px;
}

.detail-cta-card#phoneDetails {
grid-template-columns: 50px minmax(0, 1fr);
gap: 11px;
}

.signal-table-header {
grid-template-columns: 50px minmax(0, 1fr);
gap: 11px;
}

.moderator-note-icon {
width: 50px;
height: 50px;
font-size: 21px;
}

.call-info-icon {
width: 50px;
height: 50px;
font-size: 20px;
}

.signal-table-icon {
width: 50px;
height: 50px;
font-size: 20px;
}

.detail-cta-icon {
width: 50px;
height: 50px;
font-size: 20px;
}

.vote-shell-header {
grid-template-columns: 50px minmax(0, 1fr);
}

.vote-shell-icon {
width: 50px;
height: 50px;
font-size: 20px;
}

.vote-shell .safe-body {
grid-template-columns: 1fr;
}

.signal-table-grid {
grid-template-columns: 1fr;
}

.ai-answer-card .ai-feedback.ai-answer-feedback {
align-items: stretch;
}

.ai-answer-card .ai-button-group.ai-answer-actions {
width: 100%;
justify-content: flex-start;
}
}

@media (max-width: 520px) {
.mobile-number-toolbar {
align-items: flex-start;
}

.mobile-number-hero {
grid-template-columns: 50px minmax(0, 1fr);
gap: 11px;
padding: 12px 0 10px 0;
}

.mobile-status-mark {
width: 50px;
height: 50px;
font-size: 22px;
}

.mobile-number-heading h1 {
font-size: 22px;
line-height: 1.18;
}

.mobile-panel-number {
font-size: 20px;
}

.mobile-status-pill {
font-size: 11px;
padding: 5px 9px;
}

.mobile-metric {
padding: 11px 9px;
}

.mobile-action-bar.social-actions {
align-items: stretch;
}

.mobile-action-bar .left-actions,
.mobile-action-bar .right-actions {
flex: 1 1 0;
gap: 6px;
}

.mobile-action-bar .right-actions {
justify-content: flex-end;
}

.mobile-action-bar .action-item {
min-width: 0;
width: 100%;
padding: 0 9px;
}

.ai-answer-header {
grid-template-columns: 48px minmax(0, 1fr);
gap: 11px;
}

.ai-answer-mark {
width: 48px;
height: 48px;
font-size: 20px;
}

.ai-answer-heading h2 {
font-size: 20px;
}

.ai-answer-meta span {
width: 100%;
border-radius: 8px;
}

.ai-answer-card .ai-button-group.ai-answer-actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ai-answer-card .ai-btn.ai-report {
grid-column: 1 / -1;
}

.ai-answer-card .ai-btn.ai-answer-btn {
width: 100%;
padding: 8px 10px;
}

.moderator-note-card {
grid-template-columns: 1fr;
}

.call-info-container {
grid-template-columns: 1fr;
}

.signal-table-header {
grid-template-columns: 1fr;
}

.detail-cta-card#phoneDetails,
.vote-shell-header {
grid-template-columns: 1fr;
}

.moderator-note-icon {
width: 44px;
height: 44px;
font-size: 19px;
}

.call-info-icon {
width: 44px;
height: 44px;
font-size: 18px;
}

.signal-table-icon {
width: 44px;
height: 44px;
font-size: 18px;
}

.detail-cta-icon,
.vote-shell-icon {
width: 44px;
height: 44px;
font-size: 18px;
}

.moderator-note-topline {
align-items: stretch;
}

.moderator-note-badge,
.moderator-note-date {
width: 100%;
border-radius: 8px;
}

.moderator-note-card h2 {
font-size: 20px;
}

.call-info-container h2 {
font-size: 20px;
}

.call-info-container .call-time-text,
.call-info-badge {
width: 100%;
}

.signal-table-badge {
width: 100%;
border-radius: 8px;
}

.signal-table-heading h2 {
font-size: 20px;
}

.signal-toggle-button.toggle-button {
width: calc(100% - 24px);
}

.detail-cta-card h3,
.feedback-shell h3,
.vote-shell h3 {
font-size: 20px;
}

.detail-cta-badge,
.feedback-kicker,
.vote-shell-badge {
width: 100%;
border-radius: 8px;
}

.feedback-choice-actions {
display: grid;
grid-template-columns: 1fr;
}

.feedback-choice-btn,
.feedback-submit-btn,
.vote-action {
width: 100%;
}

.vote-shell .trust-score {
width: 100%;
}
}

.main-container .wrapper .comments-section-header.comments-info {
display: grid;
grid-template-columns: 54px minmax(0, 1fr);
gap: 14px;
align-items: center;
width: 100%;
margin: 18px 0 14px;
padding: 16px;
background: linear-gradient(135deg, #ffffff 0%, #f7fafc 100%);
border: 1px solid #dce6ee;
border-radius: 8px;
box-shadow: 0 12px 28px rgba(25, 43, 57, .08);
color: #1f2d38;
float: none;
}

.main-container .wrapper .comments-section-icon {
width: 54px;
height: 54px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #253544;
color: #ffffff;
font-size: 22px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

.main-container .wrapper .comments-section-copy {
min-width: 0;
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}

.main-container .wrapper .comments-section-copy h2 {
width: 100%;
margin: 2px 0 0;
font-size: 22px;
line-height: 1.2;
font-weight: 800;
letter-spacing: 0;
color: #182630;
}

.main-container .wrapper .comments-section-badge,
.main-container .wrapper .comments-section-count {
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 30px;
padding: 6px 10px;
border: 1px solid #d8e3ec;
border-radius: 999px;
background: #ffffff;
font-size: 12px;
line-height: 1;
font-weight: 750;
color: #40505d;
}

.main-container .wrapper .comments-section-count {
background: #edf5f8;
border-color: #cfe0e8;
color: #203646;
}

.main-container .wrapper .comment.comment-main,
.main-container .wrapper .comment.reply-comment-main {
width: 100%;
float: none;
margin: 0 0 14px;
padding: 0;
overflow: hidden;
background: #ffffff;
border: 1px solid #dbe5ed;
border-radius: 8px;
box-shadow: 0 10px 24px rgba(30, 47, 61, .07);
color: #24323d;
}

.main-container .wrapper .comment.comment-main.system-log {
border-color: #cfdde8;
box-shadow: 0 12px 26px rgba(34, 53, 69, .08);
}

.main-container .wrapper .comment.comment-main.system-log:before {
content: "";
display: block;
height: 4px;
background: linear-gradient(90deg, #263746, #5d7689);
}

.main-container .wrapper .comment.comment-main .comment-container,
.main-container .wrapper .comment.reply-comment-main .reply-comment-container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
width: 100%;
min-height: 54px;
margin: 0;
padding: 13px 15px;
background: #fbfcfd;
border-bottom: 1px solid #e5edf3;
float: none;
}

.main-container .wrapper .comment.comment-main .name,
.main-container .wrapper .comment.reply-comment-main .name {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
min-width: 0;
margin: 0;
float: none;
font-size: 14px;
line-height: 1.35;
font-weight: 700;
color: #1f2d38;
}

.main-container .wrapper .comment.comment-main .name b,
.main-container .wrapper .comment.reply-comment-main .name b {
font-weight: 800;
}

.main-container .wrapper .comment.comment-main .Reported,
.main-container .wrapper .comment.reply-comment-main .Reported,
.main-container .wrapper .comment.comment-main .system-badge .Reported {
display: inline-flex;
align-items: center;
min-height: 26px;
max-width: 100%;
padding: 5px 8px;
border: 1px solid #d8e4ed;
border-radius: 999px;
background: #eef5f8;
color: #314555;
font-size: 12px;
line-height: 1;
white-space: normal;
}

.main-container .wrapper .comment.comment-main .system-badge {
display: inline-flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}

.main-container .wrapper .comment.comment-main .system-badge > b:first-child {
display: inline-flex;
align-items: center;
gap: 7px;
color: #1d2e3b;
}

.main-container .wrapper .comment.comment-main .datetime,
.main-container .wrapper .comment.reply-comment-main .datetime {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 30px;
max-width: 100%;
margin: 0;
padding: 6px 9px;
border: 1px solid #dce6ee;
border-radius: 999px;
background: #ffffff;
color: #596a76;
font-size: 12px;
line-height: 1;
font-weight: 700;
text-decoration: none;
float: none;
white-space: nowrap;
}

.main-container .wrapper .comment.comment-main .panel-body,
.main-container .wrapper .comment.reply-comment-main .panel-body {
padding: 14px 15px 15px;
background: #ffffff;
}

.main-container .wrapper .comment.comment-main .content,
.main-container .wrapper .comment.reply-comment-main .content {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
width: 100%;
min-width: 0;
color: #34434f;
font-size: 15px;
line-height: 1.62;
}

.main-container .wrapper .comment.comment-main .content [itemprop="reviewBody"],
.main-container .wrapper .comment.reply-comment-main .content p[itemprop="text"],
.main-container .wrapper .comment.comment-main.system-log .content > p {
width: 100%;
min-width: 0;
}

.main-container .wrapper .comment.comment-main .content p,
.main-container .wrapper .comment.reply-comment-main .content p {
margin: 0 0 10px;
color: #34434f;
font-size: 15px;
line-height: 1.62;
word-break: break-word;
}

.main-container .wrapper .comment.comment-main .reply_comment_count,
.main-container .wrapper .comment.comment-main .delete,
.main-container .wrapper .comment.comment-main .reply,
.main-container .wrapper .comment.comment-main .like-count,
.main-container .wrapper .comment.reply-comment-main .delete,
.main-container .wrapper .comment.reply-comment-main .like-count {
display: inline-flex;
align-items: center;
gap: 8px;
width: auto;
height: auto;
margin: 0;
padding: 0;
float: none;
position: static;
}

.main-container .wrapper .comment.comment-main .reply_comment_count a,
.main-container .wrapper .comment.comment-main .delete a,
.main-container .wrapper .comment.comment-main .reply a,
.main-container .wrapper .comment.comment-main .like-count a,
.main-container .wrapper .comment.reply-comment-main .delete a,
.main-container .wrapper .comment.reply-comment-main .like-count a {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
min-width: 36px;
min-height: 34px;
padding: 7px 10px;
border: 1px solid #d9e4ec;
border-radius: 999px;
background: #f8fbfc;
color: #334756;
font-size: 12px;
line-height: 1;
font-weight: 800;
text-decoration: none;
transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.main-container .wrapper .comment.comment-main .reply_comment_count a:hover,
.main-container .wrapper .comment.comment-main .delete a:hover,
.main-container .wrapper .comment.comment-main .reply a:hover,
.main-container .wrapper .comment.comment-main .like-count a:hover,
.main-container .wrapper .comment.reply-comment-main .delete a:hover,
.main-container .wrapper .comment.reply-comment-main .like-count a:hover {
background: #253544;
border-color: #253544;
color: #ffffff;
transform: translateY(-1px);
}

.main-container .wrapper .comment.comment-main .like-count,
.main-container .wrapper .comment.reply-comment-main .like-count {
margin-left: auto;
}

.main-container .wrapper .comment.comment-main .system-hint {
width: 100%;
margin-top: 2px !important;
padding: 9px 10px;
border: 1px solid #e1e9ef;
border-radius: 8px;
background: #f8fbfc;
color: #64727d;
font-size: 12px !important;
line-height: 1.45;
opacity: 1 !important;
}

.main-container .wrapper .subcomments {
width: auto;
margin: 0 15px 15px;
padding: 0;
border: 1px solid #dfe8ef;
border-radius: 8px;
background: #fbfcfd;
box-shadow: none;
float: none;
}

.main-container .wrapper .subcomments .subcomment {
padding: 14px;
}

.main-container .wrapper .subcomments h4 {
margin: 0 0 12px;
font-size: 16px;
line-height: 1.3;
color: #1f2d38;
}

.main-container .wrapper .subcomments label {
font-size: 12px;
font-weight: 800;
color: #40515f;
}

.main-container .wrapper .subcomments input,
.main-container .wrapper .subcomments textarea {
width: 100% !important;
border: 1px solid #d5e1eb;
border-radius: 8px;
background: #ffffff;
padding: 10px 11px;
box-shadow: none;
color: #273844;
}

.main-container .wrapper .subcomments .btn {
border-radius: 8px;
font-weight: 800;
}

.main-container .wrapper [id^="reply-comments-"] {
padding: 0 15px 1px;
}

.main-container .wrapper .comment.reply-comment-main {
margin: 0 0 12px;
background: #fcfdfd;
box-shadow: none;
}

.main-container .wrapper .comment.reply-comment-main .reply-comment-container {
background: #f7fafb;
}

.main-container .wrapper .comment.reply-comment-main .panel-body {
background: #fcfdfd;
}

.main-container .wrapper .comment.comment-main + hr,
.main-container .wrapper div[itemscope] + hr {
display: none;
}

@media (max-width: 780px) {
.main-container .wrapper .comments-section-header.comments-info {
grid-template-columns: 46px minmax(0, 1fr);
gap: 12px;
padding: 13px;
}

.main-container .wrapper .comments-section-icon {
width: 46px;
height: 46px;
font-size: 19px;
}

.main-container .wrapper .comments-section-copy h2 {
font-size: 20px;
}

.main-container .wrapper .comment.comment-main .comment-container,
.main-container .wrapper .comment.reply-comment-main .reply-comment-container {
align-items: flex-start;
flex-direction: column;
gap: 9px;
padding: 12px;
}

.main-container .wrapper .comment.comment-main .datetime,
.main-container .wrapper .comment.reply-comment-main .datetime {
white-space: normal;
}

.main-container .wrapper .comment.comment-main .panel-body,
.main-container .wrapper .comment.reply-comment-main .panel-body {
padding: 12px;
}

.main-container .wrapper .comment.comment-main .like-count,
.main-container .wrapper .comment.reply-comment-main .like-count {
margin-left: 0;
width: 100%;
}

.main-container .wrapper .comment.comment-main .like-count a,
.main-container .wrapper .comment.reply-comment-main .like-count a {
flex: 1 1 0;
}

.main-container .wrapper .subcomments,
.main-container .wrapper [id^="reply-comments-"] {
margin-left: 12px;
margin-right: 12px;
padding-left: 0;
padding-right: 0;
}
}

@media (max-width: 520px) {
.main-container .wrapper .comments-section-copy {
align-items: flex-start;
}

.main-container .wrapper .comments-section-badge,
.main-container .wrapper .comments-section-count {
width: 100%;
border-radius: 8px;
}

.main-container .wrapper .comment.comment-main .reply_comment_count,
.main-container .wrapper .comment.comment-main .delete,
.main-container .wrapper .comment.comment-main .reply {
flex: 1 1 auto;
}

.main-container .wrapper .comment.comment-main .reply_comment_count a,
.main-container .wrapper .comment.comment-main .delete a,
.main-container .wrapper .comment.comment-main .reply a {
width: 100%;
}
}

.main-container .wrapper .ai-related.ai-related-card {
width: 100%;
margin: 18px 0 18px;
padding: 16px;
background: linear-gradient(135deg, #ffffff 0%, #f7fafc 100%);
border: 1px solid #dce6ee;
border-radius: 8px;
box-shadow: 0 12px 28px rgba(25, 43, 57, .08);
color: #1f2d38;
}

.main-container .wrapper .ai-related-header {
display: grid;
grid-template-columns: 52px minmax(0, 1fr);
gap: 13px;
align-items: center;
margin-bottom: 14px;
}

.main-container .wrapper .ai-related-icon {
width: 52px;
height: 52px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #253544;
color: #ffffff;
font-size: 21px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

.main-container .wrapper .ai-related-heading {
min-width: 0;
}

.main-container .wrapper .ai-related-heading > span {
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 30px;
padding: 6px 10px;
border: 1px solid #d8e3ec;
border-radius: 999px;
background: #ffffff;
color: #40505d;
font-size: 12px;
line-height: 1;
font-weight: 800;
}

.main-container .wrapper .ai-related-heading h3 {
margin: 7px 0 0;
font-size: 21px;
line-height: 1.2;
font-weight: 800;
letter-spacing: 0;
color: #182630;
}

.main-container .wrapper .ai-related .ai-number-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: 10px;
margin: 0;
}

.main-container .wrapper .ai-related .ai-number-card {
margin: 0;
padding: 0;
background: transparent;
border: 0;
border-radius: 8px;
box-shadow: none;
text-align: left;
}

.main-container .wrapper .ai-related .ai-number-card a {
display: grid;
grid-template-columns: 38px minmax(0, 1fr) 22px;
gap: 10px;
align-items: center;
min-height: 64px;
padding: 11px;
border: 1px solid #d9e4ec;
border-radius: 8px;
background: #ffffff;
color: #243746;
text-decoration: none;
box-shadow: 0 8px 18px rgba(31, 48, 62, .06);
transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.main-container .wrapper .ai-related .ai-number-card a:hover {
border-color: #b9ccd8;
box-shadow: 0 12px 24px rgba(31, 48, 62, .1);
transform: translateY(-1px);
}

.main-container .wrapper .ai-number-mark {
width: 38px;
height: 38px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #eef5f8;
color: #263746;
font-size: 15px;
}

.main-container .wrapper .ai-number-copy {
display: flex;
flex-direction: column;
gap: 5px;
min-width: 0;
}

.main-container .wrapper .ai-number-copy strong {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 15px;
line-height: 1.15;
font-weight: 850;
color: #1f2d38;
}

.main-container .wrapper .ai-number-copy small {
display: inline-flex;
align-items: center;
gap: 6px;
min-width: 0;
font-size: 11px;
line-height: 1.2;
font-weight: 750;
color: #657684;
}

.main-container .wrapper .ai-number-arrow {
justify-self: end;
color: #8da0ad;
font-size: 12px;
}

.main-container .wrapper .ai-related-link.ai-link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 38px;
margin-top: 12px;
padding: 9px 12px;
border: 1px solid #d5e1eb;
border-radius: 8px;
background: #f8fbfc;
color: #263746;
font-size: 13px;
line-height: 1;
font-weight: 850;
text-decoration: none;
transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.main-container .wrapper .ai-related-link.ai-link:hover {
background: #253544;
border-color: #253544;
color: #ffffff;
}

.main-container .wrapper .phone-details-report-card#ratingPhoneDetails {
box-sizing: border-box;
width: 100%;
max-width: 100%;
margin: 18px 0 18px;
padding: 16px;
position: relative;
overflow: hidden;
background: linear-gradient(135deg, #ffffff 0%, #f7fafc 100%);
border: 1px solid #dce6ee;
border-radius: 8px;
box-shadow: 0 12px 28px rgba(25, 43, 57, .08);
color: #1f2d38;
}

.main-container .wrapper .phone-details-report-card#ratingPhoneDetails:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #253544, #5d7689);
}

.main-container .wrapper .phone-details-report-header {
display: grid;
grid-template-columns: 52px minmax(0, 1fr);
gap: 13px;
align-items: center;
margin-bottom: 13px;
}

.main-container .wrapper .phone-details-report-icon {
width: 52px;
height: 52px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #253544;
color: #ffffff;
font-size: 21px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

.main-container .wrapper .phone-details-report-heading {
min-width: 0;
}

.main-container .wrapper .phone-details-report-heading > span {
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 30px;
max-width: 100%;
padding: 6px 10px;
border: 1px solid #d8e3ec;
border-radius: 999px;
background: #ffffff;
color: #40505d;
font-size: 12px;
line-height: 1;
font-weight: 800;
overflow-wrap: anywhere;
}

.main-container .wrapper .phone-details-report-heading h2 {
margin: 7px 0 0;
font-size: 21px;
line-height: 1.2;
font-weight: 850;
letter-spacing: 0;
color: #182630;
overflow-wrap: anywhere;
}

.main-container .wrapper .phone-details-report-body {
padding: 12px;
border: 1px solid #e1e9ef;
border-radius: 8px;
background: #ffffff;
color: #34434f;
font-size: 15px;
line-height: 1.66;
}

.main-container .wrapper .phone-details-report-body p {
margin: 0;
overflow-wrap: anywhere;
}

.main-container .wrapper .phone-details-report-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
margin-top: 12px;
}

.main-container .wrapper .phone-details-report-metric {
display: grid;
grid-template-columns: 34px minmax(0, 1fr);
gap: 8px;
align-items: center;
min-height: 74px;
padding: 11px;
border: 1px solid #dce6ee;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 8px 18px rgba(31, 48, 62, .05);
}

.main-container .wrapper .phone-details-report-metric i {
grid-row: span 2;
width: 34px;
height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
font-size: 15px;
}

.main-container .wrapper .phone-details-report-metric span {
display: block;
min-width: 0;
font-size: 12px;
line-height: 1.2;
font-weight: 800;
color: #5f707d;
overflow-wrap: anywhere;
}

.main-container .wrapper .phone-details-report-metric b {
display: block;
font-size: 20px;
line-height: 1;
font-weight: 900;
color: #1f2d38;
}

.main-container .wrapper .phone-details-report-metric.metric-negative i {
background: #fff3f2;
color: #b33a33;
}

.main-container .wrapper .phone-details-report-metric.metric-positive i {
background: #eefaf2;
color: #167544;
}

.main-container .wrapper .phone-details-report-metric.metric-neutral i {
background: #f3f7fa;
color: #526a7a;
}

.main-container .wrapper .phone-details-report-prompt {
display: flex;
align-items: flex-start;
gap: 9px;
margin: 12px 0 0;
padding: 11px 12px;
border: 1px solid #d8e5ed;
border-radius: 8px;
background: #f8fbfc;
color: #40515f;
font-size: 14px;
line-height: 1.5;
font-weight: 750;
overflow-wrap: anywhere;
}

.main-container .wrapper .phone-details-report-prompt i {
margin-top: 2px;
color: #253544;
}

.main-container .wrapper .phone-suggested-articles#suggestedPhoneArticles {
box-sizing: border-box;
width: 100%;
margin: 18px 0;
padding: 16px;
background: #ffffff;
border: 1px solid #dce6ee;
border-radius: 8px;
box-shadow: 0 12px 28px rgba(25, 43, 57, .07);
color: #1f2d38;
}

.main-container .wrapper .phone-suggested-articles h2 {
margin: 0 0 8px;
font-size: 21px;
line-height: 1.25;
font-weight: 850;
letter-spacing: 0;
color: #182630;
overflow-wrap: anywhere;
}

.main-container .wrapper .phone-suggested-articles .description {
margin: 0 0 13px;
font-size: 15px;
line-height: 1.62;
color: #40515f;
overflow-wrap: anywhere;
}

.main-container .wrapper .phone-suggested-articles .suggested-articles {
display: grid;
grid-template-columns: 1fr;
gap: 9px;
margin: 0;
padding: 0;
list-style: none;
}

.main-container .wrapper .phone-suggested-articles .suggested-articles li {
display: grid;
grid-template-columns: 28px minmax(0, 1fr) auto;
gap: 9px;
align-items: center;
min-height: 48px;
padding: 9px 10px;
border: 1px solid #e0e9f0;
border-radius: 8px;
background: #f8fbfc;
}

.main-container .wrapper .phone-suggested-articles .suggested-articles li > i {
width: 28px;
height: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #eef5f8;
color: #253544;
font-size: 12px;
}

.main-container .wrapper .phone-suggested-articles .suggested-articles a {
min-width: 0;
color: #253544;
text-decoration: none;
font-weight: 850;
overflow-wrap: anywhere;
}

.main-container .wrapper .phone-suggested-articles .badge {
justify-self: end;
border-radius: 999px;
font-size: 11px;
font-weight: 850;
}

.main-container .wrapper .phone-suggested-articles .ai-box {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-top: 12px;
padding: 12px;
border: 1px solid #dbe6ee;
border-radius: 8px;
background: linear-gradient(135deg, #f8fbfc 0%, #ffffff 100%);
}

.main-container .wrapper .phone-suggested-articles .ai-box p {
display: flex;
align-items: center;
gap: 8px;
margin: 0;
color: #40515f;
font-size: 14px;
line-height: 1.45;
font-weight: 750;
}

.main-container .wrapper .phone-suggested-articles .openChatButton {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 38px;
padding: 9px 12px;
border: 1px solid #253544;
border-radius: 8px;
background: #253544;
color: #ffffff;
font-size: 13px;
line-height: 1;
font-weight: 850;
white-space: nowrap;
}

@media (max-width: 780px) {
.main-container .wrapper .ai-related.ai-related-card {
padding: 13px;
}

.main-container .wrapper .ai-related-header {
grid-template-columns: 46px minmax(0, 1fr);
gap: 12px;
}

.main-container .wrapper .ai-related-icon {
width: 46px;
height: 46px;
font-size: 18px;
}

.main-container .wrapper .ai-related-heading h3 {
font-size: 20px;
}

.main-container .wrapper .ai-related .ai-number-grid {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}

.main-container .wrapper .phone-details-report-card#ratingPhoneDetails {
padding: 13px;
}

.main-container .wrapper .phone-details-report-header {
grid-template-columns: 46px minmax(0, 1fr);
gap: 12px;
}

.main-container .wrapper .phone-details-report-icon {
width: 46px;
height: 46px;
font-size: 18px;
}

.main-container .wrapper .phone-details-report-heading h2 {
font-size: 20px;
}

.main-container .wrapper .phone-details-report-grid {
grid-template-columns: 1fr;
}

.main-container .wrapper .phone-suggested-articles#suggestedPhoneArticles {
padding: 13px;
}

.main-container .wrapper .phone-suggested-articles .ai-box {
align-items: stretch;
flex-direction: column;
}

.main-container .wrapper .phone-suggested-articles .openChatButton {
width: 100%;
}
}

@media (max-width: 520px) {
.main-container .wrapper .ai-related-heading > span,
.main-container .wrapper .ai-related-link.ai-link {
width: 100%;
border-radius: 8px;
}

.main-container .wrapper .ai-related .ai-number-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.main-container .wrapper .ai-related .ai-number-card a {
grid-template-columns: minmax(0, 1fr);
justify-items: center;
text-align: center;
}

.main-container .wrapper .ai-number-arrow {
display: none;
}

.main-container .wrapper .ai-number-copy strong {
white-space: normal;
}

.main-container .wrapper .phone-details-report-heading > span {
width: 100%;
border-radius: 8px;
}

.main-container .wrapper .phone-suggested-articles .suggested-articles li {
grid-template-columns: 28px minmax(0, 1fr);
}

.main-container .wrapper .phone-suggested-articles .badge {
grid-column: 2;
justify-self: start;
}
}

.main-container .wrapper .number-intelligence#number-intelligence {
box-sizing: border-box;
width: 100%;
max-width: 100%;
margin: 18px 0 22px;
padding: 16px;
position: relative;
overflow: hidden;
background: linear-gradient(135deg, #ffffff 0%, #f7fafc 100%);
border: 1px solid #dce6ee;
border-radius: 8px;
box-shadow: 0 12px 30px rgba(25, 43, 57, .08);
color: #1f2d38;
}

.main-container .wrapper .number-intelligence#number-intelligence:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #253544, #5d7689);
}

.main-container .wrapper .number-intelligence-header {
display: grid;
grid-template-columns: 56px minmax(0, 1fr);
gap: 14px;
align-items: start;
margin-bottom: 14px;
}

.main-container .wrapper .number-intelligence-icon {
width: 56px;
height: 56px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #253544;
color: #ffffff;
font-size: 22px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

.main-container .wrapper .number-intelligence-heading {
min-width: 0;
}

.main-container .wrapper .number-intelligence-heading > span {
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 30px;
max-width: 100%;
padding: 6px 10px;
border: 1px solid #d8e3ec;
border-radius: 999px;
background: #ffffff;
color: #40505d;
font-size: 12px;
line-height: 1;
font-weight: 850;
overflow-wrap: anywhere;
}

.main-container .wrapper .number-intelligence#number-intelligence h2 {
margin: 8px 0 8px;
font-size: 23px;
line-height: 1.2;
font-weight: 900;
letter-spacing: 0;
color: #182630;
overflow-wrap: anywhere;
}

.main-container .wrapper .number-intelligence#number-intelligence .number-intelligence-lead {
margin: 0;
font-size: 15px;
line-height: 1.66;
color: #40515f;
overflow-wrap: anywhere;
}

.main-container .wrapper .number-intelligence#number-intelligence .number-quality-panel {
margin: 0 0 12px;
padding: 14px;
border: 1px solid #dbe6ee;
border-left: 0;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 8px 18px rgba(31, 48, 62, .05);
}

.main-container .wrapper .number-intelligence#number-intelligence .number-quality-header {
align-items: center;
}

.main-container .wrapper .number-intelligence#number-intelligence .number-quality-kicker {
display: inline-flex;
align-items: center;
min-height: 26px;
padding: 5px 8px;
border: 1px solid #d8e3ec;
border-radius: 999px;
background: #f8fbfc;
font-size: 11px;
font-weight: 850;
color: #596a76;
}

.main-container .wrapper .number-intelligence#number-intelligence .number-quality-header strong {
margin-top: 6px;
font-size: 18px;
font-weight: 850;
color: #1f2d38;
}

.main-container .wrapper .number-intelligence#number-intelligence .number-quality-header b {
height: 42px;
min-width: 58px;
border-radius: 8px;
border-color: #d9e4ec;
box-shadow: 0 6px 14px rgba(31, 48, 62, .06);
}

.main-container .wrapper .number-intelligence#number-intelligence .number-quality-meter {
height: 10px;
background: #e8eef3;
margin: 13px 0 9px;
}

.main-container .wrapper .number-intelligence#number-intelligence .number-quality-copy,
.main-container .wrapper .number-intelligence#number-intelligence .number-quality-recommendation {
font-size: 14px;
line-height: 1.6;
}

.main-container .wrapper .number-intelligence#number-intelligence .number-insight-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin: 12px 0;
}

.main-container .wrapper .number-intelligence#number-intelligence .number-insight-card {
border: 1px solid #dfe8ef;
border-left: 0;
border-radius: 8px;
background: #fbfcfd;
padding: 12px;
box-shadow: 0 7px 16px rgba(31, 48, 62, .04);
}

.main-container .wrapper .number-intelligence#number-intelligence .number-insight-label {
display: inline-flex;
align-items: center;
min-height: 24px;
padding: 5px 8px;
border-radius: 999px;
background: #eef5f8;
color: #506371;
font-size: 11px;
font-weight: 850;
}

.main-container .wrapper .number-intelligence#number-intelligence .number-insight-card strong {
margin-top: 8px;
font-size: 15px;
font-weight: 850;
}

.main-container .wrapper .number-intelligence-toggle {
margin: 10px 0 0;
border: 1px solid #dfe8ef;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 7px 16px rgba(31, 48, 62, .04);
overflow: hidden;
}

.main-container .wrapper .number-intelligence-toggle summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
min-height: 48px;
padding: 12px 13px;
cursor: pointer;
list-style: none;
color: #1f2d38;
font-size: 14px;
line-height: 1.2;
font-weight: 900;
}

.main-container .wrapper .number-intelligence-toggle summary::-webkit-details-marker {
display: none;
}

.main-container .wrapper .number-intelligence-toggle summary > span {
display: inline-flex;
align-items: center;
gap: 8px;
min-width: 0;
overflow-wrap: anywhere;
}

.main-container .wrapper .number-intelligence-toggle summary > span i {
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #eef5f8;
color: #253544;
font-size: 13px;
flex: 0 0 auto;
}

.main-container .wrapper .number-intelligence-toggle summary > .fa-chevron-down {
color: #7d8e9b;
font-size: 12px;
transition: transform .18s ease;
}

.main-container .wrapper .number-intelligence-toggle[open] summary {
border-bottom: 1px solid #e5edf3;
background: #fbfcfd;
}

.main-container .wrapper .number-intelligence-toggle[open] summary > .fa-chevron-down {
transform: rotate(180deg);
}

.main-container .wrapper .number-intelligence-toggle .number-quality-signal-grid,
.main-container .wrapper .number-intelligence-toggle .line-technical-panel,
.main-container .wrapper .number-intelligence-toggle .number-intelligence-columns,
.main-container .wrapper .number-intelligence-toggle ul,
.main-container .wrapper .number-intelligence-toggle .number-intelligence-disclosure {
margin: 0;
padding: 13px;
}

.main-container .wrapper .number-intelligence-toggle .number-quality-signal-grid,
.main-container .wrapper .number-intelligence-toggle .line-technical-panel {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 9px;
max-width: none;
}

.main-container .wrapper .number-intelligence-toggle .number-quality-signal,
.main-container .wrapper .number-intelligence-toggle .line-technical-item {
border-radius: 8px;
border: 1px solid #e0e9f0;
background: #fbfcfd;
}

.main-container .wrapper .number-intelligence-toggle ul {
padding-left: 31px;
}

.main-container .wrapper .number-intelligence-toggle li {
font-size: 14px;
line-height: 1.6;
margin-bottom: 7px;
color: #34434f;
overflow-wrap: anywhere;
}

.main-container .wrapper .number-intelligence-toggle .number-intelligence-columns {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}

.main-container .wrapper .number-intelligence-toggle .number-intelligence-columns h3 {
font-size: 15px;
font-weight: 850;
margin: 0 0 8px;
color: #253544;
}

.main-container .wrapper .number-intelligence-toggle .number-intelligence-columns ul {
padding: 0 0 0 18px;
}

.main-container .wrapper .number-intelligence-toggle .number-intelligence-disclosure {
border-top: 0;
font-size: 13px;
line-height: 1.6;
color: #667684;
}

@media (max-width: 780px) {
.main-container .wrapper .number-intelligence#number-intelligence {
padding: 13px;
}

.main-container .wrapper .number-intelligence-header {
grid-template-columns: 46px minmax(0, 1fr);
gap: 12px;
}

.main-container .wrapper .number-intelligence-icon {
width: 46px;
height: 46px;
font-size: 18px;
}

.main-container .wrapper .number-intelligence#number-intelligence h2 {
font-size: 20px;
}

.main-container .wrapper .number-intelligence#number-intelligence .number-insight-grid,
.main-container .wrapper .number-intelligence-toggle .number-quality-signal-grid,
.main-container .wrapper .number-intelligence-toggle .line-technical-panel,
.main-container .wrapper .number-intelligence-toggle .number-intelligence-columns {
grid-template-columns: 1fr;
}
}

@media (max-width: 520px) {
.main-container .wrapper .number-intelligence-heading > span {
width: 100%;
border-radius: 8px;
}

.main-container .wrapper .number-intelligence#number-intelligence .number-quality-header {
align-items: stretch;
flex-direction: column;
}

.main-container .wrapper .number-intelligence#number-intelligence .number-quality-header b {
width: 100%;
}

.main-container .wrapper .number-intelligence-toggle summary {
align-items: flex-start;
}
}

.main-container .wrapper .location-table-card.table-box {
box-sizing: border-box;
width: 100%;
max-width: 100%;
margin: 18px 0 22px;
padding: 16px;
position: relative;
overflow: hidden;
background: linear-gradient(135deg, #ffffff 0%, #f7fafc 100%);
border: 1px solid #dce6ee;
border-radius: 8px;
box-shadow: 0 12px 30px rgba(25, 43, 57, .08);
color: #1f2d38;
}

.main-container .wrapper .location-table-card.table-box:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #253544, #5d7689);
}

.main-container .wrapper .location-table-card .call-locations {
width: 100%;
display: block;
}

.main-container .wrapper .location-table-header {
display: grid;
grid-template-columns: 56px minmax(0, 1fr);
gap: 14px;
align-items: start;
margin-bottom: 14px;
}

.main-container .wrapper .location-table-icon {
width: 56px;
height: 56px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #253544;
color: #ffffff;
font-size: 22px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

.main-container .wrapper .location-table-heading {
min-width: 0;
}

.main-container .wrapper .location-table-heading > span {
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 30px;
max-width: 100%;
padding: 6px 10px;
border: 1px solid #d8e3ec;
border-radius: 999px;
background: #ffffff;
color: #40505d;
font-size: 12px;
line-height: 1;
font-weight: 850;
overflow-wrap: anywhere;
}

.main-container .wrapper .location-table-card .call-locations-title {
margin: 8px 0 8px;
font-size: 23px;
line-height: 1.2;
font-weight: 900;
letter-spacing: 0;
color: #182630;
overflow-wrap: anywhere;
}

.main-container .wrapper .location-table-heading p {
margin: 0;
font-size: 15px;
line-height: 1.66;
color: #40515f;
overflow-wrap: anywhere;
}

.main-container .wrapper .location-table-card .table-container {
width: 100%;
margin: 0;
padding: 0;
overflow: visible;
}

.main-container .wrapper .location-table-card .location-heatmap-panel {
margin: 0 0 12px;
padding: 14px;
border: 1px solid #dbe6ee;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 8px 18px rgba(31, 48, 62, .05);
}

.main-container .wrapper .location-table-card .location-heatmap-header h3 {
font-size: 18px;
font-weight: 850;
letter-spacing: 0;
}

.main-container .wrapper .location-table-card .location-heatmap-header span,
.main-container .wrapper .location-table-card .location-heatmap-header strong {
border-radius: 8px;
}

.main-container .wrapper .location-table-card .location-chart-shell {
border-color: #dfe8ef;
box-shadow: 0 7px 16px rgba(31, 48, 62, .04);
}

.main-container .wrapper .location-table-card .location-raw-table-toggle {
margin: 10px 0 0;
border: 1px solid #dfe8ef;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 7px 16px rgba(31, 48, 62, .04);
overflow: hidden;
}

.main-container .wrapper .location-table-card .location-raw-table-toggle summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
min-height: 48px;
padding: 12px 13px;
cursor: pointer;
list-style: none;
color: #1f2d38;
font-size: 14px;
line-height: 1.2;
font-weight: 900;
}

.main-container .wrapper .location-table-card .location-raw-table-toggle summary::-webkit-details-marker {
display: none;
}

.main-container .wrapper .location-table-card .location-raw-table-toggle summary > span {
display: inline-flex;
align-items: center;
gap: 8px;
min-width: 0;
overflow-wrap: anywhere;
}

.main-container .wrapper .location-table-card .location-raw-table-toggle summary > span i {
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #eef5f8;
color: #253544;
font-size: 13px;
flex: 0 0 auto;
}

.main-container .wrapper .location-table-card .location-raw-table-toggle summary > .fa-chevron-down {
color: #7d8e9b;
font-size: 12px;
transition: transform .18s ease;
}

.main-container .wrapper .location-table-card .location-raw-table-toggle[open] summary {
border-bottom: 1px solid #e5edf3;
background: #fbfcfd;
}

.main-container .wrapper .location-table-card .location-raw-table-toggle[open] summary > .fa-chevron-down {
transform: rotate(180deg);
}

.main-container .wrapper .location-table-card .location-raw-table-scroll {
width: 100%;
overflow-x: auto;
padding: 13px;
}

.main-container .wrapper .location-table-card .call-locations-table {
width: 100%;
min-width: 520px;
margin: 0;
border: 0;
border-collapse: separate;
border-spacing: 0;
background: #ffffff;
box-shadow: none;
}

.main-container .wrapper .location-table-card .call-locations-table th {
background: #253544;
color: #ffffff;
padding: 11px 12px;
border: 0;
font-size: 13px;
line-height: 1.25;
font-weight: 850;
white-space: nowrap;
}

.main-container .wrapper .location-table-card .call-locations-table th i {
margin-right: 6px;
}

.main-container .wrapper .location-table-card .call-locations-table td {
padding: 11px 12px;
border: 0;
border-bottom: 1px solid #e6edf3;
font-size: 13px;
line-height: 1.35;
color: #34434f;
}

.main-container .wrapper .location-table-card .call-locations-table tbody tr:nth-child(even) {
background: #f8fbfc;
}

.main-container .wrapper .location-table-card .call-locations-table tbody tr:hover {
background: #eef5f8;
}

.main-container .wrapper .location-table-card .call-locations-table tbody tr:last-child td {
border-bottom: 0;
}

.main-container .wrapper .location-table-card .call-locations-empty {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 13px;
border: 1px solid #dfe8ef;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 7px 16px rgba(31, 48, 62, .04);
}

.main-container .wrapper .location-table-card .call-locations-empty i {
width: 32px;
height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #eef5f8;
color: #253544;
flex: 0 0 auto;
}

.main-container .wrapper .location-table-card .call-locations-empty p {
margin: 0;
font-size: 14px;
line-height: 1.55;
color: #40515f;
overflow-wrap: anywhere;
}

@media (max-width: 780px) {
.main-container .wrapper .location-table-card.table-box {
padding: 13px;
}

.main-container .wrapper .location-table-header {
grid-template-columns: 46px minmax(0, 1fr);
gap: 12px;
}

.main-container .wrapper .location-table-icon {
width: 46px;
height: 46px;
font-size: 18px;
}

.main-container .wrapper .location-table-card .call-locations-title {
font-size: 20px;
}

.main-container .wrapper .location-table-card .location-heatmap-panel {
padding: 12px;
}
}

@media (max-width: 520px) {
.main-container .wrapper .location-table-heading > span {
width: 100%;
border-radius: 8px;
}

.main-container .wrapper .location-table-card .location-raw-table-toggle summary {
align-items: flex-start;
}
}

.main-container .wrapper .number-detail-footer {
width: 100%;
margin: 18px 0 0;
}

.main-container .wrapper .number-detail-footer .footer-number-card.alert.alert-main {
box-sizing: border-box;
width: 100%;
max-width: 100%;
margin: 18px 0;
padding: 16px;
position: relative;
overflow: hidden;
background: linear-gradient(135deg, #ffffff 0%, #f7fafc 100%);
border: 1px solid #dce6ee;
border-radius: 8px;
box-shadow: 0 12px 30px rgba(25, 43, 57, .08);
color: #1f2d38;
opacity: 1;
}

.main-container .wrapper .number-detail-footer .footer-number-card.alert.alert-main:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #253544, #5d7689);
}

.main-container .wrapper .footer-number-card-header {
display: grid;
grid-template-columns: 52px minmax(0, 1fr);
gap: 13px;
align-items: center;
margin-bottom: 13px;
}

.main-container .wrapper .footer-number-card-icon {
width: 52px;
height: 52px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #253544;
color: #ffffff;
font-size: 20px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

.main-container .wrapper .footer-number-card-heading {
min-width: 0;
}

.main-container .wrapper .footer-number-card-heading > span {
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 30px;
max-width: 100%;
padding: 6px 10px;
border: 1px solid #d8e3ec;
border-radius: 999px;
background: #ffffff;
color: #40505d;
font-size: 12px;
line-height: 1;
font-weight: 850;
overflow-wrap: anywhere;
}

.main-container .wrapper .footer-number-card-heading h3 {
margin: 7px 0 0;
padding: 0;
border: 0;
font-size: 21px;
line-height: 1.2;
font-weight: 900;
letter-spacing: 0;
color: #182630;
overflow-wrap: anywhere;
}

.main-container .wrapper .number-detail-footer .similar-name {
opacity: 1;
filter: none;
}

.main-container .wrapper .number-detail-footer .modal-body {
width: 100%;
padding: 0;
}

.main-container .wrapper .number-detail-footer .otherNumbers {
display: grid;
grid-template-columns: 1fr;
gap: 8px;
width: 119%;
list-style: none;
padding: 0;
margin: 0;
}

.main-container .wrapper .number-detail-footer .otherNumbers li {
display: block;
box-sizing: border-box;
width: 100%;
min-width: 0;
margin: 0;
padding: 11px 12px;
border: 1px solid #dfe8ef;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 7px 16px rgba(31, 48, 62, .04);
color: #40515f;
font-size: 13px;
line-height: 1.55;
overflow-wrap: anywhere;
transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.main-container .wrapper .number-detail-footer .otherNumbers li:hover {
background: #fbfcfd;
border-color: #bfd0dc;
box-shadow: 0 10px 20px rgba(31, 48, 62, .08);
transform: translateY(-1px);
}

.main-container .wrapper .number-detail-footer .otherNumbers li i,
.main-container .wrapper .number-detail-footer .otherNumbers li:before {
color: #253544;
font-size: 13px;
flex: 0 0 auto;
}

.main-container .wrapper .number-detail-footer .otherNumbers li a {
display: inline-flex;
align-items: center;
min-width: 0;
max-width: 100%;
margin: 0 5px 3px 0;
color: #243746;
font-size: 15px;
line-height: 1.25;
font-weight: 850;
text-decoration: none;
overflow-wrap: anywhere;
}

.main-container .wrapper .number-detail-footer .otherNumbers li a b {
font-weight: 900;
}

.main-container .wrapper .number-detail-footer .otherNumbers li > b.safe,
.main-container .wrapper .number-detail-footer .otherNumbers li > b.notsafe,
.main-container .wrapper .number-detail-footer .otherNumbers li > b.unknown {
display: inline-flex;
align-items: center;
min-height: 24px;
margin: 0 4px 3px 0;
padding: 4px 8px;
border-radius: 999px;
font-size: 11px;
line-height: 1;
font-weight: 900;
font-style: normal;
white-space: nowrap;
}

.main-container .wrapper .number-detail-footer .otherNumbers li > b.safe {
background: #eefaf2;
border: 1px solid #cfe9d8;
color: #167544;
}

.main-container .wrapper .number-detail-footer .otherNumbers li > b.notsafe {
background: #fff3f2;
border: 1px solid #f0d4d1;
color: #b33a33;
}

.main-container .wrapper .number-detail-footer .otherNumbers li > b.unknown {
background: #f3f7fa;
border: 1px solid #dce6ee;
color: #526a7a;
}

.main-container .wrapper .number-detail-footer .footer-number-card + hr {
display: none;
}

@media (max-width: 780px) {
.main-container .wrapper .number-detail-footer .footer-number-card.alert.alert-main {
padding: 13px;
}

.main-container .wrapper .number-detail-footer .otherNumbers {
width: 100%;
margin-left: 0;
margin-right: 0;
}

.main-container .wrapper .footer-number-card-header {
grid-template-columns: 46px minmax(0, 1fr);
gap: 12px;
}

.main-container .wrapper .footer-number-card-icon {
width: 46px;
height: 46px;
font-size: 18px;
}

.main-container .wrapper .footer-number-card-heading h3 {
font-size: 20px;
}

}

@media (max-width: 520px) {
.main-container .wrapper .footer-number-card-heading > span {
width: 100%;
border-radius: 8px;
}

.main-container .wrapper .number-detail-footer .otherNumbers {
width: 100%;
}
}

.main-container .wrapper .feedback-shell #feedback_form_user {
box-sizing: border-box;
width: 100%;
max-width: 100%;
min-width: 0;
clear: both;
}

.main-container .wrapper .feedback-shell #feedback_form_user.visible {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
width: 100%;
max-width: 100%;
height: auto;
overflow: visible;
padding-top: 14px;
}

.main-container .wrapper .feedback-shell #feedback_form_user .mb-12,
.main-container .wrapper .feedback-shell #feedback_form_user .form_group,
.main-container .wrapper .feedback-shell #feedback_form_user .commentinpt,
.main-container .wrapper .feedback-shell #feedback_form_user .checkbox-container {
box-sizing: border-box;
width: 100%;
max-width: 100%;
min-width: 0;
float: none;
clear: both;
margin: 0;
padding: 0;
}

.main-container .wrapper .feedback-shell #feedback_form_user label {
box-sizing: border-box;
width: 100%;
max-width: 100%;
margin: 0 0 7px;
}

.main-container .wrapper .feedback-shell #call-type.form_input,
.main-container .wrapper .feedback-shell #whosnumber,
.main-container .wrapper .feedback-shell #feedback_comments.form-control {
box-sizing: border-box;
display: block;
float: none;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto;
margin: 0 !important;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #fbfcfd;
padding: 11px 12px;
font-family: inherit;
font-size: 14px;
line-height: 1.45;
color: #25313a;
box-shadow: none;
outline: none;
}

.main-container .wrapper .feedback-shell #call-type.form_input {
min-height: 46px;
appearance: auto;
}

.main-container .wrapper .feedback-shell #feedback_comments.form-control {
min-height: 132px;
resize: vertical;
}

.main-container .wrapper .feedback-shell #feedback_form_user hr {
box-sizing: border-box;
width: 100%;
height: 1px;
margin: 2px 0;
border: 0;
background: #e7edf3;
}

.main-container .wrapper .feedback-shell #feedback_form_user .checkbox-container {
display: grid;
grid-template-columns: 18px minmax(0, 1fr);
gap: 9px;
align-items: start;
padding: 2px 0;
}

.main-container .wrapper .feedback-shell #termsCheckbox {
width: 18px;
height: 18px;
margin: 1px 0 0;
}

.main-container .wrapper .feedback-shell #feedback_form_user .checkbox-container label {
width: auto;
margin: 0;
}

.main-container .wrapper .feedback-shell .feedback-submit-btn.btn {
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100% !important;
max-width: 100% !important;
min-height: 44px;
margin: 0 !important;
border-radius: 8px;
}

.main-container .wrapper .feedback-shell #addComment {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}

[data-tooltip] {
position: relative;
}

[data-tooltip]::after {
content: attr(data-tooltip) !important;
position: absolute !important;
top: auto !important;
right: auto !important;
bottom: calc(100% + 10px) !important;
left: 50% !important;
transform: translateX(-50%) !important;
display: block !important;
width: max-content !important;
max-width: min(260px, calc(100vw - 32px)) !important;
padding: 6px 9px !important;
border-radius: 6px !important;
background: rgba(18, 24, 32, 0.92) !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
text-align: center !important;
white-space: normal !important;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18) !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
z-index: 10050 !important;
transition: opacity 0.16s ease, transform 0.16s ease !important;
}

[data-tooltip]::before {
content: "" !important;
position: absolute !important;
top: auto !important;
right: auto !important;
bottom: calc(100% + 4px) !important;
left: 50% !important;
transform: translateX(-50%) !important;
display: block !important;
width: 0 !important;
height: 0 !important;
border-width: 6px 6px 0 6px !important;
border-style: solid !important;
border-color: rgba(18, 24, 32, 0.92) transparent transparent transparent !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
z-index: 10049 !important;
transition: opacity 0.16s ease !important;
}

[data-tooltip]:hover::after,
[data-tooltip]:focus-visible::after,
[data-tooltip]:hover::before,
[data-tooltip]:focus-visible::before {
visibility: visible !important;
opacity: 1 !important;
}

.main-container .wrapper .home-hero {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) 260px;
gap: 18px;
align-items: stretch;
margin: 18px 0 18px;
padding: 22px;
overflow: hidden;
border: 1px solid #dfe8ef;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 16px 36px rgba(27, 39, 54, 0.08);
}

.main-container .wrapper .home-hero:before {
content: "";
position: absolute;
inset: 0;
border-top: 3px solid #1769e0;
pointer-events: none;
}

.main-container .wrapper .home-hero-main,
.main-container .wrapper .home-hero-trust {
position: relative;
z-index: 1;
}

.main-container .wrapper .home-hero-main {
display: grid;
align-content: start;
gap: 14px;
}

.main-container .wrapper .home-hero-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
width: max-content;
max-width: 100%;
padding: 7px 10px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #f7fafc;
color: #526171;
font-size: 12px;
font-weight: 800;
line-height: 1;
}

.main-container .wrapper .home-hero-kicker i {
color: #1769e0;
font-size: 13px;
}

.main-container .wrapper .home-hero .main-title {
max-width: 820px;
margin: 0;
padding: 0;
border: 0;
color: #121a24;
font-size: 36px;
font-weight: 850;
line-height: 1.1;
letter-spacing: 0;
}

.main-container .wrapper .home-hero-intro {
display: grid;
grid-template-columns: 1fr;
gap: 9px;
width: 100%;
max-width: 790px;
margin: 0;
}

.main-container .wrapper .home-hero .intro-text {
box-sizing: border-box;
display: grid;
grid-template-columns: 32px minmax(0, 1fr);
gap: 10px;
align-items: start;
min-width: 0;
margin: 0;
padding: 12px;
border: 1px solid #e4edf3;
border-radius: 8px;
background: #fbfcfd;
color: #4f5f6f;
font-size: 14px;
line-height: 1.5;
box-shadow: none;
}

.main-container .wrapper .home-hero .intro-text i {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 8px;
background: #eef6ff;
color: #1769e0;
font-size: 14px;
}

.main-container .wrapper .home-hero .intro-text span {
min-width: 0;
}

.main-container .wrapper .home-hero-trust {
display: grid;
gap: 10px;
align-content: center;
padding: 12px;
border: 1px solid #dfe8ef;
border-radius: 8px;
background: #f7fafc;
}

.main-container .wrapper .home-trust-item {
display: grid;
grid-template-columns: 34px minmax(0, 1fr);
gap: 10px;
align-items: center;
min-width: 0;
padding: 9px;
border: 1px solid #e1eaf1;
border-radius: 8px;
background: #ffffff;
color: #3f4f5d;
font-size: 13px;
font-weight: 800;
line-height: 1.25;
}

.main-container .wrapper .home-trust-item i {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 8px;
background: #eef6ff;
color: #1769e0;
font-size: 14px;
}

.main-container .wrapper .home-trust-item span {
min-width: 0;
}

@media (max-width: 760px) {
.main-container .wrapper .home-hero {
grid-template-columns: 1fr;
gap: 14px;
margin-top: 10px;
padding: 16px;
}

.main-container .wrapper .home-hero .main-title {
font-size: 29px;
line-height: 1.14;
}

.main-container .wrapper .home-hero-intro {
grid-template-columns: 1fr;
}

.main-container .wrapper .home-hero .intro-text {
grid-template-columns: 30px minmax(0, 1fr);
padding: 12px;
font-size: 14px;
}

.main-container .wrapper .home-hero .intro-text i {
width: 30px;
height: 30px;
}

.main-container .wrapper .home-hero-trust {
grid-template-columns: 1fr;
padding: 10px;
}
}

.main-container .wrapper .home-search-panel {
width: 100%;
/*max-width: 980px;*/
margin: 24px auto 20px;
text-align: left;
}

.main-container .wrapper .home-search-panel .smart-search-card {
box-sizing: border-box;
position: relative;
overflow: hidden;
width: 100%;
max-width: 100%;
margin: 0;
padding: 26px;
border: 1px solid #dfe8ef;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 18px 42px rgba(27, 39, 54, 0.11);
}

.main-container .wrapper .home-search-panel .smart-search-card:before {
content: "";
position: absolute;
inset: 0;
border-top: 3px solid #16825d;
pointer-events: none;
}

.main-container .wrapper .home-search-panel #feedback_form {
position: relative;
z-index: 1;
}

.main-container .wrapper .smart-search-copy {
display: grid;
gap: 7px;
margin-bottom: 16px;
}

.main-container .wrapper .smart-search-kicker {
display: inline-flex;
align-items: center;
gap: 7px;
width: max-content;
max-width: 100%;
padding: 6px 9px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #f7fafc;
color: #536271;
font-size: 12px;
font-weight: 700;
line-height: 1;
}

.main-container .wrapper .smart-search-copy h2 {
margin: 0;
padding: 0;
border: 0;
color: #17212b;
font-size: 24px;
line-height: 1.2;
}

.main-container .wrapper .smart-search-copy p {
max-width: 620px;
margin: 0;
color: #536271;
font-size: 15px;
line-height: 1.5;
}

.main-container .wrapper .smart-search-prompts {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin-top: 5px;
}

.main-container .wrapper .smart-search-prompts span {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 28px;
padding: 5px 9px;
border: 1px solid #e0eaf1;
border-radius: 8px;
background: #f7fafc;
color: #526171;
font-size: 12px;
font-weight: 800;
line-height: 1;
}

.main-container .wrapper .smart-search-prompts i {
color: #16825d;
font-size: 12px;
}

.main-container .wrapper .smart-search-box {
box-sizing: border-box;
display: grid !important;
grid-template-columns: auto minmax(0, 1fr) minmax(170px, auto);
gap: 10px;
align-items: stretch;
width: 100%;
max-width: 100%;
margin: 0 !important;
padding: 0 !important;
}

.main-container .wrapper .smart-search-box .prefix {
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
min-width: 98px;
min-height: 52px;
padding: 0 13px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #f7fafc;
color: #17212b;
font-size: 15px;
font-weight: 800;
line-height: 1;
}

.main-container .wrapper .smart-search-box .prefix img {
width: 25px;
height: 17px;
border-radius: 3px;
object-fit: cover;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.main-container .wrapper .smart-search-input-wrap {
position: relative;
display: flex;
align-items: center;
min-width: 0;
}

.main-container .wrapper .smart-search-input-wrap > i {
position: absolute;
left: 14px;
color: #718190;
font-size: 14px;
pointer-events: none;
}

.main-container .wrapper .smart-search-input-wrap input {
box-sizing: border-box;
display: block;
float: none;
width: 100% !important;
min-width: 0;
min-height: 52px;
margin: 0 !important;
padding: 0 45px 0 38px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #fbfcfd;
color: #17212b;
font-size: 18px;
font-weight: 700;
letter-spacing: 0;
outline: none;
box-shadow: none;
transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.main-container .wrapper .smart-search-input-wrap input:focus {
border-color: #2d8cff;
background: #fff;
box-shadow: 0 0 0 3px rgba(45, 140, 255, 0.14);
}

.main-container .wrapper .smart-search-input-wrap input.is-invalid {
border-color: #d94b4b;
box-shadow: 0 0 0 3px rgba(217, 75, 75, 0.12);
}

.main-container .wrapper .smart-search-clear {
position: absolute;
right: 8px;
display: none;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
border: 0;
border-radius: 8px;
background: #eef3f7;
color: #62717f;
font-size: 13px;
}

.main-container .wrapper .smart-search-input-wrap.has-value .smart-search-clear {
display: inline-flex;
}

.main-container .wrapper .smart-search-submit.btn {
box-sizing: border-box;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 52px;
min-width: 170px;
margin: 0 !important;
padding: 0 18px;
border-radius: 8px;
background: #16825d;
border-color: #16825d;
font-size: 15px;
font-weight: 800;
box-shadow: 0 12px 24px rgba(22, 130, 93, 0.22);
overflow: hidden;
}

.main-container .wrapper .smart-search-submit.btn:hover,
.main-container .wrapper .smart-search-submit.btn:focus {
background: #116f50;
border-color: #116f50;
}

.main-container .wrapper .smart-search-submit.btn:disabled {
cursor: wait;
opacity: 1;
}

.main-container .wrapper .smart-search-submit-idle,
.main-container .wrapper .smart-search-submit-loading {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
white-space: nowrap;
}

.main-container .wrapper .smart-search-submit-loading {
position: absolute;
inset: 0;
opacity: 0;
transform: translateY(8px);
transition: opacity .16s ease, transform .16s ease;
}

.main-container .wrapper .smart-search-submit-idle {
transition: opacity .16s ease, transform .16s ease;
}

.main-container .wrapper .smart-search-submit.is-searching .smart-search-submit-idle {
opacity: 0;
transform: translateY(-8px);
}

.main-container .wrapper .smart-search-submit.is-searching .smart-search-submit-loading {
opacity: 1;
transform: translateY(0);
}

.main-container .wrapper .smart-search-submit.is-searching {
background: #116f50;
border-color: #116f50;
box-shadow: 0 12px 24px rgba(22, 130, 93, 0.26);
}

.main-container .wrapper .smart-search-meta {
display: flex;
justify-content: space-between;
gap: 10px;
margin-top: 9px;
color: #718190;
font-size: 12px;
font-weight: 700;
}

.main-container .wrapper .home-search-panel .loading {
display: none;
margin-top: 12px;
font-size: 13px;
color: #16825d;
font-weight: 800;
}

.home-search-overlay {
position: fixed;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 22px;
background: rgba(8, 15, 24, 0.72);
backdrop-filter: blur(5px);
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 9998;
transition: opacity .22s ease, visibility .22s ease;
}

.home-search-overlay.is-active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}

.home-search-overlay-card {
display: grid;
justify-items: center;
gap: 10px;
width: min(340px, 100%);
padding: 24px 22px;
border: 1px solid rgba(255,255,255,.22);
border-radius: 8px;
background: rgba(255,255,255,.96);
box-shadow: 0 24px 70px rgba(0,0,0,.32);
color: #17212b;
text-align: center;
transform: translateY(8px) scale(.98);
transition: transform .22s ease;
}

.home-search-overlay.is-active .home-search-overlay-card {
transform: translateY(0) scale(1);
}

.home-search-overlay-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 54px;
height: 54px;
border-radius: 8px;
background: #eef9f4;
color: #16825d;
font-size: 23px;
}

.home-search-overlay-card strong {
font-size: 18px;
font-weight: 850;
line-height: 1.2;
}

.home-search-overlay-card small {
color: #637282;
font-size: 13px;
font-weight: 800;
line-height: 1.3;
}

@media (max-width: 640px) {
.main-container .wrapper .home-search-panel {
margin: 14px auto;
}

.main-container .wrapper .home-search-panel .smart-search-card {
padding: 16px;
}

.main-container .wrapper .smart-search-copy h2 {
font-size: 21px;
}

.main-container .wrapper .smart-search-box {
grid-template-columns: 1fr;
}

.main-container .wrapper .smart-search-box .prefix,
.main-container .wrapper .smart-search-submit.btn {
width: 100%;
}

.main-container .wrapper .smart-search-submit.btn {
min-width: 0;
}
}

.main-container .wrapper .ai-home-highlight {
box-sizing: border-box;
position: relative;
overflow: hidden;
width: 100%;
margin: 22px 0;
padding: 18px;
border: 1px solid #dfe8ef;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 14px 34px rgba(27, 39, 54, 0.08);
}

.main-container .wrapper .ai-home-highlight:before {
content: "";
position: absolute;
inset: 0;
border-top: 3px solid #1769e0;
pointer-events: none;
}

.main-container .wrapper .ai-home-moderated:before {
border-top-color: #16825d;
}

.main-container .wrapper .ai-home-header {
position: relative;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
margin: 0 0 16px;
}

.main-container .wrapper .ai-home-heading {
display: grid;
grid-template-columns: 48px minmax(0, 1fr);
gap: 12px;
align-items: start;
min-width: 0;
}

.main-container .wrapper .ai-home-header-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 8px;
background: #eef6ff;
color: #1769e0;
font-size: 19px;
}

.main-container .wrapper .ai-home-moderated .ai-home-header-icon {
background: #eef9f4;
color: #16825d;
}

.main-container .wrapper .ai-home-kicker {
display: inline-flex;
align-items: center;
width: max-content;
max-width: 100%;
min-height: 26px;
padding: 5px 9px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #f7fafc;
color: #536271;
font-size: 12px;
font-weight: 800;
line-height: 1;
}

.main-container .wrapper .ai-home-header h2,
.main-container .wrapper .ai-home-header h2#moderatedListTitle {
margin: 7px 0 0 !important;
padding: 0;
border: 0;
color: #17212b;
font-size: 22px !important;
font-weight: 850;
line-height: 1.2;
letter-spacing: 0;
}

.main-container .wrapper .ai-home-header p {
max-width: 680px;
margin: 8px 0 0;
color: #5b6b79;
font-size: 14px;
line-height: 1.5;
}

.main-container .wrapper .ai-home-highlight .ai-link {
display: inline-flex;
align-items: center;
gap: 7px;
flex: 0 0 auto;
min-height: 38px;
margin: 0;
padding: 0 12px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #f7fafc;
color: #1769e0;
font-size: 13px;
font-weight: 800;
text-decoration: none;
}

.main-container .wrapper .ai-home-highlight .ai-link:hover {
border-color: #c9d8e3;
background: #eef6ff;
text-decoration: none;
}

.main-container .wrapper .ai-home-highlight .ai-number-grid {
position: relative;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
gap: 10px;
margin: 0;
}

.main-container .wrapper .ai-home-highlight .ai-number-card {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
border-radius: 8px;
background: transparent;
box-shadow: none;
text-align: left;
transition: none;
}

.main-container .wrapper .ai-home-highlight .ai-number-card:hover {
transform: none;
box-shadow: none;
}

.main-container .wrapper .ai-home-highlight .ai-number-card a {
box-sizing: border-box;
display: grid;
grid-template-columns: 40px minmax(0, 1fr) 18px;
gap: 10px;
align-items: center;
min-height: 66px;
padding: 11px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #fbfcfd;
color: #243746;
text-decoration: none;
box-shadow: 0 8px 18px rgba(31, 48, 62, 0.05);
transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease, background 0.16s ease;
}

.main-container .wrapper .ai-home-highlight .ai-number-card a:hover {
border-color: #bfd2df;
background: #ffffff;
box-shadow: 0 12px 24px rgba(31, 48, 62, 0.09);
transform: translateY(-1px);
}

.main-container .wrapper .ai-home-highlight .ai-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
margin: 0;
border-radius: 8px;
background: #eef6ff;
color: #1769e0;
font-size: 16px;
}

.main-container .wrapper .ai-home-moderated .ai-icon {
background: #eef9f4;
color: #16825d;
}

.main-container .wrapper .ai-number-card-copy {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
}

.main-container .wrapper .ai-number-card-copy strong {
display: block;
overflow: hidden;
color: #17212b;
font-size: 15px;
font-weight: 850;
line-height: 1.2;
text-overflow: ellipsis;
white-space: nowrap;
}

.main-container .wrapper .ai-number-card-copy small {
display: block;
overflow: hidden;
color: #718190;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
text-overflow: ellipsis;
white-space: nowrap;
}

.main-container .wrapper .ai-card-arrow {
color: #9aa8b4;
font-size: 12px;
}

@media (max-width: 700px) {
.main-container .wrapper .ai-home-highlight {
padding: 15px;
}

.main-container .wrapper .ai-home-header {
display: grid;
}

.main-container .wrapper .ai-home-heading {
grid-template-columns: 42px minmax(0, 1fr);
}

.main-container .wrapper .ai-home-header-icon {
width: 42px;
height: 42px;
}

.main-container .wrapper .ai-home-header h2,
.main-container .wrapper .ai-home-header h2#moderatedListTitle {
font-size: 19px !important;
}

.main-container .wrapper .ai-home-highlight .ai-link {
width: 100%;
justify-content: center;
}

.main-container .wrapper .ai-home-highlight .ai-number-grid {
grid-template-columns: 1fr;
}
}

@media (max-width: 700px) {
.main-container .wrapper .ai-home-highlight.ai-home-questions,
.main-container .wrapper .ai-home-highlight.ai-home-moderated {
margin: 16px 0;
padding: 14px 12px 12px;
border-color: #dde7ef;
background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
box-shadow: 0 10px 26px rgba(24, 38, 54, .08);
}

.main-container .wrapper .ai-home-highlight.ai-home-questions:before,
.main-container .wrapper .ai-home-highlight.ai-home-moderated:before {
border-top-width: 2px;
}

.main-container .wrapper .ai-home-highlight .ai-home-header {
gap: 10px;
margin-bottom: 12px;
}

.main-container .wrapper .ai-home-highlight .ai-home-heading {
grid-template-columns: 36px minmax(0, 1fr);
gap: 9px;
}

.main-container .wrapper .ai-home-highlight .ai-home-header-icon {
width: 36px;
height: 36px;
border-radius: 8px;
font-size: 15px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.main-container .wrapper .ai-home-highlight .ai-home-kicker {
min-height: 22px;
padding: 4px 7px;
border-radius: 7px;
font-size: 10px;
}

.main-container .wrapper .ai-home-highlight .ai-home-header h2,
.main-container .wrapper .ai-home-highlight .ai-home-header h2#moderatedListTitle {
margin-top: 5px !important;
font-size: 17px !important;
line-height: 1.18;
}

.main-container .wrapper .ai-home-highlight .ai-home-header p {
margin-top: 5px;
font-size: 12px;
line-height: 1.4;
}

.main-container .wrapper .ai-home-highlight .ai-link {
min-height: 34px;
border-radius: 8px;
font-size: 12px;
}

.main-container .wrapper .ai-home-highlight .ai-number-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}

.main-container .wrapper .ai-home-highlight .ai-number-card a {
position: relative;
grid-template-columns: 30px minmax(0, 1fr);
gap: 8px;
min-height: 56px;
padding: 9px 8px;
border-color: #dbe5ed;
background: rgba(255,255,255,.94);
box-shadow: 0 6px 14px rgba(31, 48, 62, .045);
}

.main-container .wrapper .ai-home-highlight .ai-number-card a:hover,
.main-container .wrapper .ai-home-highlight .ai-number-card a:focus {
border-color: #bfd2df;
background: #ffffff;
box-shadow: 0 9px 18px rgba(31, 48, 62, .075);
outline: none;
}

.main-container .wrapper .ai-home-highlight .ai-icon {
width: 30px;
height: 30px;
border-radius: 7px;
font-size: 13px;
}

.main-container .wrapper .ai-number-card-copy {
gap: 2px;
}

.main-container .wrapper .ai-number-card-copy strong {
font-size: 13px;
line-height: 1.15;
}

.main-container .wrapper .ai-number-card-copy small {
font-size: 10px;
line-height: 1.2;
}

.main-container .wrapper .ai-home-highlight .ai-card-arrow {
display: none;
}
}

@media (max-width: 360px) {
.main-container .wrapper .ai-home-highlight.ai-home-questions,
.main-container .wrapper .ai-home-highlight.ai-home-moderated {
padding-left: 10px;
padding-right: 10px;
}

.main-container .wrapper .ai-home-highlight .ai-number-grid {
gap: 7px;
}

.main-container .wrapper .ai-home-highlight .ai-number-card a {
grid-template-columns: 26px minmax(0, 1fr);
gap: 6px;
min-height: 52px;
padding: 8px 6px;
}

.main-container .wrapper .ai-home-highlight .ai-icon {
width: 26px;
height: 26px;
font-size: 12px;
}

.main-container .wrapper .ai-number-card-copy strong {
font-size: 12px;
}

.main-container .wrapper .ai-number-card-copy small {
display: none;
}
}

.main-container .wrapper .weekly-report-cta {
box-sizing: border-box;
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 18px;
margin: 28px 0 18px;
padding: 20px;
border: 1px solid #dfe8ef;
border-radius: 8px;
background:
linear-gradient(135deg, rgba(255,255,255,.98) 0%, rgba(242,248,255,.96) 48%, rgba(238,249,244,.94) 100%);
box-shadow: 0 14px 34px rgba(27, 39, 54, .08);
overflow: hidden;
}

.main-container .wrapper .weekly-report-cta:before {
content: "";
position: absolute;
inset: 0;
border-top: 3px solid #1769e0;
pointer-events: none;
}

.main-container .wrapper .weekly-report-copy {
position: relative;
min-width: 0;
}

.main-container .wrapper .weekly-report-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 28px;
padding: 5px 9px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: rgba(255,255,255,.76);
color: #1769e0;
font-size: 12px;
font-weight: 850;
line-height: 1;
}

.main-container .wrapper .weekly-report-cta h2 {
margin: 11px 0 8px;
padding: 0;
border: 0;
color: #17212b;
font-size: 24px;
font-weight: 850;
line-height: 1.18;
letter-spacing: 0;
}

.main-container .wrapper .weekly-report-cta p {
max-width: 760px;
margin: 0;
color: #5b6b79;
font-size: 15px;
line-height: 1.55;
}

.main-container .wrapper .weekly-report-cta .weekly-report-lead {
margin-bottom: 6px;
color: #405160;
font-size: 16px;
font-weight: 700;
}

.main-container .wrapper .weekly-report-button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-width: 190px;
min-height: 44px;
padding: 0 16px;
border: 1px solid #1769e0;
border-radius: 8px;
background: #1769e0;
color: #fff;
font-size: 14px;
font-weight: 850;
line-height: 1;
text-decoration: none;
box-shadow: 0 10px 22px rgba(23, 105, 224, .18);
}

.main-container .wrapper .weekly-report-button:hover,
.main-container .wrapper .weekly-report-button:focus {
background: #1258bd;
border-color: #1258bd;
color: #fff;
text-decoration: none;
outline: none;
box-shadow: 0 12px 26px rgba(23, 105, 224, .24);
}

@media (max-width: 700px) {
.main-container .wrapper .weekly-report-cta {
grid-template-columns: 1fr;
gap: 12px;
margin: 20px 0 14px;
padding: 14px 12px;
}

.main-container .wrapper .weekly-report-cta:before {
border-top-width: 2px;
}

.main-container .wrapper .weekly-report-kicker {
min-height: 24px;
padding: 4px 8px;
font-size: 11px;
}

.main-container .wrapper .weekly-report-cta h2 {
font-size: 19px;
}

.main-container .wrapper .weekly-report-cta p,
.main-container .wrapper .weekly-report-cta .weekly-report-lead {
font-size: 13px;
line-height: 1.45;
}

.main-container .wrapper .weekly-report-button {
width: 100%;
min-width: 0;
min-height: 40px;
font-size: 13px;
}
}

.reported-numbers-page {
box-sizing: border-box;
max-width: 1040px;
margin: 18px auto 28px;
padding: 0;
color: #25313a;
}

.reported-breadcrumb {
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 12px;
color: #718190;
font-size: 13px;
font-weight: 700;
}

.reported-breadcrumb a {
color: #1769e0;
text-decoration: none;
}

.reported-breadcrumb a:hover {
text-decoration: underline;
}

.reported-hero,
.reported-section {
box-sizing: border-box;
margin: 0 0 16px;
padding: 18px;
border: 1px solid #dfe8ef;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 12px 30px rgba(27, 39, 54, .07);
}

.reported-hero {
background: linear-gradient(135deg, #ffffff 0%, #f2f8ff 52%, #eef9f4 100%);
}

.reported-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 28px;
padding: 5px 9px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: rgba(255,255,255,.78);
color: #1769e0;
font-size: 12px;
font-weight: 850;
line-height: 1;
}

.reported-numbers-page h1 {
margin: 12px 0 10px;
color: #17212b;
font-size: 30px;
font-weight: 850;
line-height: 1.16;
letter-spacing: 0;
}

.reported-numbers-page h2 {
margin: 0 0 10px;
padding: 0;
border: 0;
color: #17212b;
font-size: 22px;
font-weight: 850;
line-height: 1.22;
letter-spacing: 0;
}

.reported-numbers-page p,
.reported-numbers-page li {
color: #5b6b79;
font-size: 15px;
line-height: 1.6;
}

.reported-numbers-page p {
margin: 0;
}

.reported-numbers-page ul {
margin: 8px 0 0;
padding-left: 22px;
}

.reported-section-heading {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
margin-bottom: 12px;
}

.reported-section-heading h2 {
margin: 0;
}

.reported-section-heading small {
max-width: 380px;
color: #718190;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
text-align: right;
}

.reported-table-wrap {
max-height: 520px;
overflow: auto;
border: 1px solid #dce7ef;
border-radius: 8px;
background: #fff;
}

.reported-table-wrap table {
width: 100%;
margin: 0;
border-collapse: collapse;
box-shadow: none;
}

.reported-table-wrap th {
position: sticky;
top: 0;
z-index: 1;
padding: 11px 12px;
background: #17212b;
color: #fff;
font-size: 13px;
font-weight: 850;
text-align: left;
white-space: nowrap;
}

.reported-table-wrap td {
padding: 10px 12px;
border: 0;
border-bottom: 1px solid #edf2f6;
color: #4a5967;
font-size: 13px;
vertical-align: top;
}

.reported-table-wrap td a {
color: #1769e0;
font-weight: 850;
text-decoration: none;
white-space: nowrap;
}

.reported-table-wrap td a:hover {
text-decoration: underline;
}

.reported-safety,
.reported-why {
background: #fbfcfd;
}

@media (max-width: 700px) {
.reported-numbers-page {
margin: 12px auto 22px;
}

.reported-hero,
.reported-section {
padding: 14px 12px;
}

.reported-numbers-page h1 {
font-size: 23px;
}

.reported-numbers-page h2 {
font-size: 18px;
}

.reported-numbers-page p,
.reported-numbers-page li {
font-size: 13px;
line-height: 1.5;
}

.reported-section-heading {
display: block;
}

.reported-section-heading small {
display: block;
max-width: none;
margin-top: 6px;
text-align: left;
}

.reported-table-wrap {
max-height: 420px;
}

.reported-table-wrap th,
.reported-table-wrap td {
padding: 9px 8px;
font-size: 12px;
}
}

.ai-question-list-page {
box-sizing: border-box;
max-width: 1040px;
margin: 18px auto 28px;
padding: 0;
color: #25313a;
}

.ai-question-list-hero {
box-sizing: border-box;
margin: 0 0 16px;
padding: 18px;
border: 1px solid #dfe8ef;
border-radius: 8px;
background: linear-gradient(135deg, #ffffff 0%, #f2f8ff 54%, #f7f3ff 100%);
box-shadow: 0 12px 30px rgba(27, 39, 54, .07);
}

.ai-question-list-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 28px;
padding: 5px 9px;
border: 1px solid #dce7ef;
border-radius: 8px;
background: rgba(255,255,255,.78);
color: #1769e0;
font-size: 12px;
font-weight: 850;
line-height: 1;
}

.ai-question-list-page h1 {
margin: 12px 0 10px;
color: #17212b;
font-size: 30px;
font-weight: 850;
line-height: 1.16;
letter-spacing: 0;
}

.ai-question-list-page .ai-question-list-hero p {
max-width: 760px;
margin: 0;
color: #5b6b79;
font-size: 15px;
line-height: 1.6;
}

.main-container .wrapper .ai-question-list-section {
margin-top: 0;
}

.ai-question-list-empty {
box-sizing: border-box;
margin: 0;
padding: 14px;
border: 1px dashed #cfdbe6;
border-radius: 8px;
background: #fbfcfd;
color: #5b6b79;
font-size: 14px;
font-weight: 700;
line-height: 1.45;
}

.ai-question-list-pagination {
display: flex;
justify-content: center;
margin: 16px 0 0;
}

.ai-question-list-pagination .pagination {
margin: 0;
}

@media (max-width: 700px) {
.ai-question-list-page {
margin: 12px auto 22px;
}

.ai-question-list-hero {
padding: 14px 12px;
}

.ai-question-list-page h1 {
font-size: 23px;
}

.ai-question-list-page .ai-question-list-hero p {
font-size: 13px;
line-height: 1.5;
}
}

.main-container .wrapper .home-comments-list {
margin-top: 18px;
}

.main-container .wrapper .home-comments-list > header > h3 {
margin: 0 0 8px;
padding: 0;
border: 0;
color: #17212b;
font-size: 22px;
font-weight: 850;
line-height: 1.22;
letter-spacing: 0;
}

.main-container .wrapper .home-comments-list .recent-comments-intro {
margin: 0 0 14px;
color: #5b6b79;
font-size: 14px;
line-height: 1.55;
}

.main-container .wrapper .home-comments-list .comment.comment-main,
.main-container .wrapper .comment.comment-main {
border-radius: 8px;
box-shadow: none;
border-color: #dfe8ef;
}

.main-container .wrapper .home-comments-list .comment.comment-main {
margin-bottom: 10px;
}

.main-container .wrapper .home-comments-list .comment.comment-main .name-home {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
min-width: 0;
margin: 0;
padding: 0;
float: none;
font-size: 14px;
line-height: 1.35;
font-weight: 800;
color: #1f2d38;
filter: none;
}

.main-container .wrapper .home-comments-list .comment.comment-main .name-home a {
color: #1f2d38;
font-weight: 850;
text-decoration: none;
}

.main-container .wrapper .home-comments-list .comment.comment-main .name-home a:hover {
color: #1769e0;
text-decoration: none;
}

.main-container .wrapper .home-comments-list .comment.comment-main .panel-icon,
.main-container .wrapper .home-comments-list .comment.comment-main .panel-icon-unknown {
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px;
height: 18px;
margin: 0;
float: none;
}

.main-container .wrapper .home-comments-list .comment.comment-main .panel-icon .country-icon,
.main-container .wrapper .home-comments-list .comment.comment-main .panel-icon-unknown .country-icon {
width: 26px;
height: 18px;
border-radius: 4px;
box-shadow: 0 0 0 1px rgba(15, 23, 42, .08);
}

.main-container .wrapper .home-comments-list .comment.comment-main .comment-container {
min-height: 48px;
padding: 11px 13px;
}

.main-container .wrapper .home-comments-list .comment.comment-main .panel-body {
padding: 11px 13px 12px;
}

.main-container .wrapper .home-comments-list .comment.comment-main .content p {
margin-bottom: 8px;
font-size: 14px;
line-height: 1.55;
}

.main-container .wrapper .home-comments-list .comment-count,
.main-container .wrapper .home-comments-list .like-count {
display: inline-flex;
align-items: center;
gap: 8px;
width: auto;
height: auto;
margin: 0;
padding: 0;
float: none;
position: static;
}

.main-container .wrapper .home-comments-list .comment-count a {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
min-width: 36px;
min-height: 34px;
padding: 7px 10px;
border: 1px solid #d9e4ec;
border-radius: 999px;
background: #f8fbfc;
color: #334756;
font-size: 12px;
line-height: 1;
font-weight: 800;
text-decoration: none;
opacity: 1;
}

.main-container .wrapper .home-comments-list .comment-count a:hover {
background: #253544;
border-color: #253544;
color: #ffffff;
}

@media (max-width: 780px) {
.main-container .wrapper .comment.comment-main,
.main-container .wrapper .comment.reply-comment-main,
.main-container .wrapper .home-comments-list .comment.comment-main {
margin-bottom: 8px;
border-radius: 0;
border-left: 0;
border-right: 0;
border-top: 0;
border-bottom: 1px solid #dfe8ef;
background: #ffffff;
}

.main-container .wrapper .comment.comment-main .comment-container,
.main-container .wrapper .comment.reply-comment-main .reply-comment-container,
.main-container .wrapper .home-comments-list .comment.comment-main .comment-container {
min-height: 0;
padding: 10px 0 8px;
background: #ffffff;
border-bottom: 0;
}

.main-container .wrapper .comment.comment-main .panel-body,
.main-container .wrapper .comment.reply-comment-main .panel-body,
.main-container .wrapper .home-comments-list .comment.comment-main .panel-body {
padding: 0 0 10px;
background: #ffffff;
}

.main-container .wrapper .comment.comment-main .content p,
.main-container .wrapper .comment.reply-comment-main .content p,
.main-container .wrapper .home-comments-list .comment.comment-main .content p {
font-size: 13px;
line-height: 1.5;
}

.main-container .wrapper .comment.comment-main .like-count,
.main-container .wrapper .comment.reply-comment-main .like-count,
.main-container .wrapper .home-comments-list .comment.comment-main .like-count {
width: auto;
margin-left: 0;
}

.main-container .wrapper .comment.comment-main .like-count a,
.main-container .wrapper .comment.reply-comment-main .like-count a,
.main-container .wrapper .home-comments-list .comment-count a {
flex: 0 0 auto;
min-height: 30px;
padding: 6px 8px;
font-size: 11px;
}

.main-container .wrapper .home-comments-list > header > h3 {
font-size: 19px;
}

.main-container .wrapper .home-comments-list .recent-comments-intro {
font-size: 13px;
}
}
.static-page-container {
    background: #f6f8fb;
}

.static-page-shell {
    width: 100%;
    padding: 28px 0 46px;
    box-sizing: border-box;
}

.static-page-hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    padding: 24px;
    border: 1px solid #dbe7f3;
    border-radius: 8px;
    background: linear-gradient(135deg, #ffffff 0%, #f7fbff 60%, #f4fbf7 100%);
    box-shadow: 0 18px 42px rgba(24, 39, 75, .08);
}

.static-page-hero-main {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 16px;
    min-width: 0;
}

.static-page-hero-icon,
.static-page-trust-card > span,
.static-page-section-icon,
.static-page-contact-card > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    box-sizing: border-box;
}

.static-page-hero-icon {
    width: 64px;
    height: 64px;
    background: #e9f7f4;
    color: #0f766e;
    font-size: 24px;
    box-shadow: inset 0 0 0 1px #cce9e4;
}

.static-page-hero-copy {
    min-width: 0;
}

.static-page-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    color: #1f5f97;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.static-page-hero .post-title {
    margin: 0 0 10px;
    padding: 0;
    border: 0;
    color: #101827;
    font-size: 31px;
    line-height: 1.18;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.static-page-hero p {
    max-width: 840px;
    margin: 0;
    color: #475569;
    font-size: 16px;
    line-height: 1.72;
}

.static-page-hero-meta {
    flex: 0 0 154px;
    display: grid;
    gap: 4px;
    padding: 13px;
    border: 1px solid #dfe9f4;
    border-radius: 8px;
    background: #ffffff;
    text-align: right;
}

.static-page-hero-meta span,
.static-page-mini-stats span,
.static-page-section-label {
    color: #64748b;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.25;
    text-transform: uppercase;
}

.static-page-hero-meta strong {
    color: #132238;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.1;
}

.static-page-hero-meta small {
    color: #475569;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
}

.static-page-trust-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 14px 0 16px;
}

.static-page-trust-card {
    /*display: grid;*/
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    min-width: 0;
    padding: 13px;
    border: 1px solid #dfe9f4;
    border-radius: 8px;
    background: #ffffff;
    color: inherit;
    text-decoration: none;
    box-shadow: none;
    box-sizing: border-box;
}

.static-page-trust-card:hover {
    border-color: #b8d7f1;
    color: inherit;
    text-decoration: none;
}

.static-page-trust-card > span,
.static-page-section-icon,
.static-page-contact-card > span {
    width: 42px;
    height: 42px;
    background: #eef6ff;
    color: #1f5f97;
}

.static-page-trust-card strong,
.static-page-contact-card strong,
.static-page-mini-stats strong {
    display: block;
    color: #111827;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.static-page-trust-card p,
.static-page-contact-card p {
    margin: 5px 0 0;
    color: #52657a;
    font-size: 13px;
    line-height: 1.55;
}

.static-page-trust-card em {
    display: inline-flex;
    margin-top: 8px;
    color: #0b79d0;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
}

.static-page-layout {
    display: grid;
    grid-template-columns: minmax(218px, 252px) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.static-page-side-panel {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.static-page-mini-stats,
.static-page-nav,
.static-page-contact-card,
.static-page-content {
    border: 1px solid #dfe9f4;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(24, 39, 75, .055);
    box-sizing: border-box;
}

.static-page-mini-stats {
    display: grid;
    gap: 0;
    overflow: hidden;
}

.static-page-mini-stats > div {
    padding: 12px 14px;
}

.static-page-mini-stats > div + div {
    border-top: 1px solid #edf2f7;
}

.static-page-mini-stats strong {
    margin-top: 4px;
    font-size: 14px;
}

.static-page-nav {
    display: grid;
    gap: 4px;
    padding: 12px;
        width: 100%;
}

.static-page-nav h2 {
    margin: 0 0 6px;
    padding: 0 2px 8px;
    border-bottom: 1px solid #edf2f7;
    color: #111827;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.3;
}

.static-page-nav a {
    /*display: grid;*/
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    min-height: 38px;
        width: 100%;
    padding: 8px;
    border-radius: 8px;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
    text-decoration: none;
}

.static-page-nav a:hover,
.static-page-nav a.active {
    background: #eef6ff;
    color: #0b5d9b;
    text-decoration: none;
}

.static-page-nav i {
    color: #1f5f97;
    text-align: center;
}

.static-page-contact-card {
    padding: 14px;
}

.static-page-contact-card > span {
    margin-bottom: 10px;
    background: #ecfdf8;
    color: #0f766e;
}

.static-page-contact-card a {
    display: inline-flex;
    margin-top: 10px;
    color: #0b79d0;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

.static-page-content {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 10px 24px;
    font-family: inherit;
    text-align: left;
    line-height: normal;
}

.static-page-section {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 14px;
    min-width: 0;
    padding: 20px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-sizing: border-box;
}

.static-page-section + .static-page-section {
    border-top: 1px solid #edf2f7;
}

.static-page-container .static-page-content[itemprop="articleBody"] .static-page-section h2 {
    margin: 4px 0 8px;
    padding: 0;
    border: 0;
    color: #17212b;
    font-size: 21px;
    font-weight: 900;
    line-height: 1.28;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.static-page-container .static-page-content[itemprop="articleBody"] .static-page-section p {
    margin: 0;
    color: #475569;
    font-size: 15px;
    line-height: 1.76;
    overflow-wrap: anywhere;
}

.static-page-container .static-page-content[itemprop="articleBody"] {
    width: 100%;
    margin: 0;
    border-color: #dfe9f4;
    background: #ffffff;
    color: #334155;
    font-size: 15px;
    box-shadow: 0 12px 28px rgba(24, 39, 75, .055);
}

.static-page-container .static-page-section-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 5px;
    color: #64748b;
    letter-spacing: 0;
}

.static-page-contact-note {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border: 1px dashed #bfd3e6;
    border-radius: 8px;
    background: #f8fbff;
    color: #334155;
    font-weight: 900;
    overflow-wrap: anywhere;
}

@media (max-width: 860px) {
    .static-page-shell {
        padding: 20px 0 34px;
    }

    .static-page-hero,
    .static-page-layout {
        grid-template-columns: 1fr;
    }

    .static-page-hero {
        display: grid;
        padding: 18px;
    }

    .static-page-hero-main {
        grid-template-columns: 50px minmax(0, 1fr);
        gap: 12px;
    }

    .static-page-hero-icon {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }

    .static-page-hero .post-title {
        font-size: 24px;
    }

    .static-page-hero-meta {
        width: 100%;
        text-align: left;
    }

    .static-page-trust-grid {
        grid-template-columns: 1fr;
    }

    .static-page-side-panel {
        order: 2;
    }

    .static-page-content {
        order: 1;
        padding: 12px;
    }

    .static-page-section {
        grid-template-columns: 38px minmax(0, 1fr);
        padding: 13px;
    }

    .static-page-section-icon {
        width: 38px;
        height: 38px;
    }

    .static-page-container .static-page-content[itemprop="articleBody"] .static-page-section h2 {
        font-size: 18px;
    }
}

.main-container .wrapper .country-context-panel {
    width: 100%;
    margin: 24px 0 30px;
    padding: 22px;
    overflow: hidden;
    border: 1px solid #dbe7f3;
    border-radius: 8px;
    background: linear-gradient(135deg, #ffffff 0%, #f7fbff 58%, #f3fbf7 100%);
    box-shadow: 0 16px 38px rgba(24, 39, 75, .08);
    box-sizing: border-box;
}

.main-container .wrapper .country-context-main {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 16px;
    align-items: flex-start;
}

.main-container .wrapper .country-context-main > div {
    min-width: 0;
}

.main-container .wrapper .country-context-icon {
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d6e5f5;
    border-radius: 16px;
    background: #fff;
    color: #0b79d0;
    box-shadow: 0 10px 24px rgba(24, 39, 75, .08);
}

.main-container .wrapper .country-context-icon img {
    width: 34px;
    height: 24px;
    border-radius: 4px;
    object-fit: cover;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, .08);
}

.main-container .wrapper .country-context-kicker {
    display: inline-flex;
    align-items: center;
    margin-bottom: 6px;
    color: #0f766e;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.main-container .wrapper .country-context-panel h2 {
    margin: 0 0 8px;
    padding: 0;
    border: 0;
    color: #111827;
    font-size: 25px;
    line-height: 1.25;
    font-weight: 900;
    overflow-wrap: break-word;
}

.main-container .wrapper .country-context-panel p {
    margin: 0;
    color: #4b5f76;
    font-size: 16px;
    line-height: 1.72;
    overflow-wrap: break-word;
}

.main-container .wrapper .country-context-panel p strong {
    color: #111827;
}

.main-container .wrapper .country-context-points {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
}

.main-container .wrapper .country-context-points span {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 12px;
    border: 1px solid #e0eaf4;
    border-radius: 8px;
    background: rgba(255, 255, 255, .78);
    color: #25364d;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.45;
    overflow-wrap: break-word;
}

.main-container .wrapper .country-context-points i {
    flex: 0 0 auto;
    margin-top: 2px;
    color: #0b79d0;
}

.main-container .wrapper .search-country-context {
    margin-top: 18px;
    margin-bottom: 22px;
}

.main-container .wrapper .country-home-snapshot {
    width: 100%;
    margin: 0 0 30px;
    padding: 22px;
    overflow: hidden;
    border: 1px solid #dbe7f3;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 14px 32px rgba(24, 39, 75, .065);
    box-sizing: border-box;
}

.main-container .wrapper .country-home-snapshot-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.main-container .wrapper .country-home-snapshot-copy {
    min-width: 0;
}

.main-container .wrapper .country-home-snapshot-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 7px;
    color: #1f5f97;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.main-container .wrapper .country-home-snapshot h2,
.main-container .wrapper .country-home-guide-card h3 {
    margin: 0;
    padding: 0;
    border: 0;
    color: #111827;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.main-container .wrapper .country-home-snapshot h2 {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 1.25;
}

.main-container .wrapper .country-home-snapshot p {
    margin: 0;
    color: #4b5f76;
    font-size: 15px;
    line-height: 1.68;
    overflow-wrap: anywhere;
}

.main-container .wrapper .country-home-snapshot-updated {
    flex: 0 0 auto;
    display: grid;
    gap: 3px;
    min-width: 118px;
    padding: 10px 12px;
    border: 1px solid #dfe9f4;
    border-radius: 8px;
    background: #f8fafc;
    text-align: right;
}

.main-container .wrapper .country-home-snapshot-updated span {
    color: #64748b;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
}

.main-container .wrapper .country-home-snapshot-updated strong {
    color: #132238;
    font-size: 13px;
    font-weight: 900;
}

.main-container .wrapper .country-home-snapshot-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 12px;
}

.main-container .wrapper .country-home-snapshot-stat,
.main-container .wrapper .country-home-format-card {
    box-sizing: border-box;
    min-width: 0;
    padding: 13px;
    border: 1px solid #e0eaf4;
    border-radius: 8px;
    background: #fbfcfd;
}

.main-container .wrapper .country-home-snapshot-stat span,
.main-container .wrapper .country-home-format-card span {
    display: block;
    margin-bottom: 6px;
    color: #64748b;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.25;
}

.main-container .wrapper .country-home-snapshot-stat strong,
.main-container .wrapper .country-home-format-card strong {
    display: block;
    color: #132238;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.main-container .wrapper .country-home-snapshot-stat-status {
    grid-column: span 2;
    border-style: dashed;
    background: #f8fbff;
}

.main-container .wrapper .country-home-snapshot-stat-status strong {
    color: #0f766e;
    font-size: 18px;
}

.main-container .wrapper .country-home-format-card {
    display: grid;
    grid-template-columns: minmax(120px, .34fr) minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-bottom: 12px;
    background: #f8fbff;
}

.main-container .wrapper .country-home-format-card span {
    margin: 0;
}

.main-container .wrapper .country-home-format-card strong {
    font-size: 18px;
}

.main-container .wrapper .country-home-empty-note {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    margin: 0 0 12px;
    padding: 13px;
    border: 1px dashed #bfd3e6;
    border-radius: 8px;
    background: #f8fbff;
}

.main-container .wrapper .country-home-empty-note > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: #ecfdf8;
    color: #0f766e;
}

.main-container .wrapper .country-home-empty-note strong {
    display: block;
    margin-bottom: 4px;
    color: #111827;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.35;
}

.main-container .wrapper .country-home-guide-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.main-container .wrapper .country-home-guide-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 11px;
    min-width: 0;
    padding: 13px;
    border: 1px solid #e0eaf4;
    border-radius: 8px;
    background: #ffffff;
}

.main-container .wrapper .country-home-guide-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: #eef6ff;
    color: #1f5f97;
}

.main-container .wrapper .country-home-guide-card h3 {
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 1.3;
}

.main-container .wrapper .country-home-guide-card p {
    font-size: 13px;
    line-height: 1.55;
}

.main-container .wrapper .country-home-helpful-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.main-container .wrapper .country-home-helpful-card {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
    min-width: 0;
    padding: 12px;
    border: 1px solid #dde8f2;
    border-radius: 8px;
    background: #f9fbfd;
    box-sizing: border-box;
}

.main-container .wrapper .country-home-helpful-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: #ffffff;
    color: #0f766e;
    box-shadow: inset 0 0 0 1px #dbe7f3;
}

.main-container .wrapper .country-home-helpful-card span {
    /*display: block;*/
    margin-bottom: 4px;
    color: #64748b;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.25;
    text-transform: uppercase;
}

.main-container .wrapper .country-home-helpful-card strong {
    display: block;
    margin-bottom: 5px;
    color: #111827;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.main-container .wrapper .country-home-helpful-card p {
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 760px) {
    .main-container .wrapper .country-context-panel {
        margin: 18px 0 24px;
        padding: 16px;
        border-radius: 8px;
    }

    .main-container .wrapper .country-context-main {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 12px;
    }

    .main-container .wrapper .country-context-icon {
        width: 44px;
        height: 44px;
        border-radius: 14px;
    }

    .main-container .wrapper .country-context-icon img {
        width: 28px;
        height: 20px;
    }

    .main-container .wrapper .country-context-panel h2 {
        font-size: 20px;
    }

    .main-container .wrapper .country-context-panel p {
        font-size: 14px;
        line-height: 1.65;
    }

    .main-container .wrapper .country-context-points {
        grid-template-columns: 1fr;
    }

    .main-container .wrapper .country-home-snapshot {
        padding: 16px;
    }

    .main-container .wrapper .country-home-snapshot-head {
        flex-direction: column;
        gap: 12px;
    }

    .main-container .wrapper .country-home-snapshot-updated {
        width: 100%;
        text-align: left;
    }

    .main-container .wrapper .country-home-snapshot-stats,
    .main-container .wrapper .country-home-guide-grid,
    .main-container .wrapper .country-home-helpful-grid {
        grid-template-columns: 1fr;
    }

    .main-container .wrapper .country-home-format-card {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .main-container .wrapper .country-home-snapshot-stat-status {
        grid-column: auto;
    }

    .main-container .wrapper .country-home-snapshot h2 {
        font-size: 20px;
    }
}

.main-container .wrapper .home-range-summary {
    width: 100%;
    margin: 0 0 30px;
    padding: 22px;
    border: 1px solid #dbe7f3;
    border-radius: 8px;
    background: linear-gradient(135deg, #ffffff 0%, #f7fbff 62%, #f9fbf8 100%);
    box-shadow: 0 16px 38px rgba(24, 39, 75, .08);
    box-sizing: border-box;
    overflow: hidden;
}

.main-container .wrapper .home-range-summary-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.main-container .wrapper .home-range-summary-copy {
    min-width: 0;
}

.main-container .wrapper .home-range-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 7px;
    color: #0f766e;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.main-container .wrapper .home-range-summary h2 {
    margin: 0 0 8px;
    padding: 0;
    border: 0;
    color: #111827;
    font-size: 26px;
    line-height: 1.24;
    font-weight: 900;
    overflow-wrap: break-word;
}

.main-container .wrapper .home-range-summary p {
    max-width: 820px;
    margin: 0;
    color: #4b5f76;
    font-size: 15px;
    line-height: 1.7;
    overflow-wrap: break-word;
}

.main-container .wrapper .home-range-country-badge {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 40px;
    padding: 8px 11px;
    border: 1px solid #dce8f5;
    border-radius: 8px;
    background: #ffffff;
    color: #25364d;
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 10px 24px rgba(24, 39, 75, .06);
}

.main-container .wrapper .home-range-country-badge img {
    width: 28px;
    height: 20px;
    border-radius: 4px;
    object-fit: cover;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, .08);
}

.main-container .wrapper .home-range-type-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.main-container .wrapper .home-range-type-card {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    grid-template-areas:
        "icon copy count"
        "icon copy action";
    align-items: center;
    gap: 4px 12px;
    min-width: 0;
    padding: 14px;
    border: 1px solid #e0eaf4;
    border-radius: 8px;
    background: rgba(255, 255, 255, .86);
    color: #25364d;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(24, 39, 75, .045);
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.main-container .wrapper .home-range-type-card:hover,
.main-container .wrapper .home-range-type-card:focus {
    border-color: #9dbfe4;
    background: #ffffff;
    color: #172033;
    text-decoration: none;
    box-shadow: 0 14px 30px rgba(24, 39, 75, .09);
    transform: translateY(-1px);
    outline: none;
}

.main-container .wrapper .home-range-type-icon {
    grid-area: icon;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #eef6ff;
    color: #245f98;
    font-size: 17px;
}

.main-container .wrapper .home-range-type-copy {
    grid-area: copy;
    min-width: 0;
}

.main-container .wrapper .home-range-type-copy strong {
    display: block;
    margin: 0 0 4px;
    color: #172033;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.main-container .wrapper .home-range-type-copy small {
    display: block;
    color: #607087;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.main-container .wrapper .home-range-type-count {
    grid-area: count;
    justify-self: end;
    min-width: 66px;
    padding: 5px 8px;
    border: 1px solid #dce8f5;
    border-radius: 8px;
    background: #f8fbff;
    color: #0f345e;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    text-align: center;
}

.main-container .wrapper .home-range-type-action {
    grid-area: action;
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #245f98;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.2;
    white-space: nowrap;
}

@media (max-width: 820px) {
    .main-container .wrapper .home-range-summary {
        margin-bottom: 24px;
        padding: 16px;
    }

    .main-container .wrapper .home-range-summary-head {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .main-container .wrapper .home-range-country-badge {
        justify-self: start;
    }

    .main-container .wrapper .home-range-type-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .main-container .wrapper .home-range-summary h2 {
        font-size: 21px;
    }

    .main-container .wrapper .home-range-summary p {
        font-size: 14px;
    }

.main-container .wrapper .home-range-type-card {
        grid-template-columns: 40px minmax(0, 1fr);
        grid-template-areas:
            "icon copy"
            "icon count"
            "icon action";
        align-items: start;
    }

    .main-container .wrapper .home-range-type-icon {
        width: 40px;
        height: 40px;
    }

    .main-container .wrapper .home-range-type-count,
    .main-container .wrapper .home-range-type-action {
        justify-self: start;
    }
}

.listing-ad-slot {
    box-sizing: border-box;
    clear: both;
    display: block;
    float: none;
    width: 100%;
    max-width: 1120px;
    margin: 20px auto;
    padding: 12px;
    overflow: hidden;
    border: 1px solid #e0eaf4;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(24, 39, 75, .06);
}

.listing-ad-inner {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    min-height: 120px;
    overflow: hidden;
}

.listing-ad-inner > * {
    margin-left: auto;
    margin-right: auto;
}

.listing-ad-inner ins.adsbygoogle {
    display: block;
    max-width: 100%;
}

@media (max-width: 760px) {
    .listing-ad-slot {
        margin: 16px auto;
        padding: 10px;
    }

    .listing-ad-inner {
        min-height: 100px;
    }
}

.main-container .wrapper .most-searched-page {
    box-sizing: border-box;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto 34px;
    padding: 0 12px;
}

.main-container .wrapper .most-searched-hero,
.main-container .wrapper .most-searched-table-card,
.main-container .wrapper .most-searched-explain,
.main-container .wrapper .most-searched-faq {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #dfe9f4;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(24, 39, 75, .07);
}

.main-container .wrapper .most-searched-hero {
    margin: 18px 0;
    padding: 24px;
    background: linear-gradient(135deg, #ffffff 0%, #f4fbf9 52%, #f7fbff 100%);
}

.main-container .wrapper .most-searched-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #0f766e;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.main-container .wrapper .most-searched-hero h1 {
    margin: 0 0 10px;
    padding: 0;
    border: 0;
    color: #111827;
    font-size: 32px;
    line-height: 1.18;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.main-container .wrapper .most-searched-hero p {
    max-width: 840px;
    margin: 0 0 12px;
    color: #41536a;
    font-size: 15px;
    line-height: 1.75;
}

.main-container .wrapper .most-searched-hero small {
    color: #66768a;
    font-size: 12px;
    font-weight: 800;
}

.main-container .wrapper .dashboard-hero-share-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
}

.main-container .wrapper .dashboard-share-actions {
    margin-left: auto;
}

.main-container .wrapper .premium-share-trigger {
    width: auto;
    min-width: 118px;
    height: 40px;
    gap: 8px;
    padding: 0 13px;
    border-color: #cfe6f7;
    background: #eef6ff;
    color: #1f5f97;
    font-size: 13px;
    font-weight: 900;
}

.main-container .wrapper .premium-share-trigger span {
    line-height: 1;
}

.premium-share-modal {
    background: rgba(15, 23, 42, .52);
}

.premium-share-modal .premium-share-content {
    box-sizing: border-box;
    width: calc(100% - 32px);
    max-width: 560px;
    max-height: calc(100vh - 48px);
    margin: 24px auto;
    padding: 22px;
    overflow-y: auto;
    border: 1px solid #dfe9f4;
    border-radius: 8px;
    background: #ffffff;
    text-align: left;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .24);
}

.premium-share-close {
    position: absolute;
    top: 14px;
    right: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid #dbe7f3;
    border-radius: 8px;
    background: #f8fafc;
    color: #334155;
    font-size: 14px;
    cursor: pointer;
}

.premium-share-close:hover,
.premium-share-close:focus {
    background: #eef6ff;
    color: #1f5f97;
    outline: none;
}

.premium-share-header {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    padding-right: 42px;
}

.premium-share-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border: 1px solid #cfe6f7;
    border-radius: 8px;
    background: #eef6ff;
    color: #1f5f97;
    font-size: 20px;
}

.premium-share-kicker {
    display: inline-flex;
    margin-bottom: 5px;
    color: #64748b;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.25;
    text-transform: uppercase;
}

.premium-share-header h2 {
    margin: 0 0 8px;
    padding: 0;
    border: 0;
    color: #111827;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.premium-share-header p {
    margin: 0;
    color: #53657a;
    font-size: 14px;
    line-height: 1.55;
}

.premium-share-preview {
    display: grid;
    gap: 6px;
    margin-top: 18px;
    padding: 14px;
    border: 1px solid #dfe9f4;
    border-radius: 8px;
    background: #f8fafc;
}

.premium-share-preview strong {
    color: #111827;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.premium-share-preview span {
    color: #5d6f84;
    font-size: 13px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.premium-share-buttons {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 9px;
    margin-top: 16px;
}

.premium-share-buttons .premium-social-btn {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    padding: 0;
    border: 1px solid #dfe9f4;
    border-radius: 8px;
    background: #ffffff;
    font-size: 22px;
    line-height: 1;
    box-shadow: 0 10px 22px rgba(24, 39, 75, .06);
    transform: none;
}

.premium-share-buttons .premium-social-btn:hover,
.premium-share-buttons .premium-social-btn:focus {
    border-color: #c8d9ea;
    background: #f8fafc;
    outline: none;
    transform: translateY(-1px);
}

.premium-share-buttons .premium-social-btn .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin: 0;
    font-size: 22px;
    line-height: 1;
    vertical-align: middle;
    transform: none;
}

.premium-share-buttons .premium-social-btn .icon::before {
    display: block;
    line-height: 1;
}

.premium-copy-container {
    margin-top: 16px;
}

.premium-copy-container .copy-toast {
    left: auto;
    right: 0;
    bottom: calc(100% + 8px);
    transform: none;
    background: #0f766e;
    font-size: 12px;
    font-weight: 900;
}

.premium-copy-container .copy-toast::after {
    left: auto;
    right: 18px;
    transform: none;
    border-color: #0f766e transparent transparent transparent;
}

.premium-copy-box {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 8px;
    margin: 8px 0 12px;
}

.premium-copy-box input {
    box-sizing: border-box;
    min-width: 0;
    height: 44px;
    border: 1px solid #dbe7f3;
    border-radius: 8px;
    background: #fbfcfd;
    color: #31445c;
    font-size: 13px;
    font-weight: 700;
}

.premium-copy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid #cfe6f7;
    border-radius: 8px;
    background: #eef6ff;
    color: #1f5f97;
}

.premium-copy-btn:hover,
.premium-copy-btn:focus {
    background: #dff0ff;
    color: #164f7e;
    outline: none;
}

.premium-native-share {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    margin-top: 12px;
    padding: 0 14px;
    border: 1px solid #dbe7f3;
    border-radius: 8px;
    background: #ffffff;
    color: #26384d;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.premium-native-share:hover,
.premium-native-share:focus {
    border-color: #cfe6f7;
    background: #f8fafc;
    color: #1f5f97;
    outline: none;
}

.main-container .wrapper .most-searched-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: minmax(104px, auto);
    gap: 10px;
    margin: 0 0 14px;
}

.main-container .wrapper .most-searched-stat {
    box-sizing: border-box;
    min-width: 0;
    overflow: hidden;
    padding: 14px;
    border: 1px solid #dfe9f4;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(24, 39, 75, .055);
}

.main-container .wrapper .most-searched-stat span,
.main-container .wrapper .most-searched-stat small {
    display: block;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

.main-container .wrapper .most-searched-stat strong,
.main-container .wrapper .most-searched-stat a {
    display: block;
    margin-top: 6px;
    color: #132238;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 900;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.main-container .wrapper .most-searched-stat a:hover {
    color: #0f766e;
    text-decoration: none;
}

.main-container .wrapper .most-searched-periods {
    display: flex;
    /*flex-wrap: wrap;*/
    gap: 8px;
    margin: 0 0 1px;
}

.main-container .wrapper .most-searched-periods a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 13px;
    border: 1px solid #dbe7f3;
    border-radius: 8px;
    background: #ffffff;
    color: #31445c;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 8px 18px rgba(24, 39, 75, .045);
}

.main-container .wrapper .most-searched-periods a.active,
.main-container .wrapper .most-searched-periods a:hover,
.main-container .wrapper .most-searched-periods a:focus {
    border-color: #0f766e;
    background: #ecfdf8;
    color: #0f766e;
    text-decoration: none;
    outline: none;
}

.main-container .wrapper .most-searched-table-card {
    padding: 16px;
    overflow: hidden;
}

.main-container .wrapper .most-searched-table-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
}

.main-container .wrapper .most-searched-table-head h2,
.main-container .wrapper .most-searched-explain h2,
.main-container .wrapper .most-searched-faq h2 {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    color: #111827;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.main-container .wrapper .most-searched-table-head span {
    min-width: 44px;
    padding: 6px 9px;
    border-radius: 8px;
    background: #eef6ff;
    color: #1f5f97;
    font-size: 13px;
    font-weight: 900;
    text-align: center;
}

.main-container .wrapper .most-searched-table {
    display: grid;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    gap: 8px;
}

.main-container .wrapper .most-searched-row {
    display: grid;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    grid-template-columns: minmax(0, 1.55fr) minmax(74px, .55fr) minmax(94px, .72fr) minmax(0, .78fr) minmax(70px, .55fr);
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 12px;
    border: 1px solid #e3edf7;
    border-radius: 8px;
    background: #ffffff;
    color: #26384f;
    text-decoration: none;
    box-shadow: 0 8px 18px rgba(24, 39, 75, .04);
}

.main-container .wrapper a.most-searched-row:hover,
.main-container .wrapper a.most-searched-row:focus {
    border-color: #9fc7c1;
    background: #fbfffd;
    color: #172033;
    text-decoration: none;
    outline: none;
}

.main-container .wrapper .most-searched-head-row {
    background: #f6f9fc;
    color: #53657b;
    font-weight: 900;
    text-transform: uppercase;
    box-shadow: none;
}

.main-container .wrapper .most-searched-row > span {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 800;
}

.main-container .wrapper .most-searched-number {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-areas:
        "icon number"
        "icon label";
    align-items: center;
    gap: 2px 10px;
}

.main-container .wrapper .most-searched-number i {
    grid-area: icon;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #eef8f6;
    color: #0f766e;
}

.main-container .wrapper .most-searched-number strong {
    grid-area: number;
    color: #111827;
    font-size: 14px;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.main-container .wrapper .most-searched-number small {
    grid-area: label;
    color: #668097;
    font-size: 11px;
    font-weight: 900;
}

.main-container .wrapper .most-searched-empty {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px;
    border: 1px dashed #bfd3e6;
    border-radius: 8px;
    background: #f8fbff;
    color: #52667d;
    font-weight: 800;
}

.main-container .wrapper .most-searched-explain,
.main-container .wrapper .most-searched-faq {
    margin-top: 16px;
    padding: 18px;
}

.main-container .wrapper .most-searched-explain p {
    max-width: 880px;
    margin: 10px 0 0;
    color: #445970;
    font-size: 14px;
    line-height: 1.75;
}

.main-container .wrapper .most-searched-faq {
    display: grid;
    gap: 10px;
}

.main-container .wrapper .most-searched-faq-item {
    border: 1px solid #e2ebf5;
    border-radius: 8px;
    background: #fbfdff;
}

.main-container .wrapper .most-searched-faq-item summary {
    cursor: pointer;
    padding: 13px 14px;
    color: #172033;
    font-size: 14px;
    font-weight: 900;
}

.main-container .wrapper .most-searched-faq-item p {
    margin: 0;
    padding: 0 14px 14px;
    color: #52667d;
    font-size: 14px;
    line-height: 1.7;
}

@media (max-width: 960px) {
    .main-container .wrapper .most-searched-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .main-container .wrapper .most-searched-row {
        grid-template-columns: minmax(0, 1.35fr) minmax(70px, .55fr) minmax(92px, .75fr);
    }

    .main-container .wrapper .most-searched-row > span:nth-child(4),
    .main-container .wrapper .most-searched-row > span:nth-child(5) {
        display: none;
    }
}

@media (max-width: 620px) {
    .main-container .wrapper .most-searched-page {
        padding: 0;
    }

    .main-container .wrapper .most-searched-hero {
        padding: 18px;
    }

    .main-container .wrapper .most-searched-hero h1 {
        font-size: 24px;
    }

    .main-container .wrapper .dashboard-hero-share-row {
        align-items: stretch;
        flex-direction: column;
    }

    .main-container .wrapper .dashboard-share-actions {
        margin-left: 0;
    }

    .main-container .wrapper .premium-share-trigger {
        width: 100%;
        justify-content: center;
    }

    .premium-share-modal .premium-share-content {
        width: calc(100% - 20px);
        max-height: calc(100vh - 20px);
        margin: 10px auto;
        padding: 16px;
    }

    .premium-share-header {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 10px;
        padding-right: 38px;
    }

    .premium-share-mark {
        width: 44px;
        height: 44px;
        font-size: 17px;
    }

    .premium-share-header h2 {
        font-size: 19px;
    }

    .premium-share-buttons {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .main-container .wrapper .most-searched-stats {
        grid-template-columns: 1fr;
    }

    .main-container .wrapper .most-searched-periods a {
        flex: 1 1 calc(50% - 8px);
        box-sizing: border-box;
    }

    .main-container .wrapper .most-searched-head-row {
        display: none;
    }

    .main-container .wrapper .most-searched-row {
        grid-template-columns: 1fr auto;
        grid-template-areas:
            "number searches"
            "date searches";
        align-items: start;
        gap: 8px;
    }

    .main-container .wrapper .most-searched-row > span:nth-child(1) {
        grid-area: number;
    }

    .main-container .wrapper .most-searched-row > span:nth-child(2) {
        grid-area: searches;
        justify-self: end;
        min-width: 54px;
        padding: 6px 8px;
        border-radius: 8px;
        background: #eef6ff;
        color: #1f5f97;
        text-align: center;
    }

    .main-container .wrapper .most-searched-row > span:nth-child(3) {
        grid-area: date;
        padding-left: 44px;
        color: #66768a;
        font-size: 12px;
    }

    .main-container .wrapper .most-searched-table-card {
        padding: 12px;
    }

    .main-container .wrapper .most-searched-table-head {
        align-items: flex-start;
    }
}

.main-container .wrapper .most-reported-hero {
    background: linear-gradient(135deg, #ffffff 0%, #fff8f3 48%, #f7fbff 100%);
}

.main-container .wrapper .most-reported-stats {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.main-container .wrapper .most-reported-row {
    grid-template-columns: minmax(0, 1.55fr) minmax(72px, .55fr) minmax(72px, .55fr) minmax(96px, .72fr) minmax(96px, .72fr);
}

.main-container .wrapper .most-reported-risk {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 84px;
    padding: 6px 8px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.15;
    text-align: center;
    white-space: normal;
}

.main-container .wrapper .most-reported-risk.risk-high {
    background: #fff1f2;
    color: #be123c;
}

.main-container .wrapper .most-reported-risk.risk-medium {
    background: #fff7ed;
    color: #c2410c;
}

.main-container .wrapper .most-reported-risk.risk-review {
    background: #eef6ff;
    color: #1f5f97;
}

.main-container .wrapper .most-reported-foreign-card {
    margin-top: 16px;
}

@media (max-width: 1080px) {
    .main-container .wrapper .most-reported-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 960px) {
    .main-container .wrapper .most-reported-row {
        grid-template-columns: minmax(0, 1.35fr) minmax(64px, .45fr) minmax(64px, .45fr) minmax(92px, .7fr);
    }

    .main-container .wrapper .most-reported-row > span:nth-child(4) {
        display: none;
    }

    .main-container .wrapper .most-reported-row > span:nth-child(5) {
        display: block;
    }
}

@media (max-width: 620px) {
    .main-container .wrapper .most-reported-stats {
        grid-template-columns: 1fr;
    }

    .main-container .wrapper .most-reported-row {
        grid-template-columns: 1fr auto;
    }

    .main-container .wrapper .most-reported-row > span:nth-child(3),
    .main-container .wrapper .most-reported-row > span:nth-child(4),
    .main-container .wrapper .most-reported-row > span:nth-child(5) {
        display: none;
    }
}

.main-container .wrapper .spam-alert-hero {
    background: linear-gradient(135deg, #ffffff 0%, #fffaf0 48%, #f5fbff 100%);
}

.main-container .wrapper .spam-alert-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.main-container .wrapper .spam-alert-featured-number {
    grid-column: span 2;
    padding: 0;
}

.main-container .wrapper .spam-alert-featured-number > span {
    padding: 14px 14px 0;
}

.main-container .wrapper .spam-alert-featured-number a {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    grid-template-areas:
        "icon number"
        "icon meta";
    align-items: center;
    gap: 3px 10px;
    min-height: 66px;
    margin: 8px 0 0;
    padding: 10px 14px 14px;
    border-top: 1px solid #e3edf7;
    background: #fbfdff;
    color: #132238;
    font-size: 14px;
}

.main-container .wrapper .spam-alert-featured-number a i {
    grid-area: icon;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #fff7ed;
    color: #c2410c;
    font-size: 16px;
}

.main-container .wrapper .spam-alert-featured-number a strong {
    grid-area: number;
    margin: 0;
    color: #111827;
    font-size: 19px;
    line-height: 1.18;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.main-container .wrapper .spam-alert-featured-number a small {
    grid-area: meta;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

.main-container .wrapper .spam-alert-more {
    margin-top: 10px;
}

.main-container .wrapper .spam-alert-more summary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 9px 12px;
    border: 1px solid #dbe7f3;
    border-radius: 8px;
    background: #f8fafc;
    color: #31445c;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
    list-style: none;
}

.main-container .wrapper .spam-alert-more summary::-webkit-details-marker {
    display: none;
}

.main-container .wrapper .spam-alert-more summary i {
    color: #1f5f97;
    transition: transform .16s ease;
}

.main-container .wrapper .spam-alert-more[open] summary {
    margin-bottom: 10px;
    background: #eef6ff;
    color: #1f5f97;
}

.main-container .wrapper .spam-alert-more[open] summary i {
    transform: rotate(180deg);
}

.main-container .wrapper .spam-alert-table-extra {
    margin-top: 0;
}

.main-container .wrapper .spam-alert-row {
    grid-template-columns: minmax(0, 1.55fr) minmax(72px, .55fr) minmax(72px, .55fr) minmax(96px, .72fr) minmax(92px, .68fr);
}

.main-container .wrapper .spam-alert-level {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 74px;
    padding: 6px 8px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.15;
    text-align: center;
}

.main-container .wrapper .spam-alert-level.alarm-high {
    background: #fff1f2;
    color: #be123c;
}

.main-container .wrapper .spam-alert-level.alarm-medium {
    background: #fff7ed;
    color: #c2410c;
}

.main-container .wrapper .spam-alert-level.alarm-low {
    background: #ecfdf8;
    color: #0f766e;
}

@media (max-width: 1080px) {
    .main-container .wrapper .spam-alert-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 960px) {
    .main-container .wrapper .spam-alert-row {
        grid-template-columns: minmax(0, 1.35fr) minmax(64px, .45fr) minmax(64px, .45fr) minmax(90px, .68fr);
    }

    .main-container .wrapper .spam-alert-row > span:nth-child(4) {
        display: none;
    }

    .main-container .wrapper .spam-alert-row > span:nth-child(5) {
        display: block;
    }
}

@media (max-width: 620px) {
    .main-container .wrapper .spam-alert-stats {
        grid-template-columns: 1fr;
    }

    .main-container .wrapper .spam-alert-featured-number {
        grid-column: span 1;
    }

    .main-container .wrapper .spam-alert-featured-number a {
        grid-template-columns: 36px minmax(0, 1fr);
        padding: 10px 12px 13px;
    }

    .main-container .wrapper .spam-alert-featured-number a i {
        width: 36px;
        height: 36px;
    }

    .main-container .wrapper .spam-alert-row {
        grid-template-columns: 1fr auto;
    }

    .main-container .wrapper .spam-alert-row > span:nth-child(3),
    .main-container .wrapper .spam-alert-row > span:nth-child(4),
    .main-container .wrapper .spam-alert-row > span:nth-child(5) {
        display: none;
    }
}

.main-container .wrapper .top-prefix-hero {
    background: linear-gradient(135deg, #ffffff 0%, #f4fbff 48%, #f6fff8 100%);
}

.main-container .wrapper .top-prefix-stats {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.main-container .wrapper .top-prefix-row {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.05fr) minmax(78px, .55fr) minmax(78px, .55fr) minmax(92px, .7fr);
}

.main-container .wrapper .top-prefix-detail {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 86px;
    padding: 6px 8px;
    border-radius: 8px;
    background: #eef6ff;
    color: #1f5f97;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.15;
    text-align: center;
}

.main-container .wrapper .directory-stat-hero {
    background: linear-gradient(135deg, #ffffff 0%, #f7fbff 48%, #f4fbf9 100%);
}

.main-container .wrapper .directory-stat-links {
    box-sizing: border-box;
    width: 100%;
    /*display: grid;*/
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 18px;
    padding: 12px;
    border: 1px solid #dfe9f4;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(24, 39, 75, .06);
}

.main-container .wrapper .directory-stat-links a {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    min-height: 68px;
    gap: 11px;
    padding: 12px 14px;
    border: 1px solid #dbe7f3;
    border-radius: 8px;
    background: #f8fbff;
    color: #24364d;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.3;
    text-align: left;
    text-decoration: none;
    box-shadow: none;
    overflow: hidden;
    transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease;
}

.main-container .wrapper .directory-stat-links a:hover,
.main-container .wrapper .directory-stat-links a:focus {
    border-color: #0f766e;
    background: #ecfdf8;
    color: #0f766e;
    text-decoration: none;
    transform: translateY(-1px);
    outline: none;
}

.main-container .wrapper .directory-stat-links a > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border: 1px solid #cfe6f7;
    border-radius: 8px;
    background: #eef6ff;
    color: #1f5f97;
    font-size: 15px;
}

.main-container .wrapper .directory-stat-links a:hover > i,
.main-container .wrapper .directory-stat-links a:focus > i {
    border-color: #bde8dc;
    background: #dff8f0;
    color: #0f766e;
}

.main-container .wrapper .dashboard-seo-content {
    box-sizing: border-box;
    width: 100%;
    margin: 18px 0;
    padding: 20px;
    border: 1px solid #dfe9f4;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(24, 39, 75, .07);
}

.main-container .wrapper .dashboard-seo-head {
    max-width: 920px;
    margin-bottom: 16px;
}

.main-container .wrapper .dashboard-seo-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    color: #0f766e;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.main-container .wrapper .dashboard-seo-head h2 {
    margin: 0 0 8px;
    padding: 0;
    border: 0;
    color: #111827;
    font-size: 25px;
    line-height: 1.24;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.main-container .wrapper .dashboard-seo-head p {
    margin: 0;
    color: #4b5f78;
    font-size: 14px;
    line-height: 1.75;
}

.main-container .wrapper .dashboard-seo-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.main-container .wrapper .dashboard-seo-block {
    box-sizing: border-box;
    display: flex;
    min-width: 0;
    min-height: 260px;
    flex-direction: column;
    padding: 16px;
    border: 1px solid #dbe7f3;
    border-radius: 8px;
    background: linear-gradient(180deg, #f9fcff 0%, #ffffff 100%);
}

.main-container .wrapper .dashboard-seo-block-top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.main-container .wrapper .dashboard-seo-block-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #eef6ff;
    color: #1f5f97;
    font-size: 16px;
}

.main-container .wrapper .dashboard-seo-block-eyebrow {
    color: #0f766e;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
}

.main-container .wrapper .dashboard-seo-block h3 {
    margin: 0 0 8px;
    padding: 0;
    border: 0;
    color: #172236;
    font-size: 18px;
    line-height: 1.28;
    font-weight: 900;
}

.main-container .wrapper .dashboard-seo-block p {
    flex: 1 1 auto;
    margin: 0 0 14px;
    color: #51657d;
    font-size: 13px;
    line-height: 1.7;
}

.main-container .wrapper .dashboard-seo-metric {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px solid #e5eef8;
}

.main-container .wrapper .dashboard-seo-metric span {
    min-width: 0;
    color: #66768a;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
}

.main-container .wrapper .dashboard-seo-metric strong {
    color: #111827;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.2;
    text-align: right;
    overflow-wrap: anywhere;
}

.main-container .wrapper .directory-hub-links {
    box-sizing: border-box;
    width: 100%;
    margin: 18px 0;
    padding: 18px;
    border: 1px solid #dfe9f4;
    border-radius: 8px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 58%, #f4fbf8 100%);
    box-shadow: 0 14px 34px rgba(24, 39, 75, .07);
}

.main-container .wrapper .directory-hub-detail {
    margin: 18px 0 20px;
}

.main-container .wrapper .directory-hub-head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 14px;
}

.main-container .wrapper .directory-hub-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border: 1px solid #cce8df;
    border-radius: 8px;
    background: #ecfdf8;
    color: #0f766e;
    font-size: 20px;
}

.main-container .wrapper .directory-hub-copy {
    min-width: 0;
}

.main-container .wrapper .directory-hub-copy span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 5px;
    color: #0f766e;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.main-container .wrapper .directory-hub-copy h2 {
    margin: 0 0 6px;
    padding: 0;
    border: 0;
    color: #111827;
    font-size: 23px;
    line-height: 1.22;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.main-container .wrapper .directory-hub-copy p {
    max-width: 900px;
    margin: 0;
    color: #4b5f78;
    font-size: 14px;
    line-height: 1.65;
}

.main-container .wrapper .directory-hub-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.main-container .wrapper .directory-hub-card {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 154px;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
    border: 1px solid #dbe7f3;
    border-radius: 8px;
    background: rgba(255, 255, 255, .92);
    color: #23364d;
    text-decoration: none;
    box-shadow: 0 10px 24px rgba(24, 39, 75, .05);
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.main-container .wrapper .directory-hub-card:hover,
.main-container .wrapper .directory-hub-card:focus {
    border-color: #0f766e;
    background: #ffffff;
    color: #0f766e;
    text-decoration: none;
    box-shadow: 0 16px 32px rgba(15, 118, 110, .12);
    outline: none;
}

.main-container .wrapper .directory-hub-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: #eef6ff;
    color: #1f5f97;
    font-size: 16px;
}

.main-container .wrapper .directory-hub-card-copy {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 5px;
}

.main-container .wrapper .directory-hub-card-copy small {
    color: #0f766e;
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
}

.main-container .wrapper .directory-hub-card-copy strong {
    color: #172236;
    font-size: 15px;
    line-height: 1.25;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.main-container .wrapper .directory-hub-card-copy em {
    color: #66768a;
    font-size: 12px;
    font-style: normal;
    line-height: 1.45;
}

.main-container .wrapper .directory-hub-card-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: #f3f8fc;
    color: #2f445d;
    font-size: 12px;
}

@media (max-width: 960px) {
    .main-container .wrapper .top-prefix-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .main-container .wrapper .top-prefix-row {
        grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(72px, .55fr);
    }

    .main-container .wrapper .top-prefix-row > span:nth-child(4),
    .main-container .wrapper .top-prefix-row > span:nth-child(5) {
        display: none;
    }

    .main-container .wrapper .directory-stat-links {
        grid-template-columns: 1fr;
        gap: 9px;
        padding: 10px;
    }

    .main-container .wrapper .directory-stat-links a {
        min-height: 58px;
        padding: 10px 12px;
    }

    .main-container .wrapper .dashboard-seo-grid {
        grid-template-columns: 1fr;
    }

    .main-container .wrapper .dashboard-seo-block {
        min-height: 0;
    }

    .main-container .wrapper .directory-hub-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .main-container .wrapper .top-prefix-stats {
        grid-template-columns: 1fr;
    }

    .main-container .wrapper .top-prefix-row {
        grid-template-columns: 1fr auto;
        grid-template-areas:
            "number searches"
            "type searches";
    }

    .main-container .wrapper .top-prefix-row > span:nth-child(1) {
        grid-area: number;
    }

    .main-container .wrapper .top-prefix-row > span:nth-child(2) {
        grid-area: type;
        padding-left: 44px;
        color: #66768a;
        font-size: 12px;
    }

    .main-container .wrapper .top-prefix-row > span:nth-child(3) {
        grid-area: searches;
        justify-self: end;
        min-width: 54px;
        padding: 6px 8px;
        border-radius: 8px;
        background: #eef6ff;
        color: #1f5f97;
        text-align: center;
    }

    .main-container .wrapper .directory-stat-links a > i {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
        font-size: 14px;
    }

    .main-container .wrapper .dashboard-seo-content {
        padding: 15px;
    }

    .main-container .wrapper .dashboard-seo-head h2 {
        font-size: 21px;
    }

    .main-container .wrapper .dashboard-seo-metric {
        align-items: flex-start;
        flex-direction: column;
    }

    .main-container .wrapper .dashboard-seo-metric strong {
        text-align: left;
    }

    .main-container .wrapper .directory-hub-links {
        padding: 14px;
    }

    .main-container .wrapper .directory-hub-head {
        gap: 10px;
    }

    .main-container .wrapper .directory-hub-icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
        font-size: 17px;
    }

    .main-container .wrapper .directory-hub-copy h2 {
        font-size: 20px;
    }

    .main-container .wrapper .directory-hub-grid {
        grid-template-columns: 1fr;
    }

    .main-container .wrapper .directory-hub-card {
        min-height: 0;
        flex-direction: row;
        align-items: center;
    }

    .main-container .wrapper .directory-hub-card-arrow {
        align-self: center;
        flex: 0 0 28px;
    }
}

@media (max-width: 768px) {
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="file"]):not([type="image"]):not([type="hidden"]),
    textarea,
    select {
        font-size: 16px !important;
    }

    .main-container .wrapper .feedback-shell .form_input,
    .main-container .wrapper .feedback-shell textarea.form-control,
    .main-container .wrapper .home-search-panel input,
    .main-container .wrapper .smart-search-input-wrap input,
    .chat-modal-textarea {
        font-size: 16px !important;
    }
}