/* A shared visual language for choosing a question and its package. */
.ask-landing .fit,
.ask-landing .landing-order {
  --selection-ink:#1d1d1f;
  --selection-muted:#6e6e73;
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif;
  color:var(--selection-ink);
}
.ask-landing .fit.section { text-align:left; background:#fff; padding-block:96px; }
.ask-landing .fit .kicker { color:#6e6e73; font-size:14px; font-weight:500; letter-spacing:.02em; margin:0 0 16px; }
.ask-landing .fit h2 { font-family:inherit; font-size:clamp(30px,3.4vw,44px); line-height:1.3; letter-spacing:-.035em; font-weight:650; max-width:650px; margin:0; text-wrap:balance; white-space:pre-line; }
.ask-landing .examples { gap:18px; margin:40px 0 24px; }
.ask-landing .examples button {
  appearance:none; -webkit-appearance:none; font:inherit; color:#1d1d1f;
  position:relative; display:flex; flex-direction:column; align-items:flex-start;
  background:#f5f5f7; border:1px solid transparent; border-radius:22px;
  padding:30px 28px; min-height:218px; cursor:pointer;
  transition:background .18s,border-color .18s; box-shadow:none;
}
.ask-landing .examples span { font-size:12px; font-weight:500; color:#6e6e73; }
.ask-landing .examples strong { color:#1d1d1f; -webkit-text-fill-color:#1d1d1f; font-family:inherit; font-size:24px; line-height:1.5; font-weight:600; letter-spacing:-.025em; margin:14px 0 30px; white-space:pre-line; }
.ask-landing .examples small { margin-top:auto; padding-right:24px; font-size:11px; color:#6e6e73; font-weight:400; }
.ask-landing .examples .selection-arrow { position:absolute; right:24px; bottom:25px; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; color:#fff; background:#1d1d1f; font-size:15px; }
.ask-landing .examples button:hover:not(:disabled) { background:#ededf0; border-color:#d2d2d7; }
.ask-landing .examples button:active:not(:disabled) { background:#e5e5ea; transform:none; }
.ask-landing .examples button:focus-visible { outline:3px solid #0071e3; outline-offset:4px; }
.ask-landing .examples button:disabled { opacity:.5; cursor:not-allowed; }
.ask-landing .fit .scope-note { max-width:680px; color:#6e6e73; font-size:12px; line-height:1.9; margin:24px 0 0; }
.ask-landing .landing-example-status:empty { display:none; }
.ask-landing .landing-example-status { color:#515154; font-size:13px; }
.ask-landing .landing-order { background:#f5f5f7; padding:96px max(5%,calc((100% - 1200px)/2)); grid-template-columns:38fr 62fr; gap:48px; }
.ask-landing .landing-order-intro h2 { font-family:inherit; font-size:40px; line-height:1.35; font-weight:650; letter-spacing:-.035em; text-wrap:balance; white-space:pre-line; max-width:360px; }
.ask-landing .landing-order-intro .kicker { color:#6e6e73; }
.ask-landing .landing-order-intro>p { color:#6e6e73; line-height:1.85; }
.ask-landing .landing-order-intro ul { list-style:none; padding:0; color:#515154; font-size:13px; }
.ask-landing .landing-order-intro li { border-bottom:1px solid #dedee3; padding:10px 0; }
.ask-landing .landing-order-panel { padding:30px; border:0; border-radius:24px; background:#fafafa; box-shadow:none; }
.ask-landing #packages { background:transparent; }
.ask-landing #packages .section-heading { margin:0 0 28px; }
.ask-landing #packages h2 { font-family:inherit; font-size:26px; line-height:1.4; font-weight:650; letter-spacing:-.025em; color:#1d1d1f; text-wrap:balance; }
.ask-landing #packages .section-heading>p:not(.eyebrow) { font-size:13px; line-height:1.8; color:#6e6e73; margin:12px 0 0; }
.ask-landing #packages .package-grid { grid-template-columns:1fr; gap:12px; }
.ask-landing #packages .package-card {
  display:grid; grid-template-columns:20px minmax(0,1fr) auto; grid-template-rows:auto auto;
  gap:6px 12px; align-items:center; min-height:104px; padding:20px;
  border:1px solid #d2d2d7; border-radius:14px; background:#fff;
  box-shadow:none; transition:background .18s,border-color .18s; transform:none;
}
.ask-landing #packages .package-card::before { content:""; grid-column:1; grid-row:1 / span 2; width:19px; height:19px; border:1px solid #b6b6bc; border-radius:50%; box-sizing:border-box; }
.ask-landing #packages .package-card.is-selected { border-color:#1d1d1f; background:#f5f5f7; box-shadow:none; }
.ask-landing #packages .package-card.is-selected::before { border:6px solid #1d1d1f; background:#fff; }
.ask-landing #packages .package-card__name { grid-column:2; grid-row:1; font-family:inherit; font-size:16px; font-weight:600; color:#1d1d1f; }
.ask-landing #packages .package-card strong { grid-column:3; grid-row:1; margin:0; font-size:22px; font-weight:600; line-height:1.3; color:#1d1d1f; font-variant-numeric:tabular-nums; white-space:nowrap; letter-spacing:-.025em; }
.ask-landing #packages .package-card small { grid-column:2 / 4; grid-row:2; font-size:12px; font-weight:400; line-height:1.75; color:#6e6e73; }
.ask-landing #packages .package-badge { position:static; grid-column:2; grid-row:3; justify-self:start; padding:0; background:transparent; color:#6e6e73; font-size:10px; font-weight:500; }
.ask-landing #packages .package-card__original-price { grid-column:2 / 4; grid-row:4; color:#6e6e73; font-size:11px; }
.ask-landing #packages .package-card:hover:not(:disabled) { border-color:#86868b; background:#f5f5f7; transform:none; }
.ask-landing #packages .package-card:active:not(:disabled) { background:#e8e8ed; }
.ask-landing #packages .package-card:focus-visible { outline:3px solid #0071e3; outline-offset:4px; }
.ask-landing #packages .package-card:disabled { cursor:not-allowed; opacity:.55; }
.ask-landing #packages .package-delivery { margin:28px 0 0; padding:18px 0 0; border:0; border-top:1px solid #e5e5ea; border-radius:0; background:transparent; box-shadow:none; min-width:0; }
.ask-landing #packages .package-delivery legend { padding:0 12px 0 0; font-family:inherit; font-size:12px; font-weight:400; color:#6e6e73; }
.ask-landing #packages .delivery-options { grid-template-columns:1fr; gap:12px; }
.ask-landing #packages .delivery-option { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; gap:12px; align-items:center; }
.ask-landing #packages .delivery-option:has(input:checked) { border:0; background:transparent; box-shadow:none; }
.ask-landing #packages .delivery-option input { width:18px; height:18px; margin:0; accent-color:#1d1d1f; }
.ask-landing #packages .delivery-option input:focus-visible { outline:3px solid #0071e3; outline-offset:4px; }
.ask-landing #packages .delivery-option strong { font-size:14px; font-weight:500; color:#1d1d1f; }
.ask-landing #packages .delivery-option small { font-size:12px; font-weight:400; color:#6e6e73; margin-top:3px; }
.ask-landing #packages .package-action { display:flex; flex-direction:column; gap:14px; margin-top:26px; text-align:left; }
.ask-landing #packages .package-selection-summary { font-size:12px; font-weight:400; line-height:1.8; color:#515154; }
.ask-landing #packages [data-start-intake] { width:100%; min-height:54px; padding:15px 22px; border:1px solid #1d1d1f; border-radius:12px; background:#1d1d1f; color:#fff; font-size:15px; font-weight:500; letter-spacing:.01em; box-shadow:none; }
.ask-landing #packages [data-start-intake]:hover:not(:disabled) { background:#333336; transform:none; }
.ask-landing #packages [data-start-intake]:active:not(:disabled) { background:#000; }
.ask-landing #packages [data-start-intake]:focus-visible { outline:3px solid #0071e3; outline-offset:4px; }
.ask-landing #packages .form-note { font-size:11px!important; font-weight:400!important; line-height:1.85; color:#6e6e73!important; text-align:center; }
.ask-landing #packages .guest-login-entry { text-align:center; font-size:12px; }
.ask-landing #packages .package-alternative { margin-top:8px; padding-top:20px; border-top:1px solid #e5e5ea; font-size:12px; text-align:center; }
.ask-landing #packages .package-alternative a,.ask-landing #packages .guest-login-entry button { color:#515154; }
.ask-landing #packages .consult-upgrade-note { margin:0; padding:16px; border:0; border-radius:12px; background:#f5f5f7; color:#6e6e73; box-shadow:none; }
.ask-landing .landing-mobile-cta { background:#ffffffed; border-color:#e5e5ea; padding:12px 20px max(12px,env(safe-area-inset-bottom)); }
.ask-landing .landing-mobile-cta .primary-link { background:#1d1d1f; color:#fff; border-radius:999px; font-size:12px; font-weight:500; }
.ask-landing .landing-mobile-cta.is-package-visible { display:none; }
@media(max-width:950px) and (min-width:651px) {
  .ask-landing .landing-order { gap:32px; }
  .ask-landing .landing-order-panel { padding:26px; }
}
@media(max-width:650px) {
  .ask-landing .fit.section { padding:64px 24px; }
  .ask-landing .fit .kicker { font-size:12px; margin-bottom:14px; }
  .ask-landing .fit h2 { font-size:32px; max-width:100%; line-height:1.35; }
  .ask-landing .examples { gap:12px; margin:30px 0 24px; }
  .ask-landing .examples button { min-height:144px; padding:20px 24px; border-radius:20px; }
  .ask-landing .examples strong { font-size:22px; line-height:1.35; margin:8px 0 10px; white-space:normal; }
  .ask-landing .examples span { font-size:13px; }
  .ask-landing .examples small { font-size:12px; }
  .ask-landing .examples .selection-arrow { bottom:17px; width:32px; height:32px; }
  .ask-landing .landing-order { padding:64px 18px; }
  .ask-landing .landing-order-intro { padding:0 6px; }
  .ask-landing .landing-order-intro h2 { font-size:32px; }
  .ask-landing .landing-order-panel { margin-top:32px; padding:28px 20px; border-radius:22px; }
  .ask-landing #packages h2 { font-size:24px; }
  .ask-landing #packages .section-heading { margin-bottom:24px; }
  .ask-landing #packages .package-card { padding:18px 20px; grid-template-columns:18px minmax(0,1fr) auto; column-gap:10px; min-height:112px; }
  .ask-landing #packages .package-card__name { font-size:17px; }
  .ask-landing #packages .package-card::before { width:18px; height:18px; }
  .ask-landing #packages .package-card small { font-size:13px; }
  .ask-landing #packages .package-card strong { font-size:21px; font-weight:650; }
}
@media(max-width:360px) {
  .ask-landing .landing-order { padding-inline:12px; }
  .ask-landing .landing-order-panel { padding-inline:16px; }
  .ask-landing #packages .package-card { padding-inline:12px; grid-template-columns:18px minmax(0,1fr) auto; column-gap:8px; }
  .ask-landing #packages .package-card::before { width:18px; height:18px; }
  .ask-landing #packages .package-card strong { font-size:18px; }
}

/* The manuscript is the sample; adjacent text explains only the deliverables. */
.ask-landing .sample-delivery { align-self:center; padding:32px 0 32px 24px; }
.ask-landing .sample-delivery>div+div { margin-top:36px; padding-top:36px; border-top:1px solid #d2d2d7; }
.ask-landing .sample-delivery h3 { margin:0 0 12px; font:600 25px/1.4 -apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif; color:#1d1d1f; }
.ask-landing .sample-delivery p { margin:0; font-size:16px; line-height:1.9; color:#6e6e73; }
@media(max-width:650px) {
  .ask-landing .sample-delivery { padding:0; }
  .ask-landing .sample-delivery h3 { font-size:22px; }
  .ask-landing .sample-delivery p { font-size:15px; }
  .ask-landing .sample-delivery>div+div { margin-top:24px; padding-top:24px; }
}

/* One desktop content grid from navigation through the footer. */
.ask-landing .teacher-profile-link { display:inline-flex;align-items:center;gap:14px;min-height:44px;margin:0 0 24px;color:#1d1d1f;font-size:15px;font-weight:600;text-decoration:none; }
.ask-landing .teacher-profile-link:hover { color:#665538; }
.ask-landing .teacher-profile-link:active { opacity:.7; }
@media(min-width:951px) {
  .ask-landing { --ask-page-gutter:max(48px,calc((100% - 1200px)/2)); }
  .ask-landing .ask-header,
  .ask-landing .ask-cinematic-hero,
  .ask-landing .ask-hero-service-note,
  .ask-landing .under-hero,
  .ask-landing .section,
  .ask-landing .ask-reviews,
  .ask-landing .landing-order,
  .ask-landing .boundary-section,
  .ask-landing .ask-footer { padding-inline:var(--ask-page-gutter);max-width:none;width:100%;margin-inline:0; }
  .ask-landing .ask-cinematic-hero { height:clamp(620px,48vw,700px);min-height:620px; }
  .ask-landing .ask-cinematic-hero .hero-copy { width:46%;max-width:520px; }
  .ask-landing .ask-cinematic-hero h1 { font-size:clamp(42px,3.65vw,56px); }
  .ask-landing .section,
  .ask-landing .fit.section,
  .ask-landing .ask-reviews,
  .ask-landing .landing-order { padding-block:72px; }
  .ask-landing .ask-reviews__shell { max-width:none; }
  .ask-landing .ask-hero-service-note { grid-template-columns:1fr 1fr;gap:16px 64px;padding-block:64px; }
  .ask-landing .under-hero { display:block;padding-block:28px; }
  .ask-landing .under-hero>p { display:none; }
  .ask-landing .under-hero ol { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px; }
  .ask-landing .teacher,
  .ask-landing .faq { grid-template-columns:5fr 7fr;gap:64px; }
  .ask-landing .landing-surface h2,
  .ask-landing .ask-reviews__heading h2,
  .ask-landing .landing-order-intro h2 { font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif;font-size:38px;font-weight:600;line-height:1.35;letter-spacing:-.03em;color:#1d1d1f; }
  .ask-landing .landing-order { grid-template-columns:5fr 7fr;gap:64px; }
  .ask-landing .section-head { display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:center;margin-bottom:40px; }
  .ask-landing .section-head>p { margin:0; }
  .ask-landing .sample-layout { grid-template-columns:5fr 7fr;gap:64px; }
  .ask-landing .sample-delivery { padding:0; }
  .ask-landing .manuscript img { width:66%;max-height:390px; }
  .ask-landing .sample { background:#eeece6; }
  .ask-landing .faq h2 { max-width:360px;font-size:32px; }
  .ask-landing .boundary-section { grid-template-columns:5fr 7fr;gap:64px;padding-block:56px; }
  .ask-landing .boundary-section h2 { font:600 26px/1.5 -apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif; }
  .ask-landing .boundary-grid { width:100%;max-width:none; }
  .ask-landing .boundary-grid article { border-radius:16px;padding:24px; }
  .ask-landing .boundary-grid h3 { font:600 18px/1.5 -apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif; }
  .ask-landing .boundary-grid ul { font-size:13px;line-height:1.85; }
  .ask-landing .boundary-grid a { font-size:12px; }
}

/* Keep the four site destinations separate from the contextual purchase action. */
@media(max-width:650px){
  .landing-mobile-cta{bottom:calc(var(--uc-mobile-nav-base-height,64px) + var(--uc-mobile-nav-safe-bottom,0px));padding-bottom:12px}
  .landing-mobile-cta.is-hero-visible{display:none}
}