/* /english/ielts/speaking-topics/: Part 1 topics, Part 2 cue cards and Part 3
   questions. Built on /english/tools.css and /english/ielts/ielts.css.
   Part 1 blue, Part 2 the yellow cue card, Part 3 purple. */

.sp-hero .tt-title{max-width:none}
.sp-hero .tt-lede{max-width:70ch;margin:18px 0 0!important}
.sp-hero .tt-actions{margin-top:24px}
.sp-jump{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:36px}
.sp-jump a{display:grid;gap:4px;padding:18px 20px;border-radius:20px;background:var(--skill-bg);color:var(--skill-ink);text-decoration:none;transition:transform .16s var(--ease-out)}
.sp-jump b{font:700 20px/1.2 var(--font-display);letter-spacing:-.02em;color:var(--ink)}
.sp-jump span{font-weight:600;font-size:14.5px}
@media (hover:hover) and (pointer:fine){.sp-jump a:hover{transform:translateY(-2px)}}
@media (max-width:639px){.sp-jump{grid-template-columns:1fr;gap:8px;margin-top:24px}.sp-jump a{grid-template-columns:auto 1fr;align-items:baseline;gap:12px;padding:14px 16px}}

.sp-tip{margin-top:22px;padding:18px 20px;border-radius:18px;background:var(--skill-bg);color:var(--ink)}
.tt-band-cat .sp-tip{background:#fff}
.sp-tip-k{font:600 13px/1.2 var(--font-body);color:var(--skill-ink);margin-bottom:8px!important}
.sp-tip ol{display:grid;gap:4px;margin:0 0 8px 20px!important;list-style:decimal;font-weight:500}
.sp-tip p:last-child{font-size:14.5px;color:var(--ink-soft)}

.sp-p1{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:639px){.sp-p1{grid-template-columns:1fr}}
.sp-topic{display:flex;flex-direction:column;gap:10px;padding:18px 20px;border:1px solid var(--line);border-top:4px solid var(--skill-btn);border-radius:var(--r-card);background:#fff}
.sp-topic h3{font:700 17px/1.25 var(--font-display);letter-spacing:-.02em}
.sp-topic ul{display:grid;gap:6px;margin-left:18px!important;list-style:disc;font-size:15px;color:var(--ink-soft)}
.sp-topic .tt-link{margin-top:auto;font-size:14.5px}

.sp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:767px){.sp-cards{grid-template-columns:1fr}}
.sp-card{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--cue-line);border-radius:20px;background:var(--cue);color:#3f2d00;font-size:15px;scroll-margin-top:96px}
.sp-card-k{font:600 13px/1.2 var(--font-body);color:#7a5a00}
.sp-card h3{font:700 18px/1.3 var(--font-display);letter-spacing:-.02em;color:#2a1e00}
.sp-card ul{margin-left:18px!important;list-style:disc}
.sp-card-follow{padding-top:8px;border-top:1px solid var(--cue-line);color:#5c4500}
.sp-card .tt-pill{align-self:flex-start;margin-top:auto}

.sp-p3{display:grid;gap:14px}
.sp-p3-set{padding:20px 22px;border-radius:var(--r-card);background:var(--skill-bg)}
.sp-p3-set h3{font:700 18px/1.25 var(--font-display);letter-spacing:-.02em}
.sp-p3-from{margin-top:2px!important;font-size:14px;color:var(--skill-ink)}
.sp-p3-set ol{display:grid;gap:8px;margin:12px 0 12px 20px!important;list-style:decimal;color:var(--ink)}
.sp-p3-set .tt-link{font-size:14.5px}

.sp-faq{margin-top:0}
.sp-reads{margin-top:24px}