/* CrazyNBN per-technology plan pages (/crazynbn/fttp/ etc). Builds on crazynbn.css. */
/* Technology switcher */
.cnbt-switch { background: var(--cnbn-white); border-bottom: 1px solid var(--cnbn-border); }
.cnbt-switch .container { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding-top: 12px; padding-bottom: 12px; }
.cnbt-switch span { font-size: 0.82rem; font-weight: 600; color: var(--cnbn-muted); white-space: nowrap; margin-right: 4px; }
.cnbt-switch a {
	padding: 7px 14px;
	border-radius: 999px;
	border: 1px solid var(--cnbn-border);
	font-size: 0.88rem;
	font-weight: 600;
	color: var(--cnbn-text);
	white-space: nowrap;
	text-decoration: none !important;
}
.cnbt-switch a:hover { border-color: var(--cnbn-primary); color: var(--cnbn-primary); }
.cnbt-switch a[aria-current="page"] { background: var(--cnbn-primary); border-color: var(--cnbn-primary); color: var(--cnbn-white); }

/* Plans */
.cnbt-not-here { margin: 36px 0 0; font-size: 0.92rem; color: var(--cnbn-muted); }
.cnbn-plans-foot { margin: 20px 0 0; font-size: 0.85rem; line-height: 1.6; color: var(--cnbn-muted); max-width: 90ch; }

/* About */
.cnbt-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.cnbt-fact { padding: 24px; border: 1px solid var(--cnbn-border); border-radius: var(--cnbn-radius); background: var(--cnbn-white); }
.cnbt-fact i { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 14px; border-radius: 10px; background: var(--cnbn-primary-light); color: var(--cnbn-primary); font-size: 1.1rem; }
.cnbt-fact h3, .cnbt-note h3 { font-family: 'google_sansmedium', 'Open Sans', sans-serif; font-weight: normal; font-size: 1.12rem; color: var(--cnbn-text); margin: 0 0 8px; }
.cnbt-fact p, .cnbt-note p { margin: 0; font-size: 0.95rem; line-height: 1.6; color: var(--cnbn-muted); }
.cnbt-note { margin-top: 20px; padding: 22px 24px; border-left: 4px solid var(--cnbn-primary); border-radius: var(--cnbn-radius-sm); background: var(--cnbn-white); }
.cnbt-docs a { color: var(--cnbn-primary); text-decoration: underline; text-underline-offset: 2px; margin-right: 8px; white-space: nowrap; }

/* FAQ */
.cnbt-faq { max-width: 820px; }
.cnbt-faq details { border-bottom: 1px solid var(--cnbn-border); }
.cnbt-faq summary {
	list-style: none;
	position: relative;
	padding: 18px 36px 18px 0;
	font-family: 'google_sansmedium', 'Open Sans', sans-serif;
	font-size: 1.05rem;
	color: var(--cnbn-text);
	cursor: pointer;
}
.cnbt-faq summary::-webkit-details-marker { display: none; }
.cnbt-faq summary::after { content: '\f107'; font-family: FontAwesome; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); color: var(--cnbn-primary); transition: transform 0.2s ease; }
.cnbt-faq details[open] summary::after { transform: translateY(-50%) rotate(180deg); }
.cnbt-faq summary:focus-visible { outline: 2px solid var(--cnbn-primary); outline-offset: 2px; }
.cnbt-faq p { margin: 0 0 18px; font-size: 0.95rem; line-height: 1.65; color: var(--cnbn-muted); max-width: 70ch; }

@media (max-width: 991px) {
	.cnbn-section { padding: 60px 0; }
	.cnbt-facts { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
}