/* AMA Speaking - home (navy | red | white | gold) - real layout, cropped photos only */
:root {
 --ama-navy: #0b1733;
 --ama-navy-mid: #132a52;
 --ama-red: #d92736;
 --ama-gold: #d6b36a;
 --ama-page: #f8fafd;
 --ama-white: #ffffff;
}

body.view-hub {
 background: var(--ama-page);
}
body.view-hub .bg-mesh {
 opacity: 0.32;
}
/* Header + nav always visible on home (see ama-ref-shell.css) */
body.view-hub #app-main {
 padding: 0;
 max-width: 100%;
}
body.view-hub .ama-quick-nav {
 display: flex !important;
}
body.view-hub .site-foot--teen {
 display: none;
}
body.view-hub .desktop-sidebar {
 display: none !important;
}

.ama-home {
 padding: 0 0 calc(72px + env(safe-area-inset-bottom, 0px));
 position: relative;
}

/* - - Reference hero frame (classroom asset only - not a UI screenshot) - - */
.ama-home-hero--ref {
 background: var(--ama-navy) !important;
 padding: 12px 12px clamp(36px, 6vw, 52px);
 min-height: 0 !important;
 background-image: none !important;
}

.ama-home-hero__frame {
 max-width: 980px;
 margin: 0 auto;
 padding: 10px;
 border-radius: 18px;
 border: 3px solid var(--ama-gold);
 background: linear-gradient(145deg, #132a52, #0b1733);
 box-shadow: 0 18px 40px rgba(8, 16, 36, 0.35);
}

.ama-home-hero__photo {
 position: relative;
 display: block;
 min-height: clamp(320px, 58vh, 440px);
 border-radius: 12px;
 overflow: visible;
 background: var(--ama-navy-mid) url("../assets/home/home-hero-bg.jpg?v=2026-ama-classroom-v3") 18% 22% / cover no-repeat;
}

.ama-home-hero--ref .ama-home-hero__shade {
 background: linear-gradient(
 105deg,
 rgba(11, 23, 51, 0.82) 0%,
 rgba(11, 23, 51, 0.45) 38%,
 rgba(11, 23, 51, 0.08) 62%,
 rgba(11, 23, 51, 0.02) 100%
 );
}

.ama-home-hero__content {
 position: absolute;
 z-index: 2;
 left: clamp(12px, 4vw, 28px);
 top: clamp(12px, 3vw, 24px);
 max-width: min(92%, 520px);
 pointer-events: none;
}

.ama-home-founder-block__eyebrow {
 margin: 0;
 font: 700 0.62rem system-ui, sans-serif;
 letter-spacing: 0.14em;
 text-transform: uppercase;
 color: var(--ama-gold);
}

.ama-home-founder-block__name {
 margin: 4px 0 0;
 font-family: "Playfair Display", Georgia, serif;
 font-style: italic;
 font-weight: 700;
 font-size: clamp(1.55rem, 4.5vw, 2.15rem);
 line-height: 1.1;
 color: #f4d78a;
 text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}

.ama-home-founder-block__role {
 margin: 6px 0 0;
 font: 700 0.65rem system-ui, sans-serif;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: rgba(255, 255, 255, 0.88);
}

.ama-home-hero-title {
 margin: clamp(14px, 3vw, 22px) 0 0;
 display: flex;
 flex-wrap: wrap;
 align-items: baseline;
 gap: 6px 10px;
 line-height: 1.05;
}

.ama-home-hero-title__ielts {
 font-family: "Playfair Display", Georgia, serif;
 font-weight: 800;
 font-size: clamp(1.65rem, 5vw, 2.35rem);
 color: #fff;
 text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

.ama-home-hero-title__speak {
 font-family: "Great Vibes", cursive;
 font-weight: 400;
 font-size: clamp(2rem, 7vw, 3.1rem);
 color: var(--ama-red);
 transform: translateY(4px);
 text-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.ama-home-hero-title__prep {
 flex: 1 1 100%;
 font-family: "Playfair Display", Georgia, serif;
 font-weight: 700;
 font-size: clamp(1.35rem, 4vw, 1.85rem);
 color: #fff;
}

.ama-home-values--hero {
 list-style: none;
 margin: 14px 0 0;
 padding: 0;
 display: flex;
 flex-wrap: wrap;
 gap: 10px 16px;
 font: 700 0.68rem system-ui, sans-serif;
 color: #fff;
}

.ama-home-values--hero li {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 4px;
 min-width: 72px;
 text-align: center;
}

.ama-home-values--hero li i {
 font-size: 1rem;
 color: #fff;
 opacity: 0.95;
}

.ama-home-hero__search-wrap {
 position: absolute;
 z-index: 3;
 left: 50%;
 bottom: 0;
 transform: translate(-50%, 42%);
 width: min(94%, 640px);
 pointer-events: auto;
}

@media (max-width: 640px) {
 .ama-home-hero-title__prep {
 flex: 0 1 auto;
 }
 .ama-home-values--hero {
 gap: 8px 12px;
 }
 .ama-home-hero__photo {
 background-position: 22% 28%;
 }
}

.ama-home-hero--ref .ama-home-search {
 border: 2px solid rgba(11, 23, 51, 0.2);
 box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}

.ama-home-hero__ribbon {
 display: none !important;
}

.ama-home-hero--ref + .ama-home-body,
.ama-home-hero--ref ~ .ama-home-body {
 padding-top: clamp(48px, 8vw, 64px);
}
.ama-home::before {
 content: "";
 position: fixed;
 inset: 0;
 z-index: -1;
 pointer-events: none;
 background:
 radial-gradient(ellipse 80% 50% at 10% 0%, rgba(217, 39, 54, 0.07), transparent 55%),
 radial-gradient(ellipse 70% 45% at 90% 20%, rgba(214, 179, 106, 0.12), transparent 50%),
 radial-gradient(ellipse 100% 60% at 50% 100%, rgba(11, 23, 51, 0.06), transparent 55%),
 linear-gradient(180deg, #f2f6fc 0%, var(--ama-page) 35%, #fff 100%);
}

/* - - Hero (classroom photo - real JPG, not a UI screenshot) - - */
.ama-home-hero {
 position: relative;
 color: var(--ama-white);
 background: var(--ama-navy-mid) url("/assets/home/home-hero-bg.jpg?v=2026-ama-classroom-v3") left top / cover no-repeat;
 background-size: cover;
 background-position: 12% 18%;
 padding: 0 12px 0;
 min-height: clamp(220px, 42vw, 340px);
}
.ama-home-hero__shade {
 position: absolute;
 inset: 0;
 background: linear-gradient(
 180deg,
 rgba(11, 23, 51, 0.15) 0%,
 rgba(11, 23, 51, 0.02) 45%,
 rgba(244, 247, 252, 0.35) 88%,
 rgba(244, 247, 252, 0.92) 100%
 );
 pointer-events: none;
}
.ama-home-hero__founder-strip {
 position: relative;
 z-index: 2;
 margin: calc(6px + env(safe-area-inset-top, 0px)) 0 0;
 padding: 8px 14px;
 border-radius: 0 0 14px 14px;
 background: linear-gradient(90deg, rgba(11, 23, 51, 0.88), rgba(26, 53, 102, 0.75));
 border-bottom: 2px solid var(--ama-gold);
 font: 600 0.68rem system-ui, sans-serif;
 letter-spacing: 0.06em;
 text-transform: uppercase;
 color: #e8edf7;
 text-align: center;
 max-width: 520px;
 margin-left: auto;
 margin-right: auto;
}
.ama-home-hero__founder-strip em {
 font-family: "Playfair Display", Georgia, serif;
 font-style: italic;
 font-weight: 800;
 font-size: 1.05rem;
 text-transform: none;
 letter-spacing: 0.02em;
 color: #f4d78a;
 margin: 0 4px;
}
.ama-home-hero__coach {
 font-style: italic;
 font-weight: 600;
 text-transform: none;
 letter-spacing: 0.04em;
 color: #c5d4ea;
}
.ama-home-hero__inner {
 position: relative;
 z-index: 1;
 max-width: 920px;
 margin: 0 auto;
 min-height: clamp(120px, 28vw, 200px);
 display: flex;
 align-items: flex-end;
 justify-content: flex-end;
 padding-bottom: 12px;
}
.ama-home-hero__wave {
 position: relative;
 z-index: 2;
 line-height: 0;
}
.ama-home-hero__wave svg {
 display: block;
 width: 100%;
 height: 44px;
}

.ama-home-hero__top {
 display: flex;
 align-items: flex-end;
 justify-content: flex-end;
 gap: 10px;
 width: 100%;
}
.ama-home-hero__actions {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: flex-end;
 gap: 6px;
}
.ama-home-hero__icon {
 width: 36px;
 height: 36px;
 border-radius: 50%;
 border: 2px solid rgba(214, 179, 106, 0.55);
 background: rgba(11, 23, 51, 0.88);
 color: var(--ama-white);
 cursor: pointer;
 position: relative;
 box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}
.ama-home-hero__icon--easy-on {
 background: rgba(214, 179, 106, 0.95) !important;
 color: var(--ama-navy) !important;
}
.ama-home-hero__badge {
 position: absolute;
 top: -2px;
 right: -2px;
 min-width: 16px;
 height: 16px;
 border-radius: 999px;
 background: var(--ama-red);
 color: var(--ama-white);
 font: 700 0.62rem/16px system-ui, sans-serif;
}
.ama-home-hero__signin {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 padding: 8px 14px;
 border-radius: 999px;
 border: none;
 background: linear-gradient(180deg, #e8c97a, var(--ama-gold));
 color: var(--ama-navy);
 font: 700 0.72rem system-ui, sans-serif;
 cursor: pointer;
}

.ama-home-intro .ama-home-headline {
 margin: 0 0 12px;
 font-family: "Playfair Display", Georgia, serif;
 font-weight: 800;
 font-style: italic;
 font-size: clamp(1.45rem, 4.5vw, 2rem);
 line-height: 1.15;
 color: var(--ama-navy);
 text-align: center;
}
.ama-home-intro .ama-home-headline__accent {
 color: var(--ama-red);
 font-weight: 800;
 font-style: italic;
}
.ama-home-intro .ama-home-values {
 list-style: none;
 margin: 0 0 18px;
 padding: 0;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 gap: 10px 14px;
 font: 700 0.72rem system-ui, sans-serif;
}
.ama-home-intro .ama-home-values li {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 4px;
 min-width: 88px;
 text-align: center;
 padding: 10px 12px;
 border-radius: 14px;
 background: linear-gradient(165deg, #fff, #f0f4fc);
 border: 1px solid rgba(11, 23, 51, 0.12);
 color: var(--ama-navy);
 box-shadow: 0 8px 20px rgba(11, 23, 51, 0.08);
}
.ama-home-intro .ama-home-values li i {
 color: var(--ama-red);
 font-size: 1.05rem;
}

/* - - Body - - */
.ama-home-body {
 max-width: 920px;
 margin: 0 auto;
 padding: 0 16px 16px;
 background: transparent;
}

/* Search stage - overlaps hero wave, navy | gold | red */
.ama-home-search-stage {
 position: relative;
 z-index: 25;
 margin: -42px 0 20px;
 padding: 22px 16px 20px;
 border-radius: 22px;
 overflow: hidden;
 background:
 radial-gradient(ellipse 90% 80% at 100% 0%, rgba(217, 39, 54, 0.22), transparent 55%),
 radial-gradient(ellipse 70% 60% at 0% 100%, rgba(214, 179, 106, 0.18), transparent 50%),
 linear-gradient(155deg, #1a3566 0%, #243f6e 42%, #1e3a62 100%);
 box-shadow:
 0 22px 48px rgba(8, 20, 40, 0.32),
 0 0 0 1px rgba(214, 179, 106, 0.4),
 inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.ama-home-search-stage::before {
 content: "";
 position: absolute;
 inset: 0;
 background: repeating-linear-gradient(
 -52deg,
 transparent,
 transparent 14px,
 rgba(255, 255, 255, 0.025) 14px,
 rgba(255, 255, 255, 0.025) 28px
 );
 pointer-events: none;
}
.ama-home-search-stage::after {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 height: 4px;
 background: linear-gradient(
 90deg,
 var(--ama-red) 0%,
 var(--ama-white) 38%,
 var(--ama-gold) 62%,
 var(--ama-navy-mid) 100%
 );
}
.ama-home-search-stage__glow {
 position: absolute;
 width: 120px;
 height: 120px;
 right: -30px;
 bottom: -40px;
 border-radius: 50%;
 background: radial-gradient(circle, rgba(214, 179, 106, 0.35), transparent 70%);
 pointer-events: none;
 filter: blur(2px);
}

.ama-home-search {
 position: relative;
 z-index: 1;
 display: flex;
 align-items: center;
 gap: 8px;
 padding: 5px 6px 5px 5px;
 border-radius: 999px;
 border: 2px solid rgba(214, 179, 106, 0.65);
 background: linear-gradient(180deg, #ffffff 0%, #f3f6fc 100%);
 box-shadow:
 0 14px 36px rgba(0, 0, 0, 0.28),
 0 0 0 3px rgba(11, 23, 51, 0.15);
}
.ama-home-search__go {
 flex-shrink: 0;
 width: 46px;
 height: 46px;
 border-radius: 50%;
 display: grid;
 place-items: center;
 font-size: 1.05rem;
 color: var(--ama-gold);
 background: linear-gradient(145deg, #0b1733, #1e3a6e);
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 4px 12px rgba(0, 0, 0, 0.2);
 border: none;
 cursor: pointer;
 padding: 0;
}
.ama-home-search__go:hover {
 background: linear-gradient(145deg, #132a52, #254a8a);
}
.ama-home-search .ama-dictate-wrap {
 flex: 1;
 min-width: 0;
 display: flex;
 align-items: center;
}
.ama-home-search .ama-dictate-wrap input {
 flex: 1;
 border: none;
 background: transparent;
 font: 600 1rem/1.2 system-ui, sans-serif;
 color: var(--ama-navy);
 min-width: 0;
 padding-right: 52px !important;
}
.ama-home-search .ama-dictate-wrap input::placeholder {
 color: #7a8aa3;
 font-weight: 500;
}
.ama-home-search .ama-dictate-wrap input:focus {
 outline: none;
}
.ama-home-search .ama-dictate-hint {
 display: none;
}
.ama-home-search .ama-dictate-mic {
 right: 0;
 width: 48px;
 height: 48px;
 border-radius: 50%;
 background: linear-gradient(145deg, var(--ama-red), #a01824);
 color: var(--ama-white);
 border: 2px solid rgba(255, 255, 255, 0.92);
 box-shadow: 0 8px 20px rgba(217, 39, 54, 0.45);
 font-size: 1.05rem;
}
.ama-home-search .ama-dictate-mic:hover:not(:disabled) {
 background: linear-gradient(145deg, #e83242, var(--ama-red));
 transform: scale(1.04);
}
.ama-home-search .ama-dictate-mic.is-listening,
.ama-home-search .ama-dictate-wrap.is-listening .ama-dictate-mic {
 background: linear-gradient(145deg, #ff4d5a, var(--ama-red));
 animation: ama-home-mic-pulse 1.1s ease-in-out infinite;
}
@keyframes ama-home-mic-pulse {
 50% {
 box-shadow: 0 0 0 8px rgba(217, 39, 54, 0.28), 0 8px 20px rgba(217, 39, 54, 0.45);
 }
}

/* Course intro band */
.ama-home-intro {
 position: relative;
 margin: 0 0 18px;
 padding: 18px 18px 16px 20px;
 border-radius: 18px;
 overflow: hidden;
 background:
 linear-gradient(105deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 247, 252, 0.92) 55%, rgba(232, 238, 248, 0.95) 100%);
 box-shadow: 0 10px 32px rgba(11, 23, 51, 0.1);
 border: 1px solid rgba(11, 23, 51, 0.08);
}
.ama-home-intro::before {
 content: "";
 position: absolute;
 left: 0;
 top: 12px;
 bottom: 12px;
 width: 5px;
 border-radius: 0 4px 4px 0;
 background: linear-gradient(180deg, var(--ama-red), var(--ama-gold), var(--ama-navy));
}
.ama-home-intro::after {
 content: "";
 position: absolute;
 right: -24px;
 top: 50%;
 transform: translateY(-50%);
 width: 160px;
 height: 160px;
 border-radius: 50%;
 opacity: 0.35;
 background: radial-gradient(circle at 30% 30%, rgba(214, 179, 106, 0.45), rgba(217, 39, 54, 0.12) 55%, transparent 72%);
 pointer-events: none;
}
.ama-home-intro__eyebrow {
 position: relative;
 z-index: 1;
 margin: 0 0 6px;
 font: 700 0.68rem system-ui, sans-serif;
 letter-spacing: 0.18em;
 text-transform: uppercase;
 color: var(--ama-red);
}
.ama-home-intro h2 {
 position: relative;
 z-index: 1;
 margin: 0 0 6px;
 font-family: "Playfair Display", Georgia, serif;
 font-size: clamp(1.5rem, 4.5vw, 1.75rem);
 color: var(--ama-navy);
 line-height: 1.12;
}
.ama-home-intro h2 em {
 font-style: italic;
 color: var(--ama-red);
}
.ama-home-intro .ama-home-sub {
 position: relative;
 z-index: 1;
 margin: 0;
 color: #4a5d78;
 font-size: 0.92rem;
 line-height: 1.45;
}

/* Course cards */
.ama-home-courses {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 12px;
 margin-bottom: 16px;
}
@media (max-width: 560px) {
 .ama-home-courses {
 grid-template-columns: 1fr;
 }
}
.ama-home-course {
 position: relative;
 display: flex;
 flex-direction: column;
 text-align: left;
 padding: 0 0 14px;
 border: none;
 border-radius: 16px;
 overflow: hidden;
 cursor: pointer;
 font: inherit;
 box-shadow: 0 10px 28px rgba(11, 23, 51, 0.12);
 transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.ama-home-course:hover {
 transform: translateY(-2px);
 box-shadow: 0 14px 36px rgba(11, 23, 51, 0.16);
}
.ama-home-course:active {
 transform: scale(0.98);
}
.ama-home-course__photo {
 height: 140px;
 background-size: cover;
 background-position: center;
}
.ama-home-course__photo--ben {
 background-image: url("/assets/home/pre-ielts-bigben.jpg");
}
.ama-home-course__photo--bridge {
 background-image: url("/assets/home/ielts-capitol.jpg");
 background-position: center 42%;
}
.ama-home-course__stripe {
 height: 4px;
 background: var(--ama-gold);
}
.ama-home-course__stripe--ielts {
 background: linear-gradient(90deg, var(--ama-red), var(--ama-gold));
}
.ama-home-course__body {
 padding: 10px 14px 8px;
 flex: 1;
}
.ama-home-course__title {
 display: block;
 font-family: "Playfair Display", Georgia, serif;
 font-size: 1.1rem;
 font-weight: 700;
 margin: 0 0 4px;
}
.ama-home-course__desc {
 font-size: 0.75rem;
 margin: 0 0 8px;
 line-height: 1.4;
}
.ama-home-course__desc--ielts {
 color: var(--ama-red);
 font-weight: 700;
}
.ama-home-course__list {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 0.68rem;
 line-height: 1.35;
 display: grid;
 gap: 4px;
}
.ama-home-course__list li {
 display: flex;
 gap: 6px;
 align-items: flex-start;
}
.ama-home-course__list i {
 width: 14px;
 margin-top: 1px;
}
.ama-home-course__cta {
 display: block;
 margin: 8px 12px 0;
 padding: 10px 12px;
 border-radius: 999px;
 font-weight: 800;
 font-size: 0.78rem;
 text-align: center;
}
.ama-home-course--pre {
 background: linear-gradient(165deg, #3a41ad, #2b3192 55%, #1f2470);
 color: #fff;
 border-top: 4px solid #fff;
}
.ama-home-course--pre .ama-home-course__title,
.ama-home-course--pre .ama-home-course__desc,
.ama-home-course--pre .ama-home-course__list li {
 color: #fff;
}
.ama-home-course--pre .ama-home-course__list i {
 color: #fff;
}
.ama-home-course--pre .ama-home-course__stripe {
 background: #fff;
}
.ama-home-course--pre .ama-home-course__cta {
 background: #fff;
 color: #2b3192;
}
.ama-home-course--ielts {
 background: linear-gradient(165deg, #f0343a, #e8181c 55%, #b5121a);
 color: #fff;
 border-top: 4px solid #fff;
}
.ama-home-course--ielts .ama-home-course__title,
.ama-home-course--ielts .ama-home-course__desc,
.ama-home-course--ielts .ama-home-course__list li,
.ama-home-course--ielts .ama-home-course__list i {
 color: #fff;
}
.ama-home-course--ielts .ama-home-course__stripe {
 background: #fff;
}
.ama-home-course--ielts .ama-home-course__cta {
 background: #fff;
 color: #c8161b;
}
.ama-home-courses--3 {
 grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 820px) {
 .ama-home-courses--3 {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 .ama-home-courses--3 .ama-home-course--ready {
 grid-column: 1 / -1;
 }
}
@media (min-width: 561px) and (max-width: 820px) {
 .ama-home-courses--3 .ama-home-course--ready {
 display: grid;
 grid-template-columns: minmax(0, 40%) 1fr;
 grid-template-rows: 1fr auto;
 padding: 0;
 }
 .ama-home-courses--3 .ama-home-course__photo--ready {
 grid-row: 1 / 3;
 height: auto;
 min-height: 240px;
 background-position: center 18%;
 }
 .ama-home-courses--3 .ama-home-course--ready .ama-home-course__stripe {
 display: none;
 }
 .ama-home-courses--3 .ama-home-course--ready .ama-home-course__body {
 padding: 16px 18px 8px;
 }
 .ama-home-courses--3 .ama-home-course--ready .ama-home-course__cta {
 margin: 8px 18px 16px;
 }
}
@media (max-width: 560px) {
 .ama-home-courses--3 {
 grid-template-columns: 1fr;
 }
 .ama-home-courses--3 .ama-home-course__photo--ready {
 height: 180px;
 background-position: center 16%;
 }
}
.ama-home-course--ready {
 background: #fff;
 color: #111;
 border: 1px solid rgba(43, 49, 146, 0.18);
 border-top: 4px solid #2b3192;
}
.ama-home-course__photo--ready {
 background-image: url("/assets/home/getready-liberty.jpg");
 background-position: center 22%;
}
.ama-home-course__stripe--ready {
 background: linear-gradient(90deg, #2b3192 0 33%, #fff 33% 67%, #e8181c 67%);
}
.ama-home-course--ready .ama-home-course__title {
 color: #2b3192;
}
.ama-home-course--ready .ama-home-course__desc,
.ama-home-course--ready .ama-home-course__list li {
 color: #111;
}
.ama-home-course__desc--ready {
 font-weight: 700;
}
.ama-home-course--ready .ama-home-course__list i {
 color: #2b3192;
}
.ama-home-course--ready .ama-home-course__cta {
 background: linear-gradient(180deg, #3a41ad, #2b3192);
 color: #fff;
}

.ama-home-record {
 display: flex;
 align-items: center;
 gap: 12px;
 width: 100%;
 margin: 0 0 14px;
 padding: 14px 16px;
 border-radius: 999px;
 border: 1px solid rgba(11, 23, 51, 0.1);
 background: var(--ama-white);
 cursor: pointer;
 font: inherit;
 text-align: left;
 box-shadow: 0 6px 20px rgba(11, 23, 51, 0.08);
}
.ama-home-record__icon {
 width: 44px;
 height: 44px;
 border-radius: 50%;
 display: grid;
 place-items: center;
 background: rgba(217, 39, 54, 0.1);
 color: var(--ama-red);
 font-size: 1.15rem;
}
.ama-home-record__text strong {
 display: block;
 color: var(--ama-navy);
 font-size: 0.9rem;
}
.ama-home-record__text span {
 display: block;
 font-size: 0.78rem;
 color: #5a6b82;
 margin-top: 2px;
}
.ama-home-record > i:last-child {
 margin-left: auto;
 color: #94a3b8;
}

.ama-home-quick {
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 8px;
 margin-bottom: 16px;
}
@media (max-width: 520px) {
 .ama-home-quick {
 grid-template-columns: repeat(2, 1fr);
 }
}
.ama-home-quick__btn {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 6px;
 padding: 12px 6px;
 border-radius: 14px;
 border: 1px solid rgba(11, 23, 51, 0.08);
 background: var(--ama-white);
 cursor: pointer;
 font: 700 0.65rem system-ui, sans-serif;
 color: var(--ama-navy);
 box-shadow: 0 4px 12px rgba(11, 23, 51, 0.06);
}
.ama-home-quick__btn i {
 font-size: 1.15rem;
 width: 38px;
 height: 38px;
 border-radius: 12px;
 display: grid;
 place-items: center;
 color: var(--ama-white);
}
.ama-home-quick__btn--hw i { background: var(--ama-navy-mid); }
.ama-home-quick__btn--prog i { background: var(--ama-red); }
.ama-home-quick__btn--rate i { background: #6b4fa8; }
.ama-home-quick__btn--share i { background: #16794a; }

.ama-home-foot {
 text-align: center;
 padding: 12px 8px;
 font-size: 0.72rem;
 color: #64748b;
}
.ama-home-foot__links a {
 color: var(--ama-navy-mid);
 text-decoration: none;
}
.ama-home-foot__links a:hover {
 text-decoration: underline;
}

body.view-hub .ama-home-body .homework-reminder {
 margin-top: 12px;
}

body.view-hub .site-foot__ribbon {
 display: none !important;
}

/* Bottom nav styling on home - visibility: css/ama-mobile-pro.css (all views) */
@media (min-width: 960px) {
 #mobile-bottom-nav {
 display: none !important;
 }
 .ama-home {
 padding-bottom: 24px;
 }
}

/* Course menu overlay */
.ama-course-menu {
 position: fixed;
 inset: 0;
 z-index: 12000;
 background: rgba(11, 23, 51, 0.55);
 display: grid;
 place-items: start center;
 padding: 12px;
 overflow-y: auto;
}
.ama-course-menu[hidden] {
 display: none !important;
}
.ama-course-menu__panel {
 width: min(420px, 100%);
 margin-top: 48px;
 background: var(--ama-white);
 border-radius: 18px;
 border-top: 4px solid var(--ama-red);
 padding: 18px 16px 20px;
 box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}
.ama-course-menu__panel h2 {
 margin: 0 0 4px;
 color: var(--ama-navy);
}
.ama-course-menu__grid {
 display: grid;
 gap: 8px;
}
.ama-course-menu__grid button {
 display: flex;
 align-items: center;
 gap: 12px;
 width: 100%;
 padding: 12px 14px;
 border-radius: 12px;
 border: 1px solid rgba(11, 23, 51, 0.1);
 background: #f8fafc;
 font: inherit;
 font-weight: 700;
 color: var(--ama-navy);
 cursor: pointer;
 text-align: left;
}
.ama-course-menu__close {
 margin-top: 14px;
 width: 100%;
 padding: 12px;
 border-radius: 12px;
 border: none;
 background: var(--ama-navy);
 color: var(--ama-white);
 font-weight: 700;
 cursor: pointer;
}