/* Explain the guide's value before listing its scenes and research. */
.thinking-page .thinking-hero-why .thinking-hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:52px;align-items:center}
.thinking-page .thinking-hero-why h1{font-size:clamp(36px,3.6vw,47px);line-height:1.65;letter-spacing:.02em;margin:16px 0 22px}
.thinking-page .thinking-hero-why .thinking-lead{font-size:19px;line-height:1.95}
.thinking-page .thinking-why-ai{border-top:1px solid #c8d3e0;padding-top:20px;margin:24px 0 0;font-size:17px;line-height:1.95;color:#365171}
.thinking-page .thinking-why-example{padding:26px 28px 22px}
.thinking-page .thinking-why-example figcaption>strong{font-size:25px;font-weight:500}
.thinking-page .thinking-why-table{width:100%;table-layout:fixed;border-collapse:collapse;margin:20px 0 0;background:transparent;color:#001858;text-align:left}
.thinking-page .thinking-why-table th,.thinking-page .thinking-why-table td{padding:18px 0;border:0;border-top:1px solid #c8d3e0;vertical-align:middle;font-size:17px;line-height:1.9;background:transparent}
.thinking-page .thinking-why-table th:first-child{width:36%;padding-right:24px}
.thinking-page .thinking-why-table thead th{font-size:14px;color:#50647f;border-top:0;font-weight:400;padding-top:0;padding-bottom:10px}
.thinking-page .thinking-why-table tbody th{font-weight:500}
.thinking-page .thinking-why-example .thinking-first-result{font-size:16px;margin-top:4px;line-height:1.9}
.thinking-page .thinking-why-start{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 34px;margin-top:28px}
.thinking-page .thinking-why-start>p{font-family:var(--serif);font-size:22px;line-height:1.85;margin:0}
.thinking-page .thinking-why-start .thinking-hero-actions{margin-top:0;gap:16px 24px}
.thinking-page .thinking-hero-why>.thinking-meta{margin-top:24px}
@media(max-width:1000px){
 .thinking-page .thinking-hero-why .thinking-hero-layout{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
 .thinking-page .thinking-hero-why h1{font-size:36px}
 .thinking-page .thinking-why-example{padding:22px}
 .thinking-page .thinking-why-table th:first-child{padding-right:18px}
 .thinking-page .thinking-why-desktop-break{display:none}
}
@media(max-width:760px){
 .thinking-page .thinking-hero-why .thinking-hero-layout{grid-template-columns:1fr;gap:28px}
 .thinking-page .thinking-hero-why h1{font-size:clamp(30px,7.5vw,40px);line-height:1.7;margin:12px 0 20px}
 .thinking-page .thinking-hero-why .thinking-lead{font-size:18px}
 .thinking-page .thinking-why-ai{font-size:16px;padding-top:16px;margin-top:20px}
 .thinking-page .thinking-why-example{padding:22px 18px}
 .thinking-page .thinking-why-example figcaption>strong{font-size:22px}
 .thinking-page .thinking-why-example figcaption>span{font-size:14px}
 .thinking-page .thinking-why-table th,.thinking-page .thinking-why-table td{font-size:16px;padding-block:16px}
 .thinking-page .thinking-why-table thead th{font-size:14px}
 .thinking-page .thinking-why-table th:first-child{width:40%;padding-right:15px}
 .thinking-page .thinking-why-start{display:block;margin-top:26px}
 .thinking-page .thinking-why-start>p{font-size:21px}
 .thinking-page .thinking-why-start>p br{display:none}
 .thinking-page .thinking-why-start .thinking-hero-actions{margin-top:22px}
}

/* Give the continuous experience a clear main entrance. */
.thinking-page .thinking-other-entrances{display:flex;flex-wrap:wrap;gap:12px 32px;margin:22px 0 0}
.thinking-page .thinking-other-entrances a{font-size:17px;line-height:1.8;min-height:44px;display:inline-flex;align-items:center;gap:8px;text-underline-offset:5px}
@media(max-width:760px){
 .thinking-page .thinking-other-entrances{display:grid;gap:4px;margin-top:16px}
 .thinking-page .thinking-other-entrances a{font-size:16px}
}