.typography-callout:lang(zh-MO) {
    
}

/* hanging punctuation (match TW/CN) */
.l-p {
	position: absolute;
}

.l-p-highlight {
	color: #ff5748;
	position: absolute;
}

.highlight:before {
    transform: translateY(-56%);
}


.highlight-wrapper.hl .highlight:before {
    transform: translateY(-50%);
}

.section-tools .highlight-wrapper .highlight:before {
    transform: translateY(-50%);
}

/* 
.section-hero .image-hero-macbook-bottom-right {
	background-image: url("/mo/education/k12/images/overview/hero_macbook_1__emf081hfi4eq_large.jpg");
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
	.section-hero .image-hero-macbook-bottom-right {
		background-image: url("/mo/education/k12/images/overview/hero_macbook_1__emf081hfi4eq_large_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .image-hero-macbook-bottom-right {
		background-image: url("/mo/education/k12/images/overview/hero_macbook_1__emf081hfi4eq_medium.jpg");
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-hero .image-hero-macbook-bottom-right {
		background-image: url("/mo/education/k12/images/overview/hero_macbook_1__emf081hfi4eq_medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .image-hero-macbook-bottom-right {
		background-image: url("/mo/education/k12/images/overview/hero_macbook_1__emf081hfi4eq_small.jpg");
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-hero .image-hero-macbook-bottom-right {
		background-image: url("/mo/education/k12/images/overview/hero_macbook_1__emf081hfi4eq_small_2x.jpg");
	}
}

.section-hero .image-hero-macbook-top-left {
	background-image: url("/mo/education/k12/images/overview/hero_macbook_2__fx4gtlu4h0a6_large.jpg");
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
	.section-hero .image-hero-macbook-top-left {
		background-image: url("/mo/education/k12/images/overview/hero_macbook_2__fx4gtlu4h0a6_large_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .image-hero-macbook-top-left {
		background-image: url("/mo/education/k12/images/overview/hero_macbook_2__fx4gtlu4h0a6_medium.jpg");
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-hero .image-hero-macbook-top-left {
		background-image: url("/mo/education/k12/images/overview/hero_macbook_2__fx4gtlu4h0a6_medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .image-hero-macbook-top-left {
		background-image: url("/mo/education/k12/images/overview/hero_macbook_2__fx4gtlu4h0a6_small.jpg");
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-hero .image-hero-macbook-top-left {
		background-image: url("/mo/education/k12/images/overview/hero_macbook_2__fx4gtlu4h0a6_small_2x.jpg");
	}
} */


.section-sign-up .content-wrapper {
    max-width: 700px;
}

/* Match education/home overview.built.css — #modal-how-to-buy width (k12 built defaults page-overlay to 816px) */
#modal-how-to-buy .ric-modal-overlay {
	--modal-overlay-content-padding-inline: 8.333%;
}

@media (min-width: 1069px) {
	#modal-how-to-buy .ric-modal-overlay {
		--modal-overlay-width: min(1260px, 87.5%);
	}
}

@media (max-width: 1068px) {
	#modal-how-to-buy .ric-modal-overlay {
		--modal-overlay-width: min(934px, 87.5%);
	}

	#modal-how-to-buy .modal-image-how-to-buy {
		max-width: 934px;
	}

	#modal-how-to-buy .modal-image-how-to-buy::after {
		padding-bottom: 63.5974304069%;
	}
}

#modal-how-to-buy .ric-modal-content-wrapper {
	padding-bottom: 0;
}

#modal-how-to-buy .modal-image-how-to-buy {
	display: block;
	position: relative;
	max-width: 1260px;
}

#modal-how-to-buy .modal-image-how-to-buy::after {
	content: "";
	display: block;
	padding-bottom: 60.3968253968%;
}

#modal-how-to-buy .modal-image-how-to-buy img {
	max-width: 100%;
	position: absolute;
}

@media (max-width: 734px) {
	#modal-how-to-buy .modal-image-how-to-buy {
		max-width: 480px;
	}

	#modal-how-to-buy .modal-image-how-to-buy::after {
		padding-bottom: 68.75%;
	}
}

@media (min-width: 735px) {
	#modal-how-to-buy .ric-modal-content-wrapper .callouts {
		grid-gap: 23px;
		gap: 23px;
	}
}

/* Fix Highlight */
p .highlight, h3 .highlight {
	z-index: -1;
}

.section-content-bentos h2.bentos-intro-headline {
	position: relative;
	z-index: 1;
}

.section-content-bentos h2.bentos-intro-headline .highlight, h2.apps-headline .highlight, h2.section-built-in-apps .highlight {
	z-index: -1;
}

/* Do NOT use bare .desktop/.mobile display toggles — html gets class "desktop"
   from viewport JS; that would hide the whole page on small screens. */
@media only screen and (max-width: 734px) {
	.mab {
		position: absolute;
	}
}
@media only screen and (max-width: 735px) and (min-width: 400px) {
	.h_width {
	width: 85vw;
	margin: 0 auto;
	max-width: 300px;
}
}



.ml06 {
    margin-left: 0.5em;
}
@media only screen and (min-width: 736px) {
    .ml06_lm {
        margin-left: 0.5em;
    }
}
@media only screen and (max-width: 735px) {
    .ml06_s {
        margin-left: 0.5em;
    }
}
.highlight-green.mobile span.highlight:nth-child(1) {
	margin-left: 0.2em;
}

.highlight-green.mobile span.highlight:nth-child(2) {
	margin-left: 0.5em;
}




@media only screen and (min-width: 1069px) {
    .section-how-to-buy-module .column-buy {
		padding-left: 96px;
		padding-right: 0;
	}
	.modal .section-how-to-buy-module .column-buy {
		padding-left: 96px;
		}
}
.section-how-to-buy-module .column-buy .column-content {
    max-width: 100%;
}

@media only screen and (min-width: 860px) and (max-width: 1068px) {
    .section-how-to-buy-module .column-buy {
		padding-right: 0;
		padding-left: 50px;
	}
	.section-how-to-buy-module .column-contact {
		padding-left: 50px;
	}
	.modal .section-how-to-buy-module .column-buy {
		padding-left: 90px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 859px) {
    .section-how-to-buy-module .column-buy {
		padding-right: 0;
		padding-left: 50px;
		transform: translateX(15%);
	}
	.section-how-to-buy-module .column-contact {
		padding-left: 0;
		transform: translateX(-6%);
	}
}


.l-p-highlight {
	color: #ff5748;
	position: absolute;
}

/* how-to-buy modal: title white, body grey (match HEdu) */
#modal-how-to-buy .callouts .callout .subsection-copy-block {
	color: var(--sk-glyph-gray-secondary);
}
#modal-how-to-buy .callouts .callout .subsection-copy-block .subhead {
	color: var(--sk-glyph-gray);
	font-weight: 600;
}

#modal-how-to-buy a.email {
	text-decoration: none;
}
#modal-how-to-buy a.email:hover {
	text-decoration: underline;
}