*{box-sizing:border-box}body{margin:0;background:#f5f1e8;color:#38372f;font-family:Arial,sans-serif}main{max-width:1440px;margin:auto;padding:34px 24px}h1,h2{font-family:Georgia,serif;font-weight:normal}h1{font-size:38px;margin:14px 0}h2{font-size:25px}.brand{font-size:12px;letter-spacing:.12em}.intro{max-width:1000px;line-height:1.6}.group{margin:34px 0}.option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.option{display:block;background:#fffdf7;border:1px solid #d3cabb;border-radius:5px;padding:8px;text-decoration:none;color:inherit}.option img{width:100%;height:auto;display:block}.option span{display:block;font-size:14px;margin-top:9px}.option:hover,.option:focus{outline:2px solid #7395aa}.button{display:inline-block;background:#dcecf5;color:#263c4a;padding:12px 16px;border-radius:5px;text-decoration:none;margin:4px 8px 4px 0}.button:hover,.button:focus{background:#bedbea;outline:2px solid #7395aa}.note{font-size:13px;line-height:1.6;color:#625e54}.recommend{border-left:4px solid #8d7d61;padding-left:14px}.archive{margin-top:60px;border-top:8px solid #45443d;background:#e6dfd2;padding:28px}.archive h2{margin-top:0}.proof{width:100%;height:auto;display:block;border:1px solid #ccc}.extras{max-width:700px}details{margin:28px 0}summary{cursor:pointer;padding:12px;background:#e8e1d6}@media(max-width:800px){.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:22px 14px}h1{font-size:30px}}