/* Sprach-Design aus seo-agent/design/2026-10-28-design-de/ (2026-10-28) */

body.v2{--bg:#F1F5F9;--surface:#FFFFFF;--ink:#172D42;--muted:#4A6073;--tone:#E1EAF3;--tone-hover:#CCDCEA;--action:#1454B8;--action-hover:#0C3D8B;--on-action:#FFFFFF;--link:#1454B8;--link-hover:#0C3D8B;--focus:#1454B8;--footer:#172D42;--footer-ink:#FFFFFF;--heading:'CCC Display','CCC Text',sans-serif;--heading-weight:700;--radius:4px;--image-radius:4px}

/* Shared CCC language system. Every selector is scoped to body.v2.
   @font-face contains font descriptors, not selectors. */
@font-face{font-family:'CCC Display';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/BricolageGrotesque-700.woff2') format('woff2')}
@font-face{font-family:'CCC Text';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/IBMPlexSans-400.woff2') format('woff2')}
@font-face{font-family:'CCC Text';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/IBMPlexSans-500.woff2') format('woff2')}
@font-face{font-family:'CCC Text';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/IBMPlexSans-600.woff2') format('woff2')}
body.v2{margin:0;background:var(--bg);color:var(--ink);font-family:'CCC Text',sans-serif;font-size:1.0625rem;line-height:1.65;font-kerning:normal;-webkit-font-smoothing:antialiased;--shadow:none;--line:var(--tone);--accent:var(--action);--accent-hover:var(--action-hover);--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:48px;--space-xl:80px}
body.v2 *,body.v2 *::before,body.v2 *::after{box-sizing:border-box}
body.v2 :where(h1,h2,h3,p,figure,ul,ol){margin:0}
body.v2 :where(h1,h2,h3){font-family:var(--heading);font-weight:var(--heading-weight);line-height:1.15;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:break-word}
body.v2 h1{font-size:clamp(2.25rem,5vw,4rem);line-height:1.04;letter-spacing:-.035em}
body.v2 h2{font-size:clamp(1.4rem,2.7vw,2.2rem);margin-bottom:16px}
body.v2 h3{font-size:1.25rem;margin-bottom:12px}
body.v2 :where(p,li){text-wrap:pretty;overflow-wrap:break-word}
body.v2 :where(a,button,summary){-webkit-tap-highlight-color:transparent}
body.v2 a{color:var(--link);text-underline-offset:.2em;text-decoration-thickness:1px;transition:color .18s ease-out,background-color .18s ease-out}
body.v2 a:hover{color:var(--link-hover);text-decoration-thickness:2px}
body.v2 :where(a,button,summary,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:5px;border-radius:3px}
body.v2 :where(button,summary){font:inherit}
body.v2 :where(img,picture){max-width:100%}
body.v2 img{display:block;height:auto}
body.v2 .wrap{width:min(100% - 40px,1200px);margin-inline:auto;padding:0}
body.v2 .skip-link{position:fixed;inset:8px auto auto 16px;z-index:50;transform:translateY(-180%);padding:12px 20px;background:var(--action);color:var(--on-action);font-weight:600}
body.v2 .skip-link:focus{transform:translateY(0)}
body.v2 header.site{position:sticky;inset-block-start:0;z-index:20;background:var(--surface);color:var(--ink)}
body.v2 .navbar{width:min(100% - 40px,1200px);margin-inline:auto;min-height:84px;display:flex;align-items:center;gap:20px}
body.v2 .logo{display:flex;align-items:center;gap:12px;color:var(--ink);font-family:var(--heading);font-weight:var(--heading-weight);font-size:1rem;line-height:1.15;text-decoration:none;flex-shrink:0;min-height:44px}
body.v2 .logo img{width:44px;height:44px;flex-shrink:0}
body.v2 .logo:hover{color:var(--link)}
body.v2 nav.desktop{display:none;align-items:center;gap:16px;margin-inline-start:auto;font-size:.9rem}
body.v2 nav.desktop>a,body.v2 .legal>summary{display:flex;align-items:center;min-height:44px;text-decoration:none;white-space:nowrap;font-weight:500;color:var(--ink)}
body.v2 nav.desktop>a:hover{color:var(--link)}
body.v2 .langsw{position:relative;margin-inline-start:auto;flex-shrink:0;font-size:.875rem}
body.v2 .langsw>summary{display:flex;gap:6px;align-items:center;cursor:pointer;min-height:44px;padding:8px;list-style:none;color:var(--ink)}
body.v2 .langsw>summary:hover,body.v2 .legal>summary:hover{background:var(--tone)}
body.v2 .langsw summary::-webkit-details-marker,body.v2 .legal summary::-webkit-details-marker{display:none}
body.v2 .cur-name{display:none}
body.v2 .chev{width:10px;height:8px;transition:transform .18s ease-out}
body.v2 .langsw[open] .chev{transform:rotate(180deg)}
body.v2 .flag{display:inline-block;flex:0 0 20px;width:20px;height:14px;background-size:cover;background-position:center;border-radius:1px}
body.v2 .lang-menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:30;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(330px,calc(100vw - 40px));max-height:65vh;overflow:auto;background:var(--surface);color:var(--ink);padding:8px;box-shadow:0 12px 35px #0003;border-radius:var(--radius)}
body.v2 .lang-menu a{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px;color:var(--ink);text-decoration:none;font-size:.875rem;overflow-wrap:anywhere}
body.v2 .lang-menu a:hover{background:var(--tone)}
body.v2 .lang-menu a[aria-current]{background:var(--action);color:var(--on-action)}
body.v2 .legal{position:relative}
body.v2 .legal>summary{cursor:pointer;list-style:none;padding-inline:4px}
body.v2 .legal-menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);display:flex;flex-direction:column;min-width:240px;background:var(--surface);padding:12px;box-shadow:0 12px 35px #0003;border-radius:var(--radius)}
body.v2 .legal-menu a{padding:10px 12px;min-height:44px;text-decoration:none;color:var(--ink)}
body.v2 .legal-menu a:hover{background:var(--tone)}
body.v2 .hamb{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:transparent;color:var(--ink);border:0;padding:10px;cursor:pointer}
body.v2 .hamb:hover,body.v2 .hamb[aria-expanded=true]{background:var(--tone)}
body.v2 .mobile-menu{padding:12px 20px 24px;background:var(--surface);max-height:calc(100dvh - 76px);overflow:auto}
body.v2 .mobile-menu[hidden]{display:none}
body.v2 .mobile-menu>a{display:flex;align-items:center;min-height:44px;padding:9px 12px;color:var(--ink);text-decoration:none}
body.v2 .mobile-menu>a:hover{background:var(--tone)}
body.v2 .mm-legal-label{font-size:.875rem;color:var(--muted);margin:20px 12px 4px}
body.v2 .mobile-menu .btn{margin-top:16px;justify-content:center}
body.v2 .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:0;border-radius:var(--radius);font-weight:600;font-size:1rem;line-height:1.4;text-decoration:none;background:var(--action);color:var(--on-action);cursor:pointer;transition:background-color .18s ease-out,transform .18s ease-out}
body.v2 .btn:hover{background:var(--action-hover);color:var(--on-action);text-decoration:none;transform:translateY(-2px)}
body.v2 .btn:active{transform:translateY(0)}
body.v2 .btn.ghost{background:var(--tone);color:var(--ink)}
body.v2 .btn.ghost:hover{background:var(--tone-hover);color:var(--ink)}
body.v2 .cta{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:24px}
body.v2 .cta>.btn{width:100%}
body.v2 .cta:has(a[href*="amazon."])::before{content:'Werbelink';display:block;flex-basis:100%;color:var(--muted);font-size:.875rem}
body.v2 main{padding-bottom:64px}
body.v2 main>section{padding-block:32px 64px}
body.v2 .breadcrumb{padding-block:20px 0;color:var(--muted);font-size:.875rem;line-height:1.8}
body.v2 .breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted)}
body.v2 .prose{max-width:68ch}
body.v2 .prose>h1{margin-bottom:16px}
body.v2 .byline{font-size:.875rem;color:var(--muted);line-height:1.65;margin-bottom:24px}
body.v2 .lead{font-size:1.125rem;line-height:1.65;max-width:65ch;margin-top:16px;color:var(--ink)}
body.v2 .prose>p:not(.lead):not(.byline){margin-bottom:24px;color:var(--ink)}
body.v2 .prose>h2{margin-top:56px;scroll-margin-top:108px}
body.v2 .prose strong{font-weight:600}
body.v2 .prose figure{margin-block:32px 8px;overflow:hidden;border-radius:var(--image-radius)}
body.v2 .prose figure picture{display:block}
body.v2 .prose figure img{width:100%;aspect-ratio:8/5;object-fit:cover}
body.v2 .prose :where(ul,ol){padding-inline-start:24px;margin-block:16px 24px}
body.v2 .prose li{margin-bottom:10px}
body.v2 .relbox{padding:24px;background:var(--tone);color:var(--ink);margin-block:48px 24px;border:0;border-radius:var(--radius)}
body.v2 .relbox :where(h2,h3){font-size:1.25rem;margin:0 0 16px}
body.v2 .relbox ul{list-style:none;margin:0;padding:0}
body.v2 .relbox li{margin:0}
body.v2 .relbox a{display:flex;align-items:center;min-height:44px;padding-block:8px}
body.v2 .grid{display:grid;gap:24px;margin-top:24px;grid-template-columns:minmax(0,1fr)}
body.v2 .grid>*{min-width:0}
body.v2 .card{background:var(--surface);border:0;border-radius:var(--radius);overflow:hidden;box-shadow:none;color:var(--ink)}
body.v2 .card .body{padding:24px;display:flex;flex-direction:column;height:100%}
body.v2 .card .media{display:none}
body.v2 .card.pick,body.v2 .card.budget{border:0;background:var(--surface)}
body.v2 .card-title{font-size:1.5rem;margin-block:12px 16px;letter-spacing:-.02em}
body.v2 .card .cta{margin-top:auto;padding-top:24px}
body.v2 .chips{display:flex;gap:8px;flex-wrap:wrap;margin-block:8px 16px;font-variant-numeric:tabular-nums}
body.v2 .chip{display:inline-block;background:var(--tone);color:var(--ink);padding:6px 10px;font-size:.875rem;line-height:1.4;border:0;border-radius:var(--radius);font-weight:500}
body.v2 .chip-tag,body.v2 .chip-tag.budget,body.v2 .chip-tag.line{background:var(--tone);color:var(--ink);align-self:flex-start;border:0;font-weight:500}
body.v2 .why,body.v2 .desc{font-size:1rem;line-height:1.65;margin-block:12px;color:var(--ink)}
body.v2 .price{font-size:1.125rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
body.v2 .price span{font-size:.875rem;color:var(--muted)}
body.v2 .cat-card{display:block;color:var(--ink);text-decoration:none;transition:background-color .18s ease-out}
body.v2 .cat-card:hover{color:var(--ink);background:var(--tone)}
body.v2 .cat-card .body{padding:24px}
body.v2 .cat-card .arrow{display:inline-flex;align-items:center;min-height:44px;color:var(--link);text-decoration:underline;text-underline-offset:.2em;font-weight:600;margin-top:12px}
body.v2 .cat-card .cat-thumb{width:100%;height:220px;object-fit:cover;border-radius:0}
body.v2 .cat-card .cat-thumb picture,body.v2 .cat-card .cat-thumb img{display:block;width:100%;height:100%;object-fit:cover}
body.v2 .cat-banner{height:clamp(180px,25vw,320px);overflow:hidden;margin-block:24px 0;border-radius:var(--image-radius)}
body.v2 .cat-banner img{width:100%;height:100%;object-fit:cover}
body.v2 .cat-banner picture{display:block;height:100%}
body.v2 .tablewrap{margin-top:24px;width:100%;max-width:100%}
body.v2 table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:1rem;font-variant-numeric:tabular-nums}
body.v2 th,body.v2 td{text-align:start;vertical-align:top;padding:18px;overflow-wrap:anywhere;background:var(--surface);border:0}
body.v2 th{background:var(--tone);font-weight:600}
body.v2 tbody tr:nth-child(even) td{background:var(--tone)}
body.v2 th[aria-sort]{cursor:pointer;min-height:44px}
body.v2 td a{display:inline-flex;align-items:center;min-height:44px}
body.v2 th[aria-sort=ascending]::after{content:' ↑'}
body.v2 th[aria-sort=descending]::after{content:' ↓'}
body.v2 .faq{background:var(--surface);margin-block:12px;border:0;border-radius:var(--radius);overflow:clip}
body.v2 .faq>summary{cursor:pointer;list-style:none;font-weight:600;min-height:60px;padding:20px 56px 20px 24px;position:relative;color:var(--ink);line-height:1.5}
body.v2 .faq>summary::-webkit-details-marker{display:none}
body.v2 .faq>summary::after{content:'+';position:absolute;right:24px;top:16px;font-size:1.5rem;color:var(--link)}
body.v2 .faq>summary:hover,body.v2 .faq[open]>summary{background:var(--tone)}
body.v2 .faq[open]>summary::after{content:'−'}
body.v2 .faq .fa{padding:20px 24px 24px;color:var(--ink)}
body.v2 .faq:focus-within{outline:3px solid var(--focus);outline-offset:4px}
body.v2 .trust-strip{padding:32px;background:var(--tone);border:0;border-radius:var(--radius)}
body.v2 .hero{background:var(--tone);padding-block:64px}
body.v2 .hero .trust{margin-top:24px;color:var(--muted)}
body.v2 .photoband{background:var(--tone);padding-block:64px}
body.v2 .relchips,body.v2 .relnext,body.v2 .relstrip{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
body.v2 .relchip{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;background:var(--tone);color:var(--link);border-radius:var(--radius)}
body.v2 .morelinks{margin-top:48px;padding:24px;background:var(--tone)}
body.v2 .term{text-decoration:underline;background:var(--tone);padding-inline:3px}
body.v2 footer.site{background:var(--footer);color:var(--footer-ink);padding-block:56px 24px;margin-top:0}
body.v2 .foot-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}
body.v2 footer.site h2{font-size:1.25rem;color:var(--footer-ink);margin-bottom:16px}
body.v2 footer.site h2:not(:first-child){margin-top:32px}
body.v2 footer.site p{max-width:36ch;font-size:1rem;line-height:1.65}
body.v2 footer.site ul{list-style:none;margin:0;padding:0}
body.v2 footer.site a{display:inline-flex;align-items:center;min-height:44px;color:var(--footer-ink);font-size:.9375rem;text-decoration:none}
body.v2 footer.site a:hover{text-decoration:underline}
body.v2 .copyright{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:40px;padding-top:24px;color:var(--footer-ink);font-size:.875rem}
body.v2 .linkbtn{display:inline-flex;align-items:center;min-height:44px;background:transparent;border:0;color:inherit;font:inherit;padding:8px 0;text-decoration:underline;cursor:pointer}
body.v2 .to-top{position:fixed;inset:auto 20px 20px auto;z-index:10;width:48px;height:48px;border:0;border-radius:var(--radius);background:var(--action);color:var(--on-action);display:none;align-items:center;justify-content:center;cursor:pointer}
body.v2 .to-top.show{display:flex}
body.v2 .backlink{display:none}
body.v2 .reveal,body.v2 .reveal.is-in{opacity:1;transform:none}
@media(min-width:680px){
 body.v2 .wrap,body.v2 .navbar{width:min(100% - 64px,1200px)}
 body.v2 .cur-name{display:inline}
 body.v2 .cta>.btn{width:auto}
 body.v2 .cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.v2 .cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.v2 .foot-grid{grid-template-columns:1.2fr 1fr 1fr;gap:40px}
}
@media(min-width:1120px){
 body.v2 nav.desktop{display:flex}
 body.v2 .langsw{margin-inline-start:0}
 body.v2 .hamb{display:none}
 body.v2 .mobile-menu{display:none}
 body.v2 nav.desktop .btn{color:var(--on-action);font-size:.875rem;min-height:44px;padding:10px 14px}
 body.v2 .navbar{gap:16px}
}
@media(max-width:679px){
 body.v2 .navbar{min-height:76px;gap:8px}
 body.v2 .lang-menu{position:fixed;inset-inline:20px;top:76px;width:auto}
 body.v2 .logo{font-size:.9rem;gap:8px}
 body.v2 .prose>h2{margin-top:40px}
 body.v2 main>section{padding-top:24px}
 body.v2 .tablewrap table,body.v2 .tablewrap tbody{display:block}
 body.v2 .tablewrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 body.v2 .tablewrap tr{display:grid;grid-template-columns:minmax(0,1fr);margin-bottom:20px;padding:16px;background:var(--surface);border-radius:var(--radius)}
 body.v2 .tablewrap td{display:block;padding:8px;background:transparent}
 body.v2 .tablewrap tbody tr:nth-child(even) td{background:transparent}
 body.v2 .tablewrap td:first-child{font-size:1.25rem;font-weight:600}
 body.v2 .tablewrap td:has(a[href*="amazon."]){order:1}
 body.v2 .tablewrap td a[href*="amazon."]{display:flex;justify-content:center;padding:12px;background:var(--action);color:var(--on-action);border-radius:var(--radius);font-weight:600;text-decoration:none}
}
@media(prefers-reduced-motion:reduce){
 body.v2 *,body.v2 *::before,body.v2 *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
 body.v2 .btn:hover{transform:none}
}

body.v2 .flag-en{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23012169'/><path d='M0 0l6 4M6 0L0 4' stroke='%23fff' stroke-width='.9'/><path d='M0 0l6 4M6 0L0 4' stroke='%23C8102E' stroke-width='.5'/><path d='M3 0v4M0 2h6' stroke='%23fff' stroke-width='1.4'/><path d='M3 0v4M0 2h6' stroke='%23C8102E' stroke-width='.85'/></svg>")}
body.v2 .flag-de{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23000'/><rect y='1.333' width='6' height='1.334' fill='%23DD0000'/><rect y='2.667' width='6' height='1.333' fill='%23FFCE00'/></svg>")}
body.v2 .flag-pl{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><rect y='2' width='6' height='2' fill='%23DC143C'/></svg>")}
body.v2 .flag-tr{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23E30A17'/><circle cx='2.3' cy='2' r='1' fill='%23fff'/><circle cx='2.62' cy='2' r='.8' fill='%23E30A17'/><polygon points='3.72,1.44 3.85,1.84 4.27,1.84 3.93,2.09 4.06,2.49 3.72,2.24 3.38,2.49 3.51,2.09 3.17,1.84 3.59,1.84' fill='%23fff'/></svg>")}
body.v2 .flag-fr{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><rect width='2' height='4' fill='%23002395'/><rect x='4' width='2' height='4' fill='%23ED2939'/></svg>")}
body.v2 .flag-nl{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><rect width='6' height='1.333' fill='%23AE1C28'/><rect y='2.667' width='6' height='1.333' fill='%2321468B'/></svg>")}
body.v2 .flag-cs{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><rect y='2' width='6' height='2' fill='%23D7141A'/><path d='M0 0l3 2-3 2z' fill='%2311457E'/></svg>")}
body.v2 .flag-ru{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><rect y='1.333' width='6' height='1.334' fill='%230039A6'/><rect y='2.667' width='6' height='1.333' fill='%23D52B1E'/></svg>")}
body.v2 .flag-uk{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%230057B7'/><rect y='2' width='6' height='2' fill='%23FFD700'/></svg>")}
body.v2 .flag-it{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><rect width='2' height='4' fill='%23009246'/><rect x='4' width='2' height='4' fill='%23CE2B37'/></svg>")}
body.v2 .flag-ro{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23FCD116'/><rect width='2' height='4' fill='%23002B7F'/><rect x='4' width='2' height='4' fill='%23CE1126'/></svg>")}
body.v2 .flag-es{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23AA151B'/><rect y='1' width='6' height='2' fill='%23F1BF00'/></svg>")}
body.v2 .flag-hu{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><rect width='6' height='1.333' fill='%23CE2939'/><rect y='2.667' width='6' height='1.333' fill='%23477050'/></svg>")}
body.v2 .flag-hr{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><rect width='6' height='1.333' fill='%23FF0000'/><rect y='2.667' width='6' height='1.333' fill='%23171796'/><rect x='2.35' y='1.15' width='1.3' height='1.3' fill='%23fff' stroke='%23FF0000' stroke-width='.14'/><rect x='2.35' y='1.15' width='.65' height='.65' fill='%23FF0000'/><rect x='3' y='1.8' width='.65' height='.65' fill='%23FF0000'/></svg>")}
body.v2 .flag-el{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><rect y='0' width='6' height='.444' fill='%230D5EAF'/><rect y='.889' width='6' height='.444' fill='%230D5EAF'/><rect y='1.778' width='6' height='.444' fill='%230D5EAF'/><rect y='2.667' width='6' height='.444' fill='%230D5EAF'/><rect y='3.556' width='6' height='.444' fill='%230D5EAF'/><rect width='2.222' height='2.222' fill='%230D5EAF'/><rect x='.889' width='.444' height='2.222' fill='%23fff'/><rect y='.889' width='2.222' height='.444' fill='%23fff'/></svg>")}
body.v2 .flag-bg{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><rect y='1.333' width='6' height='1.334' fill='%2300966E'/><rect y='2.667' width='6' height='1.333' fill='%23D62612'/></svg>")}
body.v2 .flag-sk{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><rect y='1.333' width='6' height='1.334' fill='%230B4EA2'/><rect y='2.667' width='6' height='1.333' fill='%23EE1C25'/><path d='M1.05 1.05h1.6v1.35c0 .55-.8.95-.8.95s-.8-.4-.8-.95z' fill='%23fff' stroke='%23EE1C25' stroke-width='.16'/><path d='M1.6 1.45h.5v1.4h-.5z' fill='%23EE1C25'/><path d='M1.35 1.85h1v.42h-1z' fill='%23EE1C25'/></svg>")}
body.v2 .flag-pt{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23FF0000'/><rect width='2.4' height='4' fill='%23046A38'/><circle cx='2.4' cy='2' r='.7' fill='%23FFCC00' stroke='%23fff' stroke-width='.06'/></svg>")}
body.v2 .flag-da{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23C8102E'/><rect x='2.1' width='.6' height='4' fill='%23fff'/><rect y='1.7' width='6' height='.6' fill='%23fff'/></svg>")}
body.v2 .flag-vi{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23DA251D'/><polygon points='3,1.1 3.28,1.95 4.18,1.95 3.45,2.48 3.73,3.33 3,2.8 2.27,3.33 2.55,2.48 1.82,1.95 2.72,1.95' fill='%23FFFF00'/></svg>")}
body.v2 .flag-id{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='2' fill='%23FF0000'/><rect y='2' width='6' height='2' fill='%23fff'/></svg>")}
body.v2 .flag-zh{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23DE2910'/><polygon points='1.1,.7 1.28,1.24 1.85,1.24 1.39,1.58 1.57,2.12 1.1,1.78 .63,2.12 .81,1.58 .35,1.24 .92,1.24' fill='%23FFDE00'/><circle cx='2.1' cy='.5' r='.13' fill='%23FFDE00'/><circle cx='2.35' cy='.9' r='.13' fill='%23FFDE00'/><circle cx='2.3' cy='1.35' r='.13' fill='%23FFDE00'/><circle cx='2.0' cy='1.55' r='.13' fill='%23FFDE00'/></svg>")}
body.v2 .flag-ja{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><circle cx='3' cy='2' r='1.1' fill='%23BC002D'/></svg>")}
body.v2 .flag-ko{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><circle cx='3' cy='2' r='1.1' fill='%230047A0'/><path d='M1.9 2a1.1 1.1 0 0 1 2.2 0z' fill='%23CD2E3A'/></svg>")}
body.v2 .flag-sv{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23006AA7'/><rect y='1.7' width='6' height='0.7' fill='%23FECC02'/><rect x='1.8' width='0.7' height='4' fill='%23FECC02'/></svg>")}
body.v2 .flag-th{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23A51931'/><rect y='0.67' width='6' height='2.66' fill='%23F4F5F8'/><rect y='1.33' width='6' height='1.34' fill='%232D2A4A'/></svg>")}
body.v2 .flag-hi{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23FF9933'/><rect y='1.33' width='6' height='1.34' fill='%23fff'/><rect y='2.67' width='6' height='1.33' fill='%23138808'/><circle cx='3' cy='2' r='0.5' fill='none' stroke='%23000088' stroke-width='0.14'/></svg>")}
body.v2 .flag-no{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23BA0C2F'/><rect x='1.5' width='1.2' height='4' fill='%23fff'/><rect y='1.4' width='6' height='1.2' fill='%23fff'/><rect x='1.75' width='0.7' height='4' fill='%2300205B'/><rect y='1.65' width='6' height='0.7' fill='%2300205B'/></svg>")}
body.v2 .flag-ar{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><rect width='6' height='1.333' fill='%23000'/><rect y='2.667' width='6' height='1.333' fill='%23007A3D'/></svg>")}
body.v2 .flag-ur{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%2301411C'/><rect width='1.5' height='4' fill='%23fff'/><circle cx='3.9' cy='2' r='.9' fill='%23fff'/><circle cx='4.15' cy='2' r='.72' fill='%2301411C'/><polygon points='4.6,1.35 4.72,1.7 5.09,1.7 4.79,1.92 4.9,2.27 4.6,2.05 4.3,2.27 4.41,1.92 4.11,1.7 4.48,1.7' fill='%23fff'/></svg>")}
body.v2 .flag-he{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23F4EFE6'/><path d='M0 0L6 4V0Z' fill='%234B5D3A'/></svg>")}
body.v2 .flag-fil{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='2' fill='%23003F87'/><rect y='2' width='6' height='2' fill='%23CE1126'/><path d='M0 0l3 2-3 2z' fill='%23fff'/><circle cx='.85' cy='2' r='.34' fill='%23FCD116'/></svg>")}
body.v2 .flag-bn{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23006A4E'/><circle cx='2.7' cy='2' r='1.05' fill='%23F42A41'/></svg>")}
body.v2 .flag-ms{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><path d='M0 .57h6M0 1.71h6M0 2.86h6M0 4h6' stroke='%23CC0001' stroke-width='.57'/><rect width='3' height='2.29' fill='%23010066'/><circle cx='1.25' cy='1.14' r='.7' fill='%23FFCC00'/><circle cx='1.5' cy='1.14' r='.58' fill='%23010066'/></svg>")}
body.v2 .flag-fa{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><rect width='6' height='1.33' fill='%23239F40'/><rect y='2.67' width='6' height='1.33' fill='%23DA0000'/></svg>")}
body.v2 .flag-sw{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%231EB53A'/><path d='M0 4L6 0' stroke='%23FCD116' stroke-width='1.4'/><path d='M0 4L6 0' stroke='%23000' stroke-width='.8'/><path d='M3.5 4L6 2.33V4Z' fill='%2300A3DD'/></svg>")}
body.v2 .flag-ta{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><rect width='6' height='1.33' fill='%23FF9933'/><rect y='2.67' width='6' height='1.33' fill='%23138808'/><circle cx='3' cy='2' r='.45' fill='none' stroke='%23000088' stroke-width='.13'/></svg>")}
body.v2 .flag-te{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><rect width='6' height='1.33' fill='%23FF9933'/><rect y='2.67' width='6' height='1.33' fill='%23138808'/><circle cx='3' cy='2' r='.45' fill='none' stroke='%23000088' stroke-width='.13'/></svg>")}
body.v2 .flag-mr{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><rect width='6' height='1.33' fill='%23FF9933'/><rect y='2.67' width='6' height='1.33' fill='%23138808'/><circle cx='3' cy='2' r='.45' fill='none' stroke='%23000088' stroke-width='.13'/></svg>")}
body.v2 .flag-gu{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><rect width='6' height='1.33' fill='%23FF9933'/><rect y='2.67' width='6' height='1.33' fill='%23138808'/><circle cx='3' cy='2' r='.45' fill='none' stroke='%23000088' stroke-width='.13'/></svg>")}
body.v2 .flag-kn{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><rect width='6' height='1.33' fill='%23FF9933'/><rect y='2.67' width='6' height='1.33' fill='%23138808'/><circle cx='3' cy='2' r='.45' fill='none' stroke='%23000088' stroke-width='.13'/></svg>")}
body.v2 .flag-ml{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><rect width='6' height='1.33' fill='%23FF9933'/><rect y='2.67' width='6' height='1.33' fill='%23138808'/><circle cx='3' cy='2' r='.45' fill='none' stroke='%23000088' stroke-width='.13'/></svg>")}
body.v2 .flag-pa{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><rect width='6' height='1.33' fill='%23FF9933'/><rect y='2.67' width='6' height='1.33' fill='%23138808'/><circle cx='3' cy='2' r='.45' fill='none' stroke='%23000088' stroke-width='.13'/></svg>")}
body.v2 .flag-ne{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23003393'/><path d='M.25 .25h4L2.1 1.8h2.35L.25 3.75z' fill='%23DC143C' stroke='%23fff' stroke-width='.16'/></svg>")}
body.v2 .flag-fi{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><rect x='1.65' width='.65' height='4' fill='%23003380'/><rect y='1.65' width='6' height='.65' fill='%23003380'/></svg>")}
body.v2 .flag-sr{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><rect width='6' height='1.33' fill='%23C6363C'/><rect y='1.33' width='6' height='1.34' fill='%230C4076'/></svg>")}
body.v2 .flag-sl{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%23fff'/><rect y='1.33' width='6' height='1.34' fill='%230052B4'/><rect y='2.67' width='6' height='1.33' fill='%23D50000'/></svg>")}
body.v2 .flag-lt{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='1.33' fill='%23FDB913'/><rect y='1.33' width='6' height='1.34' fill='%230068A8'/><rect y='2.67' width='6' height='1.33' fill='%23C1272D'/></svg>")}
body.v2 .flag-lv{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='4' fill='%239E3039'/><rect y='1.6' width='6' height='.8' fill='%23fff'/></svg>")}
body.v2 .flag-et{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'><rect width='6' height='1.33' fill='%230078CE'/><rect y='1.33' width='6' height='1.34' fill='%23000'/><rect y='2.67' width='6' height='1.33' fill='%23fff'/></svg>")}

body.v2 .prose:has(>h1):has(>figure){max-width:1200px;display:grid;grid-template-columns:minmax(0,1fr);gap:0}
body.v2 .prose:has(>h1):has(>figure)>h1{grid-row:1;margin:0 0 16px;color:var(--ink)}
body.v2 .prose:has(>h1):has(>figure)>.byline{grid-row:2;margin-bottom:20px}
body.v2 .prose:has(>h1):has(>figure)>.lead{grid-row:3;margin:0;font-size:1.125rem}
body.v2 .prose:has(>h1):has(>figure)>.cta{grid-row:4;margin-block:24px 32px}
body.v2 .prose:has(>h1):has(>figure)>figure{grid-row:5;margin:0 0 12px}
body.v2 .prose:has(>h1):has(>figure)>figure img{height:224px;object-position:46% 50%}
body.v2 .prose:has(>h1):has(>figure)>.relbox{margin-top:40px}
@media(min-width:900px){
 body.v2 .prose:has(>h1):has(>figure){grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px;align-items:start}
 body.v2 .prose:has(>h1):has(>figure)>*{grid-column:1;max-width:62ch}
 body.v2 .prose:has(>h1):has(>figure)>figure{grid-column:2;grid-row:1 / span 30;position:sticky;top:116px;margin:0;width:100%;max-width:none}
 body.v2 .prose:has(>h1):has(>figure)>figure img{height:calc(100svh - 160px);max-height:760px;min-height:470px;object-position:46% 50%}
 body.v2 .prose:has(>h1):has(>figure)>h1{font-size:clamp(2.75rem,4.5vw,3.6rem);margin-top:12px}
 body.v2 .prose:has(>h1):has(>figure)>.cta{display:flex;flex-direction:column;align-items:stretch;margin-bottom:12px}
 body.v2 .prose:has(>h1):has(>figure)>.cta .btn{width:100%}
 body.v2 .prose:has(>h1):has(>figure)>h2{margin-top:56px}
}