@font-face{font-family:MRRResources;src:url('/fonts/blog-manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:MRRResources;src:url('/fonts/blog-manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:MRRResources;src:url('/fonts/blog-manrope-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--paper:#fafaf8;--white:#fff;--ink:#20251f;--muted:#62695f;--line:#e2e5de;--soft:#f0f2eb;--green:#d6efab;--forest:#25432c;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:MRRResources,Arial,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #477a37;outline-offset:4px}::selection{background:var(--green)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2;font-weight:700;letter-spacing:-.045em}h1{font-size:clamp(36px,5vw,64px);max-width:900px;line-height:1.08}h2{font-size:24px}h3{font-size:19px}p{color:var(--muted)}.shell{max-width:1184px;padding:0 40px;margin:0 auto}.site-header{border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:22px;font-weight:800;letter-spacing:-1px;flex-shrink:0}.brand img{border-radius:7px}.brand:hover{text-decoration:none}.brand-period{color:var(--forest);font-size:36px;line-height:.5;margin-left:-8px}.header-inner nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:700}.header-inner nav>[aria-current=page]{text-decoration:underline;text-underline-offset:6px}.language{padding:8px 0;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:8px;min-height:50px;padding:13px 21px;font-size:14px;font-weight:700;text-align:center;white-space:normal;line-height:1.4;transition:background .18s,transform .18s}.button:hover{background:#354431;transform:translateY(-1px);text-decoration:none}.button.small{min-height:39px;padding:9px 15px;font-size:12px}.button.secondary{background:var(--white);color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:var(--soft)}.skip-link{position:fixed;z-index:100;top:10px;left:10px;transform:translateY(-200%);background:var(--ink);color:#fff;padding:10px 20px;border-radius:6px}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.hero{padding:48px 0 36px}.hero-hub{padding-bottom:50px}.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:12px;margin-bottom:28px}.breadcrumb span:not(:last-child){color:#9a9e95}.lead{font-size:17px;line-height:1.7;max-width:670px;margin-top:22px}.byline{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;margin-top:25px}.byline span{color:#9a9e95}.resource-section{margin:12px 0 60px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px}.section-heading h2{font-size:23px;letter-spacing:-.035em}.section-heading>span,.section-heading>a{font-size:12px;color:var(--muted)}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.resource-card{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:border-color .2s,transform .2s}.resource-card:hover{border-color:#93a484;transform:translateY(-2px);text-decoration:none}.card-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--soft);border-radius:11px;margin-bottom:24px;color:var(--forest)}.card-arrow{position:absolute;right:23px;top:26px;font-size:20px;color:#838b7c}.resource-card h3{font-size:19px;line-height:1.35;letter-spacing:-.035em;max-width:95%}.resource-card p{font-size:13px;line-height:1.7;margin-top:12px}.subtle-link{margin:24px 0;font-size:14px}.lookup-panel,.panel{border:1px solid var(--line);background:var(--white);border-radius:var(--radius);padding:28px}.lookup-panel{max-width:940px}.domain-form label{display:block;font-size:13px;font-weight:700;margin-bottom:10px}.search-input{display:flex;align-items:center;gap:0;border:1px solid #aeb6a6;border-radius:10px;padding:6px 6px 6px 16px;background:var(--paper)}.search-input>span{font-size:15px;color:#757d6e}.search-input input{border:0;background:none;min-width:0;width:100%;padding:12px 8px;font-size:18px;line-height:1.5;color:var(--ink)}.search-input .button{flex-shrink:0}.try-links{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;margin-top:17px;color:var(--muted)}.try-links a{color:var(--ink)}.results{margin-top:30px}.results:empty{margin:0}.notice,.empty-state{background:var(--soft);border:1px solid var(--line);padding:24px;border-radius:var(--radius);color:var(--ink);margin-bottom:22px}.empty-state h2{font-size:22px;margin-bottom:12px}.empty-state p{margin-bottom:18px;max-width:650px}.notice h3{margin-bottom:10px}.notice a{display:inline-block;margin-top:12px}.notice.error{background:#fff1ec;border-color:#edc3b3;color:#7d3321}.traffic-result{border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:var(--white)}.traffic-summary{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin:30px 0}.overline{font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--muted)}.big-number{font-size:clamp(36px,5vw,60px);line-height:1.1;letter-spacing:-.055em;color:var(--ink);font-weight:700;margin:14px 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.traffic-summary time{font-size:13px;color:var(--muted)}.traffic-chart{display:flex;align-items:end;height:155px;gap:18px;padding:0 5px 30px}.bar-column{height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;position:relative;flex:1}.bar{width:100%;max-width:80px;background:#a1ba87;border-radius:6px 6px 0 0;display:block}.bar-column:last-child .bar{background:var(--forest)}.bar-label{position:absolute;top:calc(100% + 6px);font-size:10px;white-space:nowrap;color:var(--muted)}.history{border-top:1px solid var(--line);padding-top:12px}.history table{width:100%;font-size:13px;border-collapse:collapse;margin:12px 0}.history caption{text-align:left;color:var(--muted);padding-bottom:10px}.history th,.history td{text-align:left;padding:9px 0;border-bottom:1px solid var(--line)}.history td,.history th:last-child{text-align:right}.history tbody th{font-weight:400}.fine-print{font-size:12px;line-height:1.7;margin-top:18px}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;margin-top:18px}.filter-form{display:flex;align-items:center;gap:12px;margin:4px 0 32px;flex-wrap:wrap}.filter-form input{flex:1;min-width:180px}.filter-form select{min-width:175px}.filter-form>a{font-size:12px;color:var(--muted);padding:8px 0}.filter-form input,.filter-form select,.field input,.field select{background:#fff;border:1px solid #bac1b4;border-radius:8px;min-height:48px;padding:11px 13px;color:var(--ink);max-width:100%}.company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.company-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;min-width:0}.company-identity{display:flex;align-items:center;gap:12px;margin-bottom:18px;min-width:0}.company-identity>div{min-width:0}.company-identity h3{font-size:18px;letter-spacing:-.035em;overflow-wrap:anywhere}.monogram{width:39px;height:39px;background:var(--soft);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;flex-shrink:0;font-family:Georgia,serif}.domain-label{display:block;font-size:11px;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.company-card>p{font-size:13px;line-height:1.8;margin-bottom:16px}.company-card>.text-link{margin-top:auto;padding-top:20px}.company-details{margin-top:auto}.company-details summary{font-size:12px}.detail-copy{padding:6px 0 2px;font-size:12px}.detail-copy p{margin:12px 0}.detail-copy strong{display:block;font-size:11px;color:var(--ink);margin-bottom:4px}.detail-copy a{font-size:12px;font-weight:700}.match-metric{margin:4px 0 18px;padding:12px 0;border-top:1px solid var(--line)}.match-metric strong{font-size:20px;display:block;letter-spacing:-.03em}.match-metric span{font-size:10px;color:var(--muted)}details>summary{cursor:pointer;line-height:1.55;padding:8px 24px 8px 0;position:relative;list-style:none;font-weight:700}details>summary::-webkit-details-marker{display:none}details>summary::after{content:'+';font-weight:400;position:absolute;right:0;top:5px;font-size:20px;color:var(--muted)}details[open]>summary::after{content:'−'}details p{font-size:13px}.directory{border-top:1px solid var(--line)}.directory-row{display:grid;grid-template-columns:40px 150px 1fr 120px 30px;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:22px 0}.directory-row h3{font-size:17px}.directory-row>p{font-size:13px}.category-label{font-size:11px;color:var(--muted)}.row-link{font-size:23px;text-align:center}.jump-nav{display:flex;gap:24px;font-size:13px;padding-bottom:25px;flex-wrap:wrap}.idea-grid,.bootstrap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.idea-card,.bootstrap-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-width:0}.card-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted);margin-bottom:20px}.card-meta>span:first-child{font-variant-numeric:tabular-nums;color:#606d55}.card-meta>span:last-child{text-align:right}.idea-card h2{font-size:23px;line-height:1.3;max-width:400px}.idea-card>p,.bootstrap-card>p{font-size:13px;margin-top:15px}.use-line strong{display:block;font-size:11px;color:var(--ink);margin-bottom:4px}.card-bottom{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}.example-link{font-size:12px;font-weight:700}.card-bottom details{margin-top:10px}.card-bottom summary{font-size:12px}.generator-form{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:end;margin-bottom:34px}.field{min-width:0}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.field input,.field select{width:100%}.more-ideas{margin-top:24px}.bootstrap-card{padding:30px}.bootstrap-card h2{font-size:30px}.bootstrap-proof{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--forest);margin-top:26px}.proof-dot{width:6px;height:6px;background:#567b39;flex-shrink:0;border-radius:50%}.calculator{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--white);max-width:980px}.calculator-form{padding:32px}.calculator-form>.overline{margin-bottom:22px}.calculator-form .field{margin-bottom:17px}.calculator-form .button{width:100%;margin-top:4px}.calculator-result{padding:38px;background:#eef3e6;display:flex;flex-direction:column;justify-content:center;min-width:0}.result-caption{font-size:13px;max-width:340px}.result-list{margin:28px 0 0}.result-list>div{display:flex;gap:14px;align-items:baseline;justify-content:space-between;padding:15px 0;border-top:1px solid #d5ddca;font-size:12px}.result-list dt{color:var(--muted)}.result-list dd{margin:0;font-weight:700;font-size:17px;text-align:right;overflow-wrap:anywhere}.comparison-list{border-top:1px solid var(--line)}.comparison-row{display:grid;grid-template-columns:150px 1fr 165px;gap:32px;padding:30px 0;border-bottom:1px solid var(--line);align-items:start}.comparison-row h2{font-size:22px}.comparison-row h3{font-size:17px;letter-spacing:-.025em;margin-bottom:10px}.comparison-row p{font-size:13px}.comparison-row .fine-print{font-size:12px;margin-top:8px}.comparison-row>a{font-size:12px;font-weight:700}.business-article{max-width:1040px}.article-answer{font-size:18px;line-height:1.9;max-width:790px;color:var(--ink);margin:0 0 36px}.revenue-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.channel-card{padding:28px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}.channel-number{color:#606d55;font-size:12px;display:block;margin-bottom:22px}.channel-card h2{font-size:24px;line-height:1.3}.channel-card .payer{font-size:11px;color:var(--forest);margin:10px 0 16px}.channel-card p{font-size:13px}.channel-card a{display:inline-block;font-size:12px;font-weight:700;margin-top:20px}.article-note{max-width:760px;margin-top:42px}.article-note h2{font-size:24px;margin-bottom:16px}.article-note p{font-size:14px;line-height:1.9}.reference-products{display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;font-size:12px;margin-top:36px}.reference-products>span{color:var(--muted)}.method-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:70px;padding:45px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.method-section h2{font-size:25px;margin:13px 0 18px;line-height:1.35}.method-section>div>p{font-size:13px;line-height:1.9}.faq h2{font-size:16px;letter-spacing:-.025em;margin-top:16px;margin-bottom:18px}.faq details{border-top:1px solid var(--line);padding:10px 0}.faq summary{font-size:13px}.faq p{padding:9px 0 6px;line-height:1.9}.related-section{margin:52px 0}.related-section .resource-card{padding:24px}.related-section .card-icon{display:none}.related-section .resource-card h3{padding-right:12px;font-size:17px}.closing-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:30px;margin:64px 0}.closing-cta h2{font-size:23px;max-width:600px;line-height:1.35}.closing-cta p{font-size:13px;margin-top:10px;max-width:600px}.closing-cta .button{flex-shrink:0}.site-footer{border-top:1px solid var(--line);padding:32px 0}.site-footer .shell{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.site-footer nav{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;color:var(--muted)}.site-footer .shell>span{font-size:10px;color:var(--muted)}
@media(min-width:1400px){.hero{padding-top:56px}.hero-hub h1{font-size:72px}}
@media(max-width:1000px){.shell{padding:0 28px}.resource-grid,.company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-grid>.resource-card:last-child:nth-child(3){grid-column:1/-1}.method-section{gap:40px}.directory-row{grid-template-columns:40px 130px 1fr 24px;gap:16px}.directory-row .category-label{display:none}.comparison-row{grid-template-columns:120px 1fr;gap:20px}.comparison-row>a{grid-column:2}.generator-form{grid-template-columns:1fr 1fr}.generator-form .button{grid-column:1/-1}.calculator-result{padding:28px}.closing-cta{align-items:flex-start}.closing-cta h2{font-size:21px}}
@media(max-width:700px){.shell{padding:0 20px}.header-inner{min-height:72px;gap:12px}.brand{font-size:19px}.brand img{width:25px;height:25px}.header-inner nav{gap:18px;font-size:12px}.nav-resources,.header-cta{display:none!important}.hero{padding:30px 0}.breadcrumb{font-size:11px;margin-bottom:22px;gap:9px}h1{font-size:39px;letter-spacing:-.055em;line-height:1.12}.hero-hub h1{font-size:46px}.lead{font-size:15px;line-height:1.8;margin-top:19px}.section-heading{align-items:center;gap:12px}.section-heading h2{font-size:21px}.section-heading>span,.section-heading>a{font-size:10px;text-align:right}.resource-grid,.company-grid,.idea-grid,.bootstrap-grid{grid-template-columns:1fr;gap:13px}.resource-grid>.resource-card:last-child:nth-child(3){grid-column:auto}.resource-card{padding:24px}.card-icon{width:36px;height:36px;margin-bottom:18px}.resource-card h3{font-size:20px;padding-right:8px}.resource-card p{margin-top:10px}.resource-section{margin-bottom:42px}.lookup-panel,.panel{padding:20px}.search-input{flex-wrap:wrap;padding:9px 10px 10px;gap:0}.search-input>span{font-size:13px}.search-input input{width:calc(100% - 53px);font-size:16px;padding:10px 4px}.search-input .button{width:100%;margin-top:8px;min-height:46px}.try-links{gap:10px 15px;font-size:11px}.try-links>span{width:100%}.traffic-result{padding:22px}.traffic-result .section-heading{align-items:start}.traffic-result h2{font-size:21px;overflow-wrap:anywhere}.traffic-summary{grid-template-columns:1fr;margin:24px 0}.traffic-chart{height:150px;max-width:350px}.big-number{font-size:46px}.filter-form{gap:10px}.filter-form input{flex-basis:100%}.filter-form select{flex:1;min-width:0;width:130px}.filter-form .button{padding:10px 16px}.company-card{padding:23px}.company-card>p{font-size:14px}.directory-row{grid-template-columns:36px 1fr 24px;gap:12px;padding:20px 0}.directory-row>.monogram{width:36px;height:36px}.directory-row>p{grid-column:2;grid-row:2;font-size:12px}.directory-row>.row-link{grid-column:3;grid-row:1}.idea-card,.bootstrap-card{padding:24px}.idea-card h2{font-size:24px}.card-meta{font-size:10px;margin-bottom:18px}.card-meta>span:last-child{max-width:83%}.generator-form{grid-template-columns:1fr;gap:18px}.calculator{grid-template-columns:1fr;border-radius:14px}.calculator-form,.calculator-result{padding:25px}.calculator-result{min-height:300px}.result-list dd{font-size:18px}.comparison-row{grid-template-columns:1fr;gap:15px;padding:25px 0}.comparison-row>a{grid-column:1}.comparison-row h2{font-size:26px}.article-answer{font-size:16px;line-height:1.9;margin-bottom:26px}.revenue-channels{grid-template-columns:1fr}.channel-card{padding:26px}.channel-card h2{font-size:25px}.article-note{margin-top:34px}.article-note h2{font-size:23px}.method-section{grid-template-columns:1fr;gap:25px;margin-top:48px;padding:30px 0}.method-section h2{font-size:24px}.faq h2{font-size:17px}.method-section>div>p{font-size:14px}.related-section{margin:38px 0}.closing-cta{padding:26px;flex-direction:column;gap:20px;margin:44px 0}.closing-cta .button{width:100%}.closing-cta h2{font-size:23px}.site-footer{padding:27px 0}.site-footer .shell{gap:20px}.site-footer nav{width:100%;gap:15px 22px;font-size:12px}.jump-nav{font-size:12px;gap:16px}}
@media(max-width:360px){.shell{padding:0 16px}.header-inner nav{gap:13px}.brand{font-size:17px}.hero-hub h1,h1{font-size:35px}.lookup-panel{padding:16px}.calculator-form,.calculator-result{padding:21px}.big-number{font-size:39px}.section-heading h2{font-size:19px}.idea-card h2{font-size:21px}.filter-form .button{padding:10px 11px}.resource-card{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Comparable SaaS: one compact ranking, with the monthly figure on a shared axis. */
.results:focus{outline:none}
.product-logo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #e8ebe4;border-radius:11px;background:#fff;overflow:hidden}
.product-logo img{display:block;width:30px;height:30px;object-fit:contain;border-radius:5px}
.bootstrap-identity{display:inline-flex;align-items:center;gap:14px}
.ranking-heading{margin:34px 0 20px;align-items:center}
.ranking-heading h2{font-size:25px;overflow-wrap:anywhere}
.ranking-heading .result-count{flex-shrink:0;border:1px solid var(--line);background:#f2f4ee;border-radius:7px;padding:4px 10px;color:#56604e;font-size:12px;white-space:nowrap}
.ranking-wrap{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.ranking-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}
.ranking-table .rank-col{width:56px}.ranking-table .site-col{width:255px}.ranking-table .visits-col{width:205px}.ranking-table .action-col{width:62px}
.ranking-table thead{background:#f2f4ef}
.ranking-table thead th{font-weight:700;font-size:11px;line-height:1.5;color:#636c5c;padding:17px 20px;letter-spacing:.025em;vertical-align:middle}
.ranking-table thead .ranking-visits{color:#304329;white-space:nowrap;font-size:12px;letter-spacing:0}
.ranking-table thead .ranking-visits span{margin-left:5px}
.ranking-table tbody td,.ranking-table tbody th{border-top:1px solid #ebeee6;padding:20px;vertical-align:middle;font-weight:400;transition:background .15s}
.ranking-table tbody tr:hover{background:#f8faf5}
.ranking-table .rank-cell{text-align:center;padding-left:12px;padding-right:5px}
.rank-number{font-size:13px;font-weight:700;color:#7a8271;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px}
.rank-first{color:#345124;background:#eaf2de;border-radius:7px}
.ranking-identity{display:flex;align-items:center;gap:13px;min-width:0;text-decoration:none}
.ranking-identity:hover{text-decoration:none}.ranking-identity:hover strong{text-decoration:underline;text-underline-offset:4px}
.ranking-site-copy{display:block;min-width:0}.ranking-site-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;line-height:1.5;letter-spacing:-.025em;color:#22291e}
.ranking-site-copy .domain-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;line-height:1.5;font-weight:400}
.ranking-use p{font-size:12px;line-height:1.7;color:#70776a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;max-width:350px}
.ranking-table .ranking-visits{text-align:right}
.ranking-visit-number{display:block;font-size:24px;font-weight:800;letter-spacing:-.035em;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap;color:#21291c}
.ranking-visits time,.ranking-date{display:block;font-size:11px;color:#747d6b;margin-top:4px;line-height:1.5;font-weight:400}
.ranking-table .ranking-action{padding-left:9px;padding-right:20px;text-align:right}
.ranking-action a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;border:1px solid #e4e8de;color:#6e7a61;font-size:18px;background:#fff}
.ranking-action a:hover{color:#243e1c;border-color:#9cad8b;text-decoration:none;background:#f0f5e9}
.ranking-source{font-size:11px;line-height:1.8;color:#737c69;margin-top:14px;max-width:850px}
@media(max-width:1000px){.ranking-table .site-col{width:235px}.ranking-table .visits-col{width:180px}.ranking-table .rank-col{width:42px}.ranking-table .action-col{width:46px}.ranking-table thead th,.ranking-table tbody td,.ranking-table tbody th{padding-left:14px;padding-right:14px}.ranking-table .ranking-action{padding-right:12px}.ranking-visit-number{font-size:22px}.ranking-use p{font-size:11px}}
@media(max-width:760px){.ranking-table .use-col,.ranking-table .ranking-use{display:none}.ranking-table .site-col{width:auto}.ranking-table .visits-col{width:185px}.ranking-heading h2{font-size:23px}}
@media(max-width:520px){.ranking-heading{gap:12px;margin-top:28px}.ranking-heading h2{font-size:22px;max-width:260px;line-height:1.3}.ranking-heading .result-count{font-size:10px;padding:4px 7px}.ranking-wrap{border-radius:11px}.ranking-table .rank-col{width:29px}.ranking-table .visits-col{width:124px}.ranking-table .action-col,.ranking-table .ranking-action{display:none}.ranking-table thead th{font-size:10px;padding:14px 8px}.ranking-table thead .ranking-visits{font-size:10px;padding-right:14px}.ranking-table thead .ranking-visits span{margin-left:3px}.ranking-table tbody td,.ranking-table tbody th{padding:19px 8px}.ranking-table .rank-cell{padding-left:3px;padding-right:0}.rank-number{width:21px;height:23px;font-size:10px}.rank-first{border-radius:5px}.ranking-identity{gap:9px}.ranking-identity .product-logo{flex-basis:34px;width:34px;height:34px;border-radius:9px}.ranking-identity .product-logo img{width:25px;height:25px}.ranking-site-copy strong{font-size:13px;letter-spacing:-.025em}.ranking-site-copy .domain-label{font-size:10px;margin-top:2px}.ranking-visit-number{font-size:20px;letter-spacing:-.04em}.ranking-table tbody .ranking-visits{padding-right:14px}.ranking-visits time,.ranking-date{font-size:10px;margin-top:3px}.ranking-source{font-size:10px;line-height:1.8;margin-top:12px}}
@media(max-width:360px){.ranking-table .rank-col{width:24px}.ranking-table .visits-col{width:106px}.ranking-table tbody td,.ranking-table tbody th{padding-left:6px;padding-right:6px}.ranking-table tbody .ranking-visits,.ranking-table thead .ranking-visits{padding-right:10px}.ranking-identity{gap:6px}.ranking-identity .product-logo{flex-basis:29px;width:29px;height:29px;border-radius:7px}.ranking-identity .product-logo img{width:22px;height:22px}.ranking-site-copy strong{font-size:12px}.ranking-site-copy .domain-label{font-size:9px}.ranking-visit-number{font-size:18px}.ranking-heading h2{font-size:20px}.ranking-heading .result-count{padding:3px 6px}.ranking-table thead th{padding-left:6px}}