/* Copyright (c) 2026 TurnOnSales.es. All rights reserved.
   Route C presentation layer. It consumes only approved A1, A2 and A8 assets;
   content, comparisons and editorial data remain the responsibility of tos-platform. */

:root { --bc-ink:#26362e; --bc-compass:#517765; --bc-segment:#b6cda7; --bc-needle:#c45b3c; --bc-background:#f6f0e7; --bc-paper:#fcfaf5; --bc-line:#dfdacd; --bc-muted:#657068; --bc-content:min(90vw,1640px); --bc-reading:min(90vw,1120px); --bc-radius:1.1rem; --bc-transition:180ms ease; }
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body,.editor-styles-wrapper { background:var(--bc-background); color:var(--bc-ink); }
body { margin:0; }
img { display:block; height:auto; max-width:100%; }
a { color:inherit; text-decoration-thickness:1px; text-underline-offset:.2em; }
a:hover { color:var(--bc-compass); }
:where(a,button,input,summary):focus-visible { outline:3px solid var(--bc-needle); outline-offset:4px; }
.screen-reader-text { clip:rect(1px,1px,1px,1px); clip-path:inset(50%); height:1px; overflow:hidden; position:absolute; white-space:nowrap; width:1px; }

/* One very quiet compass motif supports the identity without competing with content. */
.wp-site-blocks { background:var(--bc-background); min-height:100vh; overflow:hidden; position:relative; }
.wp-site-blocks::before { background:url('../motifs/trama-brujula.svg') right 9rem / 42rem no-repeat; content:''; inset:0; opacity:.045; pointer-events:none; position:absolute; }
.wp-site-blocks > * { position:relative; }
.wp-site-blocks > footer { margin-top:auto; }

/* Header */
.tos-site-header { background:rgb(246 240 231 / .97); border-bottom:1px solid var(--bc-line); position:sticky; top:0; z-index:30; }
.tos-header-inner { align-items:center; display:grid; gap:1.25rem; grid-template-columns:minmax(13rem,1fr) auto minmax(13rem,1fr); margin:0 auto; max-width:var(--bc-content); min-height:6.75rem; padding:1rem 0; }
.tos-brand { display:inline-flex; justify-self:start; }
.tos-brand img { height:auto; width:min(19.25rem,100%); }
.tos-primary-nav { align-items:center; display:flex; gap:clamp(1rem,2.1vw,2.45rem); justify-content:center; }
.tos-primary-nav a { font-size:.94rem; font-weight:700; text-decoration:none; white-space:nowrap; }
.tos-category-menu { position:relative; }
.tos-category-menu summary { align-items:center; cursor:pointer; display:flex; font-size:.94rem; font-weight:700; gap:.35rem; list-style:none; white-space:nowrap; }
.tos-category-menu summary::-webkit-details-marker { display:none; }
.tos-category-menu summary span { color:var(--bc-needle); font-size:1.1rem; line-height:1; transform:translateY(-.08rem); }
.tos-category-menu[open] summary { color:var(--bc-compass); }
.tos-category-megamenu { background:var(--bc-paper); border:1px solid var(--bc-line); box-shadow:0 1.1rem 2.6rem rgb(38 54 46 / .12); display:grid; gap:2.5rem; grid-template-columns:minmax(13rem,.8fr) minmax(33rem,1.6fr); left:50%; min-width:min(52rem,88vw); padding:2rem; position:absolute; top:calc(100% + 1.25rem); transform:translateX(-50%); }
.tos-category-megamenu::before { border:9px solid transparent; border-bottom-color:var(--bc-line); content:''; left:50%; position:absolute; top:-1.15rem; transform:translateX(-50%); }
.tos-category-megamenu__intro { border-right:1px solid var(--bc-line); padding-right:2rem; }
.tos-category-megamenu__intro .tos-eyebrow { font-size:.7rem; margin-bottom:.7rem; }
.tos-category-megamenu__intro h2 { font-family:var(--wp--preset--font-family--serif,Georgia,serif); font-size:1.6rem; letter-spacing:-.045em; line-height:1.03; margin:0; }
.tos-category-megamenu__intro p:not(.tos-eyebrow) { color:var(--bc-muted); font-size:.88rem; line-height:1.4; margin:1rem 0 1.35rem; }
.tos-primary-nav .tos-category-megamenu__intro a { color:var(--bc-compass); font-size:.84rem; }
.tos-category-megamenu__links { column-gap:1rem; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:.3rem; }
.tos-primary-nav .tos-category-megamenu__links a { border-bottom:1px solid transparent; font-size:.88rem; padding:.55rem .35rem; white-space:normal; }
.tos-primary-nav .tos-category-megamenu__links a:hover,.tos-primary-nav .tos-category-megamenu__links a:focus-visible { background:#eeeadf; border-bottom-color:var(--bc-segment); color:var(--bc-compass); }
.tos-header-actions { align-items:center; display:flex; gap:1.25rem; justify-content:end; }
.tos-header-search { align-items:center; display:flex; }
.tos-header-search input { background:transparent; border:0; color:var(--bc-ink); font:inherit; max-width:0; opacity:0; padding:0; transition:max-width 120ms ease,opacity 120ms ease; width:8rem; }
.tos-header-search:focus-within input { border-bottom:1px solid var(--bc-compass); max-width:8rem; opacity:1; padding:.25rem .35rem; }
.tos-header-search button { background:transparent; border:0; cursor:pointer; padding:.35rem; }
.tos-header-search img { height:1.4rem; width:1.4rem; }
.tos-button { background:var(--bc-needle); border:1px solid var(--bc-needle); border-radius:999px; color:#fff; display:inline-flex; font-family:var(--wp--preset--font-family--sans,system-ui,sans-serif); font-size:.94rem; font-weight:750; justify-content:center; line-height:1.2; padding:.86rem 1.5rem; text-decoration:none; transition:background-color 120ms ease,border-color 120ms ease,color 120ms ease; }
.tos-button:hover { background:#a7462b; border-color:#a7462b; color:#fff; }
.tos-button--outline { background:transparent; border-color:var(--bc-compass); color:var(--bc-ink); }
.tos-button--outline:hover { background:var(--bc-segment); border-color:var(--bc-compass); color:var(--bc-ink); }
.tos-header-subscribe { padding:.7rem 1.05rem; }
.tos-mobile-nav { display:none; position:relative; }
.tos-mobile-nav summary { cursor:pointer; list-style:none; padding:.55rem; }
.tos-mobile-nav summary::-webkit-details-marker { display:none; }
.tos-mobile-nav nav { background:var(--bc-paper); border:1px solid var(--bc-line); display:grid; min-width:14rem; padding:.6rem; position:absolute; right:0; top:calc(100% + .5rem); }
.tos-mobile-nav nav a { font-weight:700; padding:.7rem .9rem; text-decoration:none; }
.tos-mobile-category-links { border-bottom:1px solid var(--bc-line); border-top:1px solid var(--bc-line); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:.25rem .5rem; padding:.35rem 0; }
.tos-mobile-nav .tos-mobile-category-links a { color:var(--bc-muted); font-size:.78rem; padding:.45rem .4rem; }

/* Home */
.tos-home-hero { border-bottom:1px solid var(--bc-line); padding:clamp(3.25rem,6vw,6.25rem) 0 2.5rem; }
.tos-home-hero__grid { align-items:center; display:grid; gap:clamp(2.5rem,6vw,8rem); grid-template-columns:minmax(0,.98fr) minmax(0,1fr); margin:0 auto; max-width:var(--bc-content); }
.tos-eyebrow,.tos-card-kicker { color:var(--bc-needle); font-family:var(--wp--preset--font-family--sans,system-ui,sans-serif); font-size:.84rem; font-weight:800; letter-spacing:.035em; margin:0 0 1.5rem; text-transform:uppercase; }
.tos-home-hero h1,.tos-article h1,.tos-category-hero h1 { color:var(--bc-ink); font-family:var(--wp--preset--font-family--serif,Georgia,serif); font-size:clamp(3rem,4vw,5.4rem); font-weight:600; letter-spacing:-.06em; line-height:.98; margin:0; max-width:16ch; }
.tos-lead,.is-style-tos-lead { color:var(--bc-muted); font-size:clamp(1.16rem,1.45vw,1.45rem); line-height:1.4; margin:1.6rem 0 0; max-width:34rem; }
.tos-actions { display:flex; flex-wrap:wrap; gap:1rem; margin-top:2.75rem; }
.tos-home-hero__visual img { aspect-ratio:16 / 9; border-radius:var(--bc-radius); object-fit:cover; width:100%; }
.tos-home-proof { border-bottom:1px solid var(--bc-line); }
.tos-home-proof__inner { display:grid; gap:2rem; grid-template-columns:repeat(4,1fr); margin:0 auto; max-width:var(--bc-content); padding:2.25rem 0; }
.tos-home-proof article { align-items:center; display:grid; gap:1rem; grid-template-columns:3.25rem minmax(0,1fr); }
.tos-home-proof article img { background:#eeeadf; border:1px solid var(--bc-line); border-radius:50%; padding:.55rem; width:3.25rem; }
.tos-home-proof h2 { font-family:var(--wp--preset--font-family--sans,system-ui,sans-serif); font-size:1rem; margin:0 0 .18rem; }
.tos-home-proof p { color:var(--bc-muted); font-size:.88rem; margin:0; }
.tos-home-categories,.tos-category-featured,.tos-latest-analysis { margin:0 auto; max-width:var(--bc-content); padding:clamp(3.75rem,7vw,7rem) 0; }
.tos-section-heading h2,.tos-guide-content h2,.tos-latest-analysis h2 { font-family:var(--wp--preset--font-family--serif,Georgia,serif); font-size:clamp(2rem,3vw,3.4rem); letter-spacing:-.045em; line-height:1.04; margin:0; }
.tos-section-heading p { color:var(--bc-muted); margin:.5rem 0 1.75rem; }
.tos-category-grid { display:grid; gap:clamp(1rem,2.1vw,2.5rem); grid-template-columns:repeat(4,1fr); }
.tos-category-tile { color:var(--bc-ink); display:block; overflow:hidden; position:relative; text-decoration:none; }
.tos-category-tile picture,.tos-category-tile img { display:block; width:100%; }
.tos-category-tile img { aspect-ratio:16 / 9; border-radius:var(--bc-radius); object-fit:cover; transition:transform var(--bc-transition); }
.tos-category-tile:hover img,.tos-category-tile:focus-visible img { transform:scale(1.02); }
.tos-category-tile span { background:var(--bc-paper); border-radius:999px; bottom:1rem; font-size:.92rem; font-weight:750; left:1rem; padding:.55rem 1rem; position:absolute; }

/* Article and guide */
.tos-article { padding:clamp(3rem,6vw,5.75rem) 0 clamp(4rem,8vw,7.5rem); }
.tos-article-heading { margin:0 auto; max-width:var(--bc-reading); }
.tos-article .wp-block-post-terms { color:var(--bc-compass); font-weight:700; margin:0 0 1.25rem; }
.tos-article .wp-block-post-terms a { text-decoration:none; }
.tos-article .wp-block-post-title { margin:0; }
.tos-article-meta,.tos-traceability { align-items:center; border-bottom:1px solid var(--bc-line); border-top:1px solid var(--bc-line); display:flex; flex-wrap:wrap; gap:1.5rem 3rem; margin:2.75rem 0; padding:1.1rem 0; }
.tos-article-meta span,.tos-traceability span { align-items:center; display:inline-flex; font-size:.91rem; font-weight:700; gap:.6rem; }
.tos-article-meta img,.tos-traceability img { height:1.45rem; width:1.45rem; }
.tos-article-hero img { aspect-ratio:16 / 9; border-radius:var(--bc-radius); object-fit:cover; width:100%; }
.tos-guide-body { display:grid; gap:clamp(2.5rem,6vw,7rem); grid-template-columns:minmax(0,1fr) minmax(17rem,.34fr); margin:clamp(3rem,6vw,5rem) auto 0; max-width:var(--bc-reading); }
.tos-guide-content { max-width:46rem; }
.tos-guide-content h2 { margin:0 0 1.1rem; }
.tos-decision-box { align-items:start; background:#eeeadc; border:1px solid var(--bc-line); border-radius:.8rem; display:grid; gap:1.1rem; grid-template-columns:auto minmax(0,1fr); margin:0 0 3.5rem; padding:1.5rem; }
.tos-decision-box img { margin-top:.1rem; }
.tos-decision-box .wp-block-post-excerpt__excerpt { font-size:1.15rem; line-height:1.45; margin:0; }
.tos-criteria-list { list-style:none; margin:0 0 3rem; padding:0; }
.tos-criteria-list li { align-items:start; border-bottom:1px solid var(--bc-line); display:grid; gap:1rem; grid-template-columns:2rem minmax(0,1fr); padding:1.15rem 0; }
.tos-criteria-list strong,.tos-criteria-list span { display:block; }
.tos-criteria-list strong { font-size:1.08rem; margin-bottom:.22rem; }
.tos-criteria-list span { color:var(--bc-muted); }
.tos-method-card { align-self:start; background:#f1ede2; border:1px solid var(--bc-line); border-radius:1rem; padding:1.65rem; position:sticky; top:8.25rem; }
.tos-method-card__mark { float:left; margin:0 1rem .7rem 0; }
.tos-method-card h2 { font-family:var(--wp--preset--font-family--sans,system-ui,sans-serif); font-size:1.15rem; margin:.35rem 0; }
.tos-method-card > p { color:var(--bc-muted); margin:0 0 1.4rem; }
.tos-method-card ol { list-style:none; margin:0; padding:0; }
.tos-method-card li { font-weight:700; margin:0 0 1rem; padding-left:1.45rem; position:relative; }
.tos-method-card li::before { background:var(--bc-compass); border-radius:50%; content:''; height:.55rem; left:0; position:absolute; top:.4rem; width:.55rem; }
.tos-method-card > div { border-top:1px solid var(--bc-line); display:grid; gap:.25rem .75rem; grid-template-columns:2.25rem 1fr; margin-top:1.65rem; padding-top:1.3rem; }
.tos-method-card > div img { grid-row:span 2; }
.tos-method-card > div span { color:var(--bc-muted); font-size:.88rem; }

/* Comparison */
.tos-comparison-summary { margin:clamp(2.5rem,5vw,4.5rem) auto 0; max-width:var(--bc-reading); }
.tos-comparison-table { border:1px solid var(--bc-line); border-radius:var(--bc-radius); overflow-x:auto; }
.tos-comparison-table table { border-collapse:collapse; min-width:42rem; width:100%; }
.tos-comparison-table caption { caption-side:top; color:var(--bc-ink); font-family:var(--wp--preset--font-family--serif,Georgia,serif); font-size:clamp(1.8rem,3vw,3rem); font-weight:600; letter-spacing:-.04em; padding:0 0 1.3rem; text-align:left; }
.tos-comparison-table th,.tos-comparison-table td { border-bottom:1px solid var(--bc-line); padding:1.15rem 1.45rem; text-align:left; }
.tos-comparison-table thead th { background:#e9e5d9; font-family:var(--wp--preset--font-family--serif,Georgia,serif); font-size:1.25rem; }
.tos-comparison-table tbody th { font-family:var(--wp--preset--font-family--sans,system-ui,sans-serif); }
.tos-comparison-table tbody tr:last-child :is(th,td) { border-bottom:0; }
.tos-score { color:var(--bc-compass); font-size:1.35rem; font-weight:800; }
.tos-comparison-verdict { align-items:center; display:grid; gap:1.25rem; grid-template-columns:auto minmax(0,1fr) auto; margin-top:3.25rem; }
.tos-comparison-verdict h2 { font-family:var(--wp--preset--font-family--serif,Georgia,serif); font-size:clamp(1.7rem,2.5vw,2.65rem); letter-spacing:-.04em; margin:0 0 .35rem; }
.tos-comparison-verdict p { color:var(--bc-muted); margin:0; }
.tos-comparison-content { margin:3rem auto 0; max-width:var(--bc-reading); }

/* Category hub */
.tos-category-main { padding:clamp(3.25rem,6vw,5.75rem) 0; }
.tos-category-page { margin:0 auto; max-width:var(--bc-content); }
.tos-category-hero { align-items:center; display:grid; gap:clamp(2rem,6vw,7rem); grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.tos-category-hero__copy .wp-block-query-title { margin:0; }
.tos-category-hero__visual img { aspect-ratio:16 / 9; border-radius:var(--bc-radius); object-fit:cover; width:100%; }
.tos-category-shortcuts { border-bottom:1px solid var(--bc-line); display:grid; gap:1rem; grid-template-columns:repeat(4,1fr); margin-top:2.75rem; padding-bottom:2rem; }
.tos-category-shortcuts a { align-items:center; display:grid; font-weight:700; gap:.85rem; justify-items:center; text-align:center; text-decoration:none; }
.tos-category-shortcuts img { background:#eeeadf; border-radius:50%; padding:.85rem; width:4rem; }
.tos-featured-grid { display:grid; gap:clamp(1rem,2.4vw,2.5rem); grid-template-columns:repeat(3,1fr); }
.tos-feature-card { border:1px solid var(--bc-line); border-radius:var(--bc-radius); display:flex; flex-direction:column; min-height:100%; overflow:hidden; padding-bottom:1.25rem; }
.tos-feature-card__image img { aspect-ratio:16 / 9; object-fit:cover; transition:transform var(--bc-transition); width:100%; }
.tos-feature-card:hover .tos-feature-card__image img { transform:scale(1.02); }
.tos-feature-card :is(.tos-card-kicker,h3,p,a) { margin-left:1.4rem; margin-right:1.4rem; }
.tos-feature-card .tos-card-kicker { font-size:.72rem; margin-bottom:.65rem; margin-top:1.45rem; }
.tos-feature-card h3 { font-family:var(--wp--preset--font-family--serif,Georgia,serif); font-size:clamp(1.45rem,2.1vw,2rem); letter-spacing:-.04em; line-height:1.02; margin-bottom:.45rem; margin-top:0; }
.tos-feature-card p:not(.tos-card-kicker) { color:var(--bc-muted); line-height:1.35; margin-bottom:1.5rem; margin-top:0; }
.tos-feature-card a { color:var(--bc-compass); font-size:.9rem; font-weight:800; margin-top:auto; text-align:right; text-decoration:none; }
.tos-latest-analysis { padding-top:0; }
.tos-latest-analysis h2 { margin-bottom:1.5rem; }
.tos-latest-item { border-bottom:1px solid var(--bc-line); gap:1rem; padding:1.15rem 0; }
.tos-latest-item .wp-block-post-title { font-family:var(--wp--preset--font-family--sans,system-ui,sans-serif); font-size:1.05rem; margin:0; }
.tos-latest-item .wp-block-post-date { color:var(--bc-muted); font-size:.9rem; }

/* Commerce foundation: only rendered by the plugin after it validates an offer. */
.tos-affiliate-disclosure { background:#eeeadc; border-left:3px solid var(--bc-needle); color:var(--bc-muted); font-size:.9rem; line-height:1.45; margin:1.5rem 0; max-width:var(--bc-reading); padding:.85rem 1rem; }
.tos-offer-card { background:var(--bc-paper); border:1px solid var(--bc-line); border-radius:var(--bc-radius); margin:2rem auto; max-width:var(--bc-reading); padding:clamp(1.25rem,2.4vw,2rem); }
.tos-offer-card__disclosure,.tos-offer-card__meta { color:var(--bc-muted); font-size:.85rem; line-height:1.4; margin:0; }
.tos-offer-card h2 { font-family:var(--wp--preset--font-family--serif,Georgia,serif); font-size:clamp(1.55rem,2.3vw,2.25rem); letter-spacing:-.045em; line-height:1.05; margin:1rem 0 .35rem; }
.tos-offer-card__merchant { font-weight:700; margin:.15rem 0; }
.tos-offer-card__price { color:var(--bc-compass); font-size:1.4rem; font-weight:800; margin:1.15rem 0 .3rem; }
.tos-offer-card .tos-button { margin-top:1.25rem; }

/* Provider-neutral advertising frame emitted only after the platform consent gate. */
.tos-ad-slot { background:#f1ede2; border:1px solid var(--bc-line); margin:clamp(2rem,5vw,3.75rem) auto; max-width:var(--bc-reading); min-height:clamp(9rem,18vw,15.625rem); overflow:hidden; padding:.8rem; position:relative; }
.tos-ad-slot__label { color:var(--bc-muted); font-family:var(--wp--preset--font-family--sans,system-ui,sans-serif); font-size:.68rem; font-weight:800; left:1rem; letter-spacing:.08em; position:absolute; text-transform:uppercase; top:.85rem; }
.tos-ad-slot--category-native { max-width:var(--bc-content); min-height:10rem; }
.tos-ad-slot--preview { align-content:center; background:repeating-linear-gradient(-45deg,#f1ede2,#f1ede2 1rem,#eeeadf 1rem,#eeeadf 2rem); display:grid; gap:.35rem; justify-items:center; min-height:9.5rem; padding:2.4rem 1rem 1rem; text-align:center; }
.tos-ad-slot__preview-title { color:var(--bc-ink); font-family:var(--wp--preset--font-family--sans,system-ui,sans-serif); font-size:.9rem; letter-spacing:.05em; }
.tos-ad-slot__preview-copy { color:var(--bc-muted); font-size:.82rem; max-width:32rem; }
.tos-ad-slot__close { align-items:center; background:var(--bc-paper); border:1px solid var(--bc-line); border-radius:50%; color:var(--bc-ink); cursor:pointer; display:flex; font-size:1.2rem; height:2rem; justify-content:center; padding:0; position:absolute; right:.75rem; top:.65rem; width:2rem; }
.tos-ad-slot--mobile-anchor { bottom:0; left:0; margin:0; max-width:none; position:fixed; right:0; z-index:40; }
@media (min-width:761px) { .tos-ad-slot--mobile-anchor { display:none; } }

/* Subscription and reserved-reading states remain editorial, not sales overlays. */
.tos-subscription { margin:clamp(3rem,7vw,6rem) auto; max-width:44rem; }
.tos-subscription h1 { font-family:var(--wp--preset--font-family--serif,Georgia,serif); font-size:clamp(2.6rem,5vw,4.5rem); letter-spacing:-.055em; line-height:1; margin:.2rem 0 1.25rem; }
.tos-subscription ul { border-bottom:1px solid var(--bc-line); border-top:1px solid var(--bc-line); display:grid; gap:.7rem; list-style:none; margin:2rem 0; padding:1.3rem 0; }
.tos-subscription li::before { color:var(--bc-needle); content:'✓'; font-weight:800; margin-right:.65rem; }
.tos-subscription__form { display:grid; gap:1rem; max-width:31rem; }
.tos-subscription__form input[type="email"] { background:var(--bc-paper); border:1px solid var(--bc-line); font:inherit; padding:.85rem 1rem; }
.tos-subscription__consent { color:var(--bc-muted); font-size:.88rem; line-height:1.45; }
.tos-subscription__notice,.tos-subscriber-gate { background:#eeeadc; border:1px solid var(--bc-line); border-radius:.8rem; padding:1.25rem 1.4rem; }
.tos-subscriber-gate { margin:2rem auto; max-width:44rem; }
.tos-subscriber-gate h2 { font-family:var(--wp--preset--font-family--serif,Georgia,serif); font-size:1.8rem; margin:.2rem 0 .6rem; }
.tos-subscriber-excerpt { color:var(--bc-muted); font-size:1.15rem; line-height:1.5; }

/* Footer */
.tos-site-footer { background:var(--bc-ink) url('../motifs/trama-brujula.svg') right bottom / 34rem no-repeat; color:var(--bc-background); margin-top:2rem; padding:clamp(3.75rem,6vw,6rem) 0 1.4rem; }
.tos-footer-inner,.tos-footer-lower { margin:0 auto; max-width:var(--bc-content); }
.tos-footer-inner { display:grid; gap:2.5rem; grid-template-columns:1.5fr .8fr 1fr 1.2fr; }
.tos-footer-brand img { max-width:16rem; }
.tos-footer-brand p { color:var(--bc-segment); margin:1.25rem 0 0; }
.tos-footer-links { display:grid; align-content:start; gap:.65rem; }
.tos-footer-links h2,.tos-footer-newsletter h2 { color:var(--bc-background); font-family:var(--wp--preset--font-family--sans,system-ui,sans-serif); font-size:.95rem; margin:0 0 .65rem; }
.tos-footer-links a,.tos-footer-newsletter a { color:var(--bc-background); font-size:.92rem; text-decoration:none; }
.tos-footer-newsletter p { color:var(--bc-segment); line-height:1.45; margin:.35rem 0 1.25rem; }
.tos-footer-newsletter-link { align-items:center; border-bottom:1px solid var(--bc-segment); display:inline-flex; gap:.55rem; padding-bottom:.4rem; }
.tos-footer-newsletter-link img { filter:brightness(0) invert(1); }
.tos-footer-lower { align-items:center; border-top:1px solid rgb(246 240 231 / .2); color:var(--bc-segment); display:flex; flex-wrap:wrap; font-size:.78rem; gap:.9rem 1.75rem; justify-content:space-between; margin-top:3rem; padding-top:1.25rem; }
.tos-footer-lower p { margin:0; }
.tos-footer-lower nav,.tos-footer-socials { display:flex; flex-wrap:wrap; gap:.8rem 1.2rem; }
.tos-footer-lower a { color:inherit; text-decoration:none; }
.tos-footer-socials { align-items:center; list-style:none; margin:0; padding:0; }
.tos-footer-socials li { display:flex; margin:0; }
.tos-social-icon { align-items:center; border:1px solid rgb(246 240 231 / .28); border-radius:50%; display:inline-flex; height:2.25rem; justify-content:center; transition:border-color 120ms ease,transform 120ms ease; width:2.25rem; }
.tos-social-icon img { display:block; filter:brightness(0) invert(1); max-height:1.1rem; max-width:1.1rem; }
.tos-social-icon:hover { border-color:var(--bc-background); transform:translateY(-1px); }

@media (max-width:1050px) { .tos-header-inner { grid-template-columns:1fr auto; } .tos-primary-nav { display:none; } .tos-header-actions { grid-column:1; grid-row:1; justify-content:end; } .tos-header-actions .tos-header-search { margin-left:auto; } .tos-mobile-nav { display:block; grid-column:2; grid-row:1; } .tos-home-hero__grid,.tos-category-hero { gap:3rem; } .tos-footer-inner { grid-template-columns:1.5fr 1fr 1fr; } .tos-footer-newsletter { grid-column:span 3; max-width:30rem; } }
@media (max-width:760px) { .wp-site-blocks::before { background-size:24rem; opacity:.035; } .tos-header-inner { min-height:4.75rem; padding:.75rem 5vw; } .tos-brand img { max-height:2.2rem; max-width:13.5rem; } .tos-header-actions { display:none; } .tos-mobile-nav { grid-column:2; } .tos-home-hero { padding:3.25rem 5vw 2rem; } .tos-home-hero__grid,.tos-category-hero { grid-template-columns:1fr; } .tos-home-hero h1,.tos-article h1,.tos-category-hero h1 { font-size:clamp(2.85rem,12vw,4.15rem); } .tos-home-hero__visual { grid-row:2; } .tos-home-hero__visual img { aspect-ratio:16 / 10; } .tos-home-categories,.tos-category-featured,.tos-latest-analysis { margin-left:5vw; margin-right:5vw; } .tos-category-grid { gap:1rem; grid-template-columns:repeat(2,minmax(0,1fr)); } .tos-category-tile span { bottom:.65rem; font-size:.76rem; left:.65rem; max-width:calc(100% - 1.3rem); padding:.4rem .65rem; } .tos-article { padding-left:5vw; padding-right:5vw; } .tos-article-meta,.tos-traceability { align-items:start; flex-direction:column; gap:.85rem; margin:2rem 0; } .tos-guide-body { display:flex; flex-direction:column; } .tos-method-card { position:static; } .tos-comparison-verdict { align-items:start; grid-template-columns:auto minmax(0,1fr); } .tos-comparison-verdict .tos-button { grid-column:1 / -1; } .tos-category-shortcuts { grid-template-columns:repeat(2,1fr); } .tos-featured-grid { grid-template-columns:1fr; } .tos-footer-inner { grid-template-columns:repeat(2,1fr); margin-left:5vw; margin-right:5vw; } .tos-footer-brand,.tos-footer-newsletter { grid-column:1 / -1; } .tos-footer-lower { align-items:flex-start; flex-direction:column; margin-left:5vw; margin-right:5vw; } .tos-footer-socials { gap:.65rem; } }
@media (max-width:1050px) { .tos-home-proof__inner { grid-template-columns:repeat(2,1fr); } }
@media (max-width:760px) { .tos-home-proof__inner { gap:1.25rem; grid-template-columns:1fr; margin-left:5vw; margin-right:5vw; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms !important; scroll-behavior:auto !important; transition-duration:.01ms !important; } }