*{box-sizing:border-box}
body{margin:0;font-family:'Trebuchet MS', 'Lucida Sans Unicode', sans-serif;color:#222;background:hsl(64,30%,97%);line-height:1.6}
a{color:hsl(64, 57%, 41%)}
.t405-wrap{max-width:57em;margin:0 auto;padding:1.5em}
.t405-brand{font-size:1.4em;font-weight:bold;text-decoration:none}
.t405-nav a{margin-right:1em}
.t405-hero{background:hsl(64, 57%, 41%);color:#fff;padding:2em;border-radius:11px}
.t405-hero h1{margin-top:0}
.t405-foot{margin-top:3em;font-size:.9em;color:#555;border-top:1px solid #ddd}
@media(min-width:48em){.t405-wrap{display:grid;grid-template-columns:12em 1fr;gap:2em}.t405-foot{grid-column:1/-1}.t405-nav a{display:block}}