/* Datacenter TRAFFIC (GB) and IPv6 country presentation, scoped to these drafts. */
body[data-country-design] { --ic-border:#2a3550; --ic-muted:#acb9d1; --ic-highlight:#b6ade6; }
body[data-country-design="ipv6"] { --ic-highlight:#a8bedf; }
body[data-country-design] .topbar { background:#0b1020; border-bottom:1px solid #222b42; }
body[data-country-design] .topbar a { color:#acb9d1; }
body[data-country-design] main { max-width:1240px; padding-inline:40px; }
body[data-country-design] .pr-hero { padding:28px 0 58px; }
body[data-country-design] .pr-hero-grid { grid-template-columns:minmax(0,1.25fr) minmax(340px,1fr); gap:56px; }
body[data-country-design] h1 { font-size:clamp(38px,4.5vw,64px); max-width:18ch; line-height:1.06; }
body[data-country-design] [data-ic-title] { display:block; }
body[data-country-design] [data-ic-title="country"] { text-wrap:balance; }
body[data-country-design] [data-ic-title="product"] { margin-top:12px; color:var(--ic-highlight); font-size:clamp(25px,2.6vw,36px); letter-spacing:-.025em; line-height:1.18; }
body[data-country-design] main :is(a,summary):focus-visible { outline:2px solid var(--ic-highlight); outline-offset:5px; }
body[data-country-design] .pr-hero-grid>* { min-width:0; }
body[data-country-design] .pr-hero-grid>div>.pr-eyebrow { padding-left:14px; border-left:2px solid var(--ic-highlight); }
body[data-country-design] .pr-hero-grid>div>.pr-note { padding-top:16px; margin-top:20px; border-top:1px solid var(--ic-border); max-width:48ch; }
body[data-country-design] .pr-lead { font-size:17px; line-height:1.7; }
.ic-country-visual { margin:0 -24px; }
.ic-country-visual img { display:block; width:100%; height:auto; aspect-ratio:640/520; animation:ic-reveal .65s ease-out both; }
@keyframes ic-reveal { from {opacity:0;transform:translateY(10px)} to {opacity:1;transform:translateY(0)} }
body[data-country-design] .pr-hero-panel { padding:0 24px 20px; border-radius:24px; background:#0b1020; overflow:hidden; box-shadow:0 24px 70px #0003; }
body[data-country-design] .pr-hero-panel>.pr-eyebrow { border-top:1px solid var(--ic-border); padding-top:20px; }
body[data-country-design] .pr-hero-panel dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
body[data-country-design] .pr-hero-panel dl div { padding:0; border:0; flex-direction:column; gap:5px; align-items:flex-start; }
body[data-country-design] .pr-hero-panel dt { max-width:100%; }
body[data-country-design] .pr-hero-panel dd { font-size:21px; }
body[data-country-design] .pr-hero-panel dl div:first-child dd { font-size:30px; letter-spacing:-.04em; color:var(--ic-highlight); }
body[data-country-design] .pr-hero-panel [data-global-pool-source] { padding-top:14px; border-top:1px solid var(--ic-border); }
body[data-country-design] .pr-toc { border:1px solid var(--ic-border); border-radius:12px; padding:0 20px; background:#0b1020; gap:0 32px; }
body[data-country-design] .pr-toc a { min-height:56px; }
body[data-country-design] .pr-toc a:hover { color:#e6eaf5; text-decoration:underline; text-underline-offset:7px; }
body[data-country-design] .pr-section { padding:56px 0; }
body[data-country-design] .pr-section>p { max-width:88ch; color:var(--ic-muted); }
body[data-country-design] .pr-facts { border:1px solid var(--ic-border); background:#0b1020; border-radius:18px; gap:0; overflow:hidden; }
body[data-country-design] .pr-facts>div { padding:24px; border:0; border-bottom:1px solid var(--ic-border); }
body[data-country-design] .pr-facts>div:nth-child(odd) { border-right:1px solid var(--ic-border); }
body[data-country-design] .pr-facts dd { font-size:17px; line-height:1.55; }
body[data-country-design] .pr-prices { gap:16px; border:0; border-radius:0; background:none; overflow:visible; }
body[data-country-design] .pr-prices article { display:flex; flex-direction:column; min-width:0; border:1px solid var(--ic-border); border-radius:18px; padding:30px; background:#0b1020; transition:transform .18s,border-color .18s; }
body[data-country-design] .pr-prices article:first-child { border-color:#786eac; background:linear-gradient(145deg,#211f36,#0b1020 70%); }
body[data-country-design] .pr-prices article:hover { transform:translateY(-3px); border-color:#9284bf; }
body[data-country-design] .pr-price { font-size:46px; }
body[data-country-design] .pr-prices h3 { font-size:28px; letter-spacing:-.035em; padding-bottom:22px; margin-bottom:0; border-bottom:1px solid var(--ic-border); }
body[data-country-design] .pr-prices article>.pr-muted { margin-bottom:24px; }
body[data-country-design] .pr-prices article>a { margin-top:auto; min-height:48px; }
body[data-country-design] .pr-details { border:1px solid var(--ic-border); border-radius:14px; padding:0 22px; background:#0b1020; }
body[data-country-design] .pr-details summary { min-height:60px; font-weight:600; }
body[data-country-design] .pr-table { padding-bottom:12px; }
body[data-country-design] .pr-table tbody tr:hover { background:#151d30; }
body[data-country-design] :is(#compatibility,#network-targeting) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; }
body[data-country-design] :is(#compatibility,#network-targeting)>:is(.pr-eyebrow,h2,p:last-child) { grid-column:1/-1; }
body[data-country-design] :is(#compatibility,#network-targeting)>p:last-child { border-left:2px solid var(--ic-highlight); padding:18px 22px; background:#0b1020; border-radius:0 12px 12px 0; max-width:none; }
body[data-country-design] .pr-columns { gap:20px; }
body[data-country-design] .pr-columns>div,body[data-country-design] .pr-columns>article { padding:28px; background:#0b1020; border:1px solid var(--ic-border); border-radius:16px; }
body[data-country-design] .pr-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; list-style:none; padding:0; counter-reset:step; }
body[data-country-design] .pr-steps li { counter-increment:step; border:1px solid var(--ic-border); border-radius:16px; padding:24px; background:#0b1020; }
body[data-country-design] .pr-steps li::before { content:counter(step,decimal-leading-zero); display:block; font:500 14px ui-monospace,monospace; color:#ac9feb; padding-bottom:22px; }
body[data-country-design] .pr-steps li { min-width:0; position:relative; }
body[data-country-design] .pr-steps h3 { font-size:18px; max-width:24ch; }
body[data-country-design] #setup pre { margin-top:24px; border-left:3px solid var(--ic-highlight); padding:24px; line-height:1.8; }
body[data-country-design] .pr-faq { margin-top:12px; padding:0 24px; border:1px solid var(--ic-border); border-radius:14px; background:#0b1020; }
body[data-country-design] .pr-faq summary { min-height:68px; padding:24px 32px 24px 0; position:relative; list-style:none; }
body[data-country-design] .pr-faq summary::-webkit-details-marker { display:none; }
body[data-country-design] .pr-faq summary::after { content:""; position:absolute; right:3px; top:28px; width:8px; height:8px; border-right:1.5px solid var(--ic-highlight); border-bottom:1.5px solid var(--ic-highlight); transform:rotate(45deg); transition:transform .18s; }
body[data-country-design] .pr-faq[open] { border-color:#59627d; }
body[data-country-design] .pr-faq[open] summary::after { transform:rotate(225deg); }
body[data-country-design] .pr-faq p { padding-top:4px; }
body[data-country-design] .pr-faq summary:hover { color:#c7bcff; }
body[data-country-design] .pr-related { gap:14px; }
body[data-country-design] .pr-related a { min-width:0; gap:20px; justify-content:space-between; border:1px solid var(--ic-border); padding:20px; border-radius:12px; background:#0b1020; text-decoration:none; transition:border-color .18s,background .18s; overflow-wrap:anywhere; }
body[data-country-design] .pr-related a::after { content:""; width:7px; height:7px; flex-shrink:0; border-top:1px solid var(--ic-highlight); border-right:1px solid var(--ic-highlight); transform:rotate(45deg); }
body[data-country-design] .pr-related a:hover { background:#141b2d; border-color:#59627d; }
body[data-country-design] .pr-final { border:1px solid #494168; background:linear-gradient(115deg,#221e38,#0b1020 70%); border-radius:24px; padding:44px; margin:44px 0; }
body[data-country-design] .pr-button { min-height:48px; }
@media(max-width:900px) {
 body[data-country-design] .pr-hero-grid { gap:28px; grid-template-columns:minmax(0,1.15fr) minmax(270px,1fr); }
 body[data-country-design] .pr-prices article { padding:24px; }
 body[data-country-design] .pr-steps { grid-template-columns:1fr; }
 body[data-country-design] .pr-steps li { padding-left:70px; }
 body[data-country-design] .pr-steps li::before { position:absolute; top:26px; left:24px; }
}
@media(max-width:760px) {
 body[data-country-design] main { padding-inline:20px; }
 body[data-country-design] .pr-hero-grid { grid-template-columns:1fr; }
 body[data-country-design] .pr-hero { padding:16px 0 32px; }
 body[data-country-design] h1 { font-size:clamp(34px,8.5vw,48px); }
 body[data-country-design] .pr-lead { font-size:15px; }
 body[data-country-design] .pr-crumb { margin-bottom:20px; }
 body[data-country-design] [data-ic-title="product"] { font-size:26px; margin-top:10px; }
 body[data-country-design] .pr-actions>a { width:100%; }
 body[data-country-design] .pr-section { padding:36px 0; }
 body[data-country-design] .pr-prices { grid-template-columns:1fr; }
 body[data-country-design] .pr-facts { grid-template-columns:1fr; }
 body[data-country-design] .pr-facts>div:nth-child(odd) { border-right:0; }
 body[data-country-design] .pr-toc { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; padding-inline:16px; }
 body[data-country-design] .pr-toc a { min-height:52px; }
 body[data-country-design] :is(#compatibility,#network-targeting) { grid-template-columns:1fr; }
 body[data-country-design] .pr-faq { padding-inline:18px; }
 body[data-country-design] .pr-faq h3 { font-size:15px; }
 body[data-country-design] .pr-details { padding-inline:16px; }
 body[data-country-design] .pr-prices article:last-child { border-bottom:1px solid var(--ic-border); }
 body[data-country-design] .pr-final { padding:28px 22px; }
}
@media(max-width:350px) { body[data-country-design] main { padding-inline:16px; } }
@media(prefers-reduced-motion:reduce) {
 body[data-country-design] *,body[data-country-design] *::before,body[data-country-design] *::after { animation:none!important; transition:none!important; }
}