.pasta-page .site-header { flex-wrap:wrap; gap:1rem; }
.pasta-page h1,.pasta-page h2,.pasta-page p,.pasta-page li,.pasta-page label,.pasta-page a { overflow-wrap:anywhere; }
.pasta-page .pasta-scaler { margin-bottom:3rem; }
.pasta-page .pasta-scaler h2 { margin-top:0; }
.pasta-page .pasta-scaler [hidden] { display:none !important; }
.pasta-page .pasta-fields { display:grid; gap:1rem; grid-template-columns:repeat(2,minmax(0,1fr)); }
.pasta-page .pasta-fields label { min-width:0; display:block; font-weight:750; }
.pasta-page .pasta-fields label:first-child { grid-column:1 / -1; }
.pasta-page .pasta-fields input { display:block; width:100%; min-width:0; min-height:2.75rem; margin:.5rem 0; padding:.75rem; border:1px solid var(--muted); border-radius:.75rem; background:var(--paper); color:var(--brown); font:inherit; }
.pasta-page .pasta-fields input[aria-invalid=true] { border:2px solid #9b2820; }
.pasta-page .pasta-hint { display:block; font-size:.9375rem; color:var(--muted); font-weight:400; }
.pasta-page .pasta-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin:1.25rem 0; }
.pasta-page .pasta-actions .button { font:inherit; min-height:2.75rem; cursor:pointer; text-align:center; max-width:100%; white-space:normal; }
.pasta-page .button-primary { background:var(--brown); color:var(--paper); }
.pasta-page .pasta-reset { border:1px solid var(--muted); background:transparent; color:var(--brown); }
.pasta-page .pasta-error { border-left:4px solid #9b2820; padding:1rem; color:#9b2820; background:#fff1ed; }
.pasta-page .pasta-result { display:block; padding:1.25rem; margin:1.5rem 0; border-radius:1rem; background:#eaf5df; color:var(--brown); font-size:1.125rem; font-weight:750; overflow-wrap:anywhere; }
.pasta-page .pasta-example { padding-top:1rem; }
.pasta-page .pasta-next { display:inline-flex; align-items:center; min-height:2.75rem; font-weight:750; text-underline-offset:.2em; }
.pasta-page input:focus-visible,.pasta-page button:focus-visible,.pasta-page a:focus-visible { outline:3px solid var(--brown); outline-offset:4px; }
@media (max-width:600px) {
  .pasta-page .pasta-fields { grid-template-columns:minmax(0,1fr); }
  .pasta-page .pasta-fields label:first-child { grid-column:auto; }
  .pasta-page .guide-body article { padding:1.25rem; }
}
@media print {
  .pasta-page .site-header,.pasta-page .site-footer,.pasta-page .pasta-actions,.pasta-page .pasta-next { display:none; }
  .pasta-page .guide-hero { padding-top:0; padding-bottom:1rem; }
  .pasta-page .guide-body { padding:0; }
  .pasta-page .guide-body article { border:0; padding:0; }
  .pasta-page .pasta-result { break-inside:avoid; border:1px solid var(--brown); }
}
@media(prefers-reduced-motion:reduce) { .pasta-page { scroll-behavior:auto; } }