.ai-learning-app .page-heading h1{overflow-wrap:anywhere;font-size:2rem}.ai-start,.ai-example,.ai-library{overflow-wrap:anywhere;min-width:0;margin-bottom:20px;line-height:1.7}.ai-start h2,.ai-example h2,.ai-library h2{margin:0 0 8px;font-size:1.4rem;line-height:1.4}.ai-start p,.ai-example p,.ai-library p{color:var(--muted);margin:8px 0 14px}.ai-start .ai-kicker,.ai-example .ai-kicker,.ai-library .ai-kicker{color:var(--blue-dark);letter-spacing:.08em;margin:0 0 5px;font-size:.75rem;font-weight:700}.ai-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;padding:0;list-style:none;display:grid}.ai-steps li{border:1px solid var(--line);background:var(--surface-strong);border-radius:14px;align-items:center;gap:10px;padding:12px;line-height:1.4;display:flex}.ai-steps b{height:32px;color:var(--blue-dark);background:var(--blue-soft);border-radius:50%;flex:0 0 32px;place-items:center;display:grid}.ai-steps small{color:var(--muted)}.ai-tools,.ai-actions,.ai-categories,.ai-links{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;display:flex}.ai-tools a,.ai-actions a,.ai-links a,.ai-back{color:var(--blue-dark);text-underline-offset:4px}.ai-tools a{border:1px solid var(--blue-line);background:var(--blue-soft);border-radius:10px;padding:7px 12px;font-weight:600;text-decoration:none}.ai-tool-introduction{font-size:.8125rem;line-height:1.8}.ai-actions .ai-new-tab{border-radius:10px;place-items:center;min-width:44px;min-height:44px;font-size:1.25rem;text-decoration:none;display:inline-grid}.ai-actions .ai-new-tab:hover{background:var(--blue-soft)}.ai-start .ai-note,.ai-example .ai-note{margin-bottom:0;font-size:.875rem}.ai-example-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.ai-example-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.ai-example-images figure{min-width:0;margin:0}.ai-example-images img{object-fit:contain;object-position:center;border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;height:230px;display:block}.ai-example-images figcaption{color:var(--muted);padding-top:7px;font-size:.875rem}.ai-example-images figcaption b{color:var(--text)}.ai-file-steps{color:var(--muted);padding-left:1.5em}.ai-file-steps li{margin:8px 0}.ai-example details{margin:14px 0}.ai-example summary{cursor:pointer;color:var(--blue-dark);font-weight:600}.ai-library{scroll-margin-top:24px}.ai-library form label{font-weight:600;display:block}.ai-search-row{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.ai-search-row input{border:1px solid var(--line);background:var(--surface-strong);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:10px;flex:230px;padding:10px 12px}.ai-categories button[aria-pressed=true]{background:var(--blue-soft);color:var(--blue-dark);border-color:var(--blue-line)}.ai-prompt-group{margin-top:24px;scroll-margin-top:24px}.ai-prompt-group h3{margin:0;font-size:1.15rem}.ai-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.ai-card{border:1px solid var(--line);background:var(--surface-strong);border-radius:16px;min-width:0;padding:20px;scroll-margin-top:24px}.ai-card h4{margin:8px 0;font-size:1.05rem;line-height:1.5}.ai-card h5{margin:18px 0 6px;font-size:.95rem}.ai-card-label{color:var(--blue-dark);background:var(--blue-soft);border-radius:8px;padding:2px 9px;font-size:.75rem;font-weight:600;display:inline-block}.ai-library p.ai-card-label{color:var(--blue-dark)}.ai-card details{border-top:1px solid var(--line);padding-top:12px}.ai-card summary{cursor:pointer;color:var(--blue-dark);font-weight:600}.ai-module-shot{border:1px solid var(--line);border-radius:10px;max-width:100%;height:auto;display:block}.ai-learning-app button{white-space:normal;max-width:100%;min-height:44px;font-size:.9375rem;line-height:1.6}.ai-learning-app pre{border:1px solid var(--line);background:var(--surface-strong);max-width:100%;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;border-radius:10px;padding:14px;font:.875rem/1.8 ui-monospace,SFMono-Regular,Menlo,Consolas,PingFang SC,monospace}.ai-learning-app :focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media (width<=700px){.ai-steps{grid-template-columns:1fr}.ai-example-header{flex-direction:column;align-items:flex-start}.ai-grid,.ai-example-images{grid-template-columns:minmax(0,1fr)}.ai-example-images img{height:auto}.ai-card{padding:16px}}