.help-shell{max-width:1160px}.urgent-entry{background:var(--color-tint);flex-wrap:wrap;gap:.3rem .8rem;margin-bottom:2.5rem;padding:.8rem 1rem;font-size:.9rem;display:flex}.urgent-entry a,.tech-help p a:not([class]),.tech-help li a{text-underline-offset:3px;font-weight:600;text-decoration:underline}.help-intro{grid-template-columns:1.5fr 1fr;align-items:center;gap:3rem;display:grid}.help-free{margin-top:1rem;font-weight:600}.bryan-note{grid-template-columns:100px 1fr;align-items:center;gap:1rem;display:grid}.bryan-note img{object-fit:cover;object-position:50% 25%;width:100px;height:120px}.bryan-note strong,.bryan-note span{display:block}.bryan-note span{margin-top:.4rem;font-size:.9rem;line-height:1.5}.concern-list{border-top:2px solid var(--color-ink);margin-top:2.5rem}.concern-list>a{border-bottom:1px solid var(--color-line);justify-content:space-between;gap:1.5rem;padding:1.4rem .8rem;text-decoration:none;transition:background .18s;display:flex}.concern-list>a:hover{background:var(--color-tint)}.concern-list h2{font:700 1.4rem/1.2 var(--font-display)}.concern-list p{color:var(--color-stone);margin-top:.4rem}.concern-list>a>span{align-self:center;font-size:2rem}.lesson-nav{justify-content:space-between;gap:1rem;margin:0 0 2rem;font-size:.9rem;display:flex}.lesson-nav a{text-underline-offset:3px;text-decoration:underline}[data-panel]{max-width:850px;margin-inline:auto;scroll-margin-top:7rem}.lesson-title{font:750 clamp(1.75rem,4vw,3rem)/1.1 var(--font-display);text-wrap:balance;max-width:24ch}.lesson-lead{max-width:65ch;margin:1.2rem 0 1.5rem;font-size:1.15rem;line-height:1.6}[data-panel] h2{font:700 1.5rem/1.25 var(--font-display);margin:1.8rem 0 .8rem}[data-panel] h3{font:700 1.15rem/1.35 var(--font-display);margin:1.3rem 0 .6rem}[data-panel] p{max-width:70ch;line-height:1.65}[data-panel] p+p{margin-top:.8rem}.photo-demo{border:1px solid var(--color-line);background:var(--sheet);margin:2rem 0 1rem;padding:1.4rem}.photo-demo figcaption{font-weight:700}.copy-diagram{grid-template-columns:1fr 2rem 1fr;align-items:center;gap:.8rem;margin:1.5rem 0;display:grid}.copy-diagram>div{align-content:start;gap:.5rem;display:grid}.copy-diagram>div>span:last-child{font-size:.88rem;line-height:1.5}.diagram-connector{text-align:center;font-size:1.7rem}.picture-symbol{border:2px solid var(--color-ink);background:var(--color-tint);width:54px;height:42px;transition:opacity .2s;display:block;position:relative}.picture-symbol:after{content:"";border:1px solid var(--color-ink);position:absolute;inset:8px}#device-copy.unavailable .picture-symbol{opacity:.25;background:var(--color-line)}#demo-explanation{margin-top:1rem;font-size:.9rem}.important-note{background:var(--color-tint);margin:1rem 0;padding:1rem 1.2rem;font-size:.95rem}.guide-step{border-top:1px solid var(--color-line);margin-top:2rem;padding-top:.3rem}.choices{flex-wrap:wrap;gap:.65rem;margin:1rem 0;display:flex}.choices button{background:var(--sheet);border:1px solid var(--color-ink);text-align:left;cursor:pointer;min-height:48px;padding:.8rem 1rem;font-weight:600;line-height:1.4;transition:none}.choices button:hover{background:var(--color-tint)}.choices button[aria-pressed=true]{background:var(--color-ink);color:#fff}.choices.stacked{display:grid}.revealed,.explanation{margin-top:1rem}.explanation:empty{display:none}.help-details{border-block:1px solid var(--color-line);margin:1.5rem 0;padding:1rem 0}.help-details summary{cursor:pointer;font-weight:700}.help-details p{margin-top:.8rem}.result-block{background:var(--color-tint);margin:2rem 0;padding:1.5rem}.result-block :is(h2:first-child){margin-top:0}.finish-line{border-top:1px solid var(--color-line);margin-top:2rem;padding-top:1rem}.finish-line a{margin:.5rem .8rem .5rem 0;display:inline-flex}.urgent-help{background:var(--color-tint);padding:1.5rem}.urgent-help h2{margin-top:0}.tech-help .teaching-steps{padding-left:1.5rem;list-style:decimal}.tech-help :is(.teaching-steps li){margin:1rem 0;padding-left:.35rem;line-height:1.65}.tech-help .source-link{text-underline-offset:3px;margin:1rem 0;font-size:.85rem;text-decoration:underline;display:block}.tech-help .instruction-link{margin:.8rem 0;display:inline-flex}.tech-help .result-links{flex-wrap:wrap;gap:1rem;margin-top:1.2rem;display:flex}.example-card,.takeaway{border:1px solid var(--color-ink);background:var(--sheet);margin:1.5rem 0;padding:1.5rem}.takeaway h2,.example-card h2{margin-top:0}.takeaway :is(dl>div){border-top:1px solid var(--color-line);padding:1rem 0}.takeaway :is(dt){font-weight:700}.takeaway :is(dd){margin-top:.4rem;line-height:1.5}.takeaway dl{margin:1.5rem 0}.card-contact{border-top:2px solid var(--color-ink);padding-top:1rem}.card-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.small-note,.storage-note{color:var(--color-stone);font-size:.85rem;line-height:1.6}.small-note{margin-top:1.2rem}.storage-note{border-top:1px solid var(--color-line);max-width:70ch;margin-top:3rem;padding-top:1rem}.storage-note button{cursor:pointer;margin-top:.5rem}.save-status{margin-top:1.5rem}.tech-help [hidden]{display:none!important}.tech-help :is(button,a):focus-visible{outline:3px solid var(--color-ink);outline-offset:4px}@media (max-width:760px){.help-intro{grid-template-columns:1fr;gap:1.5rem}.bryan-note{grid-template-columns:70px 1fr}.bryan-note img{width:70px;height:80px}.lesson-nav{flex-wrap:wrap}.photo-demo,.result-block,.urgent-help,.takeaway{padding:1rem}.copy-diagram{grid-template-columns:1fr 1fr;gap:1rem}.diagram-connector{display:none}.choices{flex-direction:column}.concern-list>a{padding-inline:0}}@media print{:is(body header),:is(body footer),:is(body>astro-dev-toolbar),.no-print,#help-home,[data-panel]:not(#notes){display:none!important}#notes{display:block!important}.takeaway{border:0;margin:0;padding:0}.takeaway a{color:inherit;text-decoration:none}.help-shell{padding:0}.takeaway :is(dl>div),.card-contact{break-inside:avoid}}
