.genai-notebook .notebook-introduction dl>div{align-items:baseline}.genai-notebook .notebook-introduction dd{white-space:normal}.genai-notebook .genai-title{padding:2.5rem 0;border-bottom:2px solid #79609c}.genai-notebook h1{margin:1.5rem 0;font-size:clamp(3rem,8.5vw,8rem)}.genai-notebook .genai-subtitle{max-width:none;font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.5}.genai-notebook .genai-hero{margin:2rem auto;max-width:68rem}.genai-notebook .genai-hero img{display:block;width:100%;height:auto}.genai-notebook .genai-hero figcaption{font-family:var(--notebook-mono);font-size:.75rem}.genai-notebook .genai-index-extra{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;list-style:none;padding:1rem 0 0;margin:1.25rem 0 0;border-top:1px solid #c5b7d4}.genai-notebook .genai-index-extra a{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;min-height:0;height:auto;padding:.75rem 1rem;border:0;color:#51405f;font-size:.875rem;line-height:1.5}.genai-notebook .genai-index-extra a>span{flex-shrink:0}@media (max-width: 900px){.genai-notebook .genai-index-extra{grid-template-columns:repeat(2,minmax(0,1fr))}}.genai-notebook .notebook-section>.eyebrow{color:#51405f;margin-bottom:.75rem}.genai-notebook .genai-input{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(2rem,4vw,4rem);align-items:start;margin-top:2rem}.genai-notebook .genai-input .notebook-photo{margin:0}.genai-notebook .genai-input .notebook-photo img{max-height:42rem;object-fit:contain}.genai-notebook .genai-credit{max-width:85ch;margin-top:.75rem;font-size:.875rem;line-height:1.7;color:#656069}.genai-notebook .genai-prompt{min-width:0;margin-top:1.5rem;border-top:1px solid var(--notebook-rule);border-bottom:1px solid var(--notebook-rule)}.genai-notebook .genai-prompt+.genai-prompt{border-top:0;margin-top:0}.genai-notebook .genai-prompt blockquote{margin:0 0 1.5rem;padding:0 1rem;border-left:2px solid #79609c;font-size:1rem}.genai-notebook .genai-prompt pre{max-height:30rem;overflow:auto;padding:1rem;background:#f1ebf8;font-size:.8rem;line-height:1.7}.genai-notebook .genai-response-heading{margin-top:3rem}.genai-notebook .genai-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;align-items:start}.genai-notebook .genai-results article{min-width:0}.genai-notebook .genai-results h4{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem 1rem;margin:.5rem 0 1rem;font-size:1.125rem;font-weight:400}.genai-notebook .genai-results .notebook-photo{margin:0 0 1rem}.genai-notebook .genai-results article>p{font-size:1rem;line-height:1.8}.genai-notebook .genai-selected{color:#51405f;font-family:var(--notebook-mono);font-size:.7rem;text-transform:uppercase;border-bottom:1px solid #79609c}.genai-notebook .genai-insight{margin-top:2.5rem;border-left:2px solid #79609c;padding-left:1.5rem}.genai-notebook .genai-insight h3{font-size:1.125rem}.genai-notebook .genai-final{max-width:68rem;margin:2rem auto}.genai-notebook .genai-final-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:3rem}.genai-notebook .genai-final-copy p+p{margin-top:1.25rem}.genai-notebook .genai-reflection{margin-inline:auto}.genai-notebook .genai-table-wrap{overflow-x:auto}.genai-notebook table{width:100%;border-collapse:collapse;font-size:1rem;line-height:1.7}.genai-notebook caption{text-align:left;padding-bottom:1rem;color:#656069;font-size:.875rem}.genai-notebook :is(th,td){text-align:left;vertical-align:top;padding:1rem;border-top:1px solid var(--notebook-rule)}.genai-notebook th{font-weight:400;color:#51405f}.genai-notebook thead th{font-family:var(--notebook-mono);font-size:.75rem;text-transform:uppercase}.genai-notebook .genai-end{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.genai-notebook :is(a,summary,[tabindex="0"]):focus-visible{outline:2px solid #51405f;outline-offset:4px}@media (max-width: 800px){.genai-notebook .genai-input,.genai-notebook .genai-final-copy{grid-template-columns:minmax(0,1fr);gap:2rem}.genai-notebook .genai-results{grid-template-columns:minmax(0,1fr);gap:2.5rem}.genai-notebook .genai-results img{max-height:42rem;object-fit:contain}.genai-notebook .genai-results article>p{max-width:64ch}.genai-notebook :is(th,td){padding:.75rem .5rem}}@media (max-width: 600px){.genai-notebook .genai-title{padding:2rem 0}.genai-notebook h1{font-size:clamp(2.6rem,11vw,4.3rem)}}
