/* Editorial SEO topic pages and compact homepage learning paths. */
#app .ai-topic-page{background:#fff;color:#152039}
#app .ai-topic-body{padding:clamp(48px,7vw,90px) 0}
#app .ai-topic-prose{max-width:900px}
#app .ai-topic-prose>h2{font-size:clamp(29px,4vw,46px);line-height:1.14;letter-spacing:-.04em;margin:0 0 18px}
#app .ai-topic-prose>p,#app .ai-topic-section p{max-width:840px;font-size:clamp(15px,1.6vw,17px);line-height:1.86;color:#53627a;margin:0}
#app .ai-topic-section{border-top:1px solid #e2e8f0;padding:30px 0 32px}
#app .ai-topic-prose>p+.ai-topic-section{margin-top:38px}
#app .ai-topic-section h2{font-size:clamp(23px,3vw,31px);line-height:1.3;letter-spacing:-.025em;margin:0 0 13px}
#app .ai-topic-faq-area{padding:clamp(46px,7vw,83px) 0;background:#f7f9fc}
#app .ai-topic-faq{border:1px solid #e2e7ee;border-radius:14px;background:#fff;margin-top:12px;padding:0 24px}
#app .ai-topic-faq summary{position:relative;cursor:pointer;list-style:none;font-size:17px;font-weight:690;padding:23px 30px 23px 0;line-height:1.45}
#app .ai-topic-faq summary::-webkit-details-marker{display:none}
#app .ai-topic-faq summary::after{position:absolute;right:0;top:20px;content:'+';font-size:25px;color:#1b5ac0}
#app .ai-topic-faq[open] summary::after{content:'−'}
#app .ai-topic-faq p{margin:0;padding-bottom:23px;font-size:15px;line-height:1.75;color:#53627a}
#app .ai-topic-faq summary:focus-visible,#app .ai-topic-links a:focus-visible,.apple-learning-grid a:focus-visible{outline:3px solid #2767d5;outline-offset:4px}
#app .ai-topic-links{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:22px}
#app .ai-topic-links a{font-size:15px;font-weight:700;color:#215bb2;text-decoration:none}
#app .ai-topic-links a:hover{text-decoration:underline}
#app .ai-topic-page .ai-topic-notice{font-size:14px;margin-top:20px;max-width:720px}
#app .ai-topic-page .seo-landing-hero h1{line-height:1.04;overflow-wrap:break-word}
#app .ai-topic-page .seo-landing-closing{padding-top:0}
#app .apple-learning-links{background:#f7f9fc;color:#18253b;padding:clamp(52px,7vw,88px) 23px;text-align:center}
#app .apple-learning-inner{max-width:1070px;margin:auto}
#app .apple-learning-inner h2{font-size:clamp(30px,4vw,50px);line-height:1.13;letter-spacing:-.045em;margin:12px auto 12px}
#app .apple-learning-inner>p:not(.apple-eyebrow){color:#637186;font-size:16px;line-height:1.75;max-width:680px;margin:0 auto 30px}
#app .apple-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;text-align:left}
#app .apple-learning-grid a{display:flex;flex-direction:column;gap:14px;min-width:0;background:#fff;border:1px solid #e2e7f0;border-radius:21px;padding:clamp(24px,3vw,34px);color:#192c49;text-decoration:none;transition:transform .2s,border-color .2s}
#app .apple-learning-grid a:hover{border-color:#aec7ee;transform:translateY(-2px)}
#app .apple-learning-grid strong{font-size:clamp(21px,2.6vw,28px);letter-spacing:-.035em;line-height:1.2}
#app .apple-learning-grid span{color:#456cb1;font-size:14px;line-height:1.6}
@media(max-width:720px){#app .ai-topic-faq{padding:0 17px}#app .ai-topic-section{padding:25px 0}#app .apple-learning-grid{grid-template-columns:minmax(0,1fr)}#app .apple-learning-grid a{padding:24px}}
@media(prefers-reduced-motion:reduce){#app .apple-learning-grid a{transition:none}#app .apple-learning-grid a:hover{transform:none}}
