/* Shared look for MapleKey's secondary pages (account, privacy, terms, shipping). */
:root{
  --cream:#FFF8E8; --cream-2:#FFEFC7; --paper:#FFFDF6; --yellow:#FFC83D; --yellow-dd:#C57F00;
  --brown:#5A3A1A; --brown-2:#8A6640; --brown-3:#C9AE86;
  --pink:#FF7EA8; --pink-d:#E0507F; --pink-l:#FFE0EA; --sky-d:#3FA6DA; --sky-l:#E3F5FD;
  --ok:#3E9B4F; --ok-l:#E2F4E3; --err:#D6455A; --warn:#B86E00; --warn-l:#FFF0D6;
  --head:"Fredoka",system-ui,sans-serif; --body:"Nunito",system-ui,sans-serif;
  --bricks:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='40'%3E%3Crect width='96' height='40' fill='%23FFCB1F'/%3E%3Cpath d='M0 1H96M0 21H96M1 0V20M49 20V40' stroke='%23D99E00' stroke-width='2'/%3E%3Cpath d='M0 3.5H96M0 23.5H96M3.5 3V20M51.5 23V40' stroke='%23FFE36B' stroke-width='2'/%3E%3C/svg%3E");
}
*{box-sizing:border-box}
body{margin:0;background:var(--bricks);color:var(--brown);font:16px/1.65 var(--body);font-weight:500}
.wrap{max-width:780px;margin:0 auto;padding:22px 16px 56px}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px}
.top .logo img{height:44px;width:auto;display:block}
.top .right{display:flex;align-items:center;gap:10px}
.back{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:12px;border:3px solid var(--brown);background:var(--paper);color:var(--brown);font:600 16px var(--head);text-decoration:none;box-shadow:0 4px 0 var(--brown-3)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:12px;border:3px solid var(--brown);background:var(--yellow);color:var(--brown);font:600 17px var(--head);text-decoration:none;box-shadow:0 4px 0 var(--yellow-dd);cursor:pointer}
.panel{background:var(--cream);border:3px solid var(--brown);border-radius:18px;box-shadow:0 7px 0 rgba(90,58,26,.28);overflow:hidden}
.panel + .panel{margin-top:22px}
.head{background:var(--yellow);border-bottom:3px solid var(--brown);padding:12px 22px;font:600 17px var(--head)}
.body{padding:8px 26px 26px}
h1{font:600 34px/1.15 var(--head);margin:18px 0 4px}
h2{font:600 21px/1.25 var(--head);margin:26px 0 6px}
p,li{margin:0 0 10px}
ul{padding-left:22px;margin:0 0 10px}
a{color:var(--sky-d);font-weight:700}
.meta{color:var(--brown-2);font-size:14px;margin:0 0 6px}
.tbd{background:var(--warn-l);color:var(--warn);font-weight:800;border-radius:6px;padding:0 6px}
table{width:100%;border-collapse:collapse;margin:6px 0 12px;font-size:15px}
th,td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:2px solid var(--brown-3)}
th{font:600 15px var(--head)}
@media (max-width:560px){
  h1{font-size:28px} .body{padding:6px 18px 20px} th,td{padding:6px}
  .top .logo img{height:36px} .back{padding:0 12px;font-size:15px}
}

.seller{text-align:center;font-size:14px;font-weight:700;color:var(--brown-2);margin:18px 0 8px;overflow-wrap:anywhere}
.seller a{color:inherit}