/* Trang phụ Support · Privacy · Terms · 404 theo theme web App Store (02/11/2026, m: "các trang khác bị lệch, để về 1 theme").
   Nội dung chép nguyên từ site/2026-09-09--landing-whimsical, chỉ đổi vỏ: dải sọc crimson ở đầu, nền kem, thẻ trắng, chữ sans. */
:root{--ink:#16171B;--cream:#FBF6EC;--crimson:#DE5443;--sub:#6E6A63;
  --sans:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
/* m 02/11: viền trắng ở mép trên = nền kem lộ ra khi kéo dãn/sóng sọc lệch → nền gốc crimson, tắt kéo dãn */
html{background:var(--crimson);overscroll-behavior-y:none}
html,body{color:var(--ink);font-family:var(--sans)}body{background:var(--cream)}
body{-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:3px}
a:focus-visible,.pill:focus-visible{outline:2px solid var(--crimson);outline-offset:4px}

/* đầu trang: dải sọc như hero, tiêu đề trang to */
.top{position:relative;overflow:hidden;background:var(--crimson);color:var(--cream)}
.stripes{position:absolute;inset:-40px;z-index:0;filter:url(#wave2);background:repeating-linear-gradient(90deg,#E15E4C 0 34px,#D24E3E 34px 68px)}
.bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 16px;max-width:1120px;margin:0 auto}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none}
.logo .ic{width:34px;height:34px;border-radius:8px;box-shadow:0 4px 10px -4px rgba(60,10,5,.5)}
.logo .wm{height:24px;filter:brightness(0) invert(.97) sepia(.15)}
.pill{display:inline-block;border:0;border-radius:999px;padding:10px 16px;background:var(--cream);color:var(--ink);font:600 14px/1 var(--sans);text-decoration:none}
/* m 02/11: thanh trên đứng yên khi cuộn; trong suốt trên dải sọc, cuộn xuống thì nền crimson + bóng (body.scrolled) */
header.top>.bar{position:fixed;z-index:50;top:0;left:0;right:0;max-width:none;padding:14px max(16px,calc((100% - 1088px)/2));transition:background .2s,box-shadow .2s}
.scrolled header.top>.bar{background:var(--crimson);box-shadow:0 10px 24px -14px rgba(60,10,5,.55)}
/* m 02/11: cuộn xuống vẫn biết đang ở trang nào: tên trang thu nhỏ vào thanh trên; điện thoại thì nhường chỗ chữ gommie */
.here{position:absolute;left:50%;margin-left:-160px;width:320px;text-align:center;pointer-events:none;font:600 16px/1.1 var(--sans);letter-spacing:-.02em;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}
.scrolled .here{opacity:1;transform:none}
@media (max-width:599px){.scrolled header.top .logo .wm{display:none}.here{position:static;flex:1;min-width:0;width:auto;margin:0 10px;text-align:left;font-size:17px;font-weight:700}}
.top h1{position:relative;z-index:2;max-width:1120px;margin:0 auto;padding:94px 16px 56px;font:700 44px/1.05 var(--sans);letter-spacing:-.035em}

/* thân: mục lục dạng chip + thẻ trắng */
.page{max-width:1120px;margin:0 auto;padding:32px 16px 72px}
.columns{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.contents{display:flex;flex-wrap:wrap;gap:8px}
.contents a{padding:9px 14px;border-radius:999px;background:#fff;font:600 14px/1.2 var(--sans);text-decoration:none;box-shadow:0 1px 0 rgba(22,23,27,.05),0 10px 20px -16px rgba(70,40,25,.5)}
.contents a:hover{color:var(--crimson)}
.article,.questions{display:grid;gap:16px;min-width:0}
.article section,.questions section{scroll-margin-top:86px;background:#fff;border-radius:24px;padding:24px 20px;box-shadow:0 1px 0 rgba(22,23,27,.05),0 20px 36px -24px rgba(70,40,25,.45);min-width:0}
h2{font:700 24px/1.15 var(--sans);letter-spacing:-.02em}
section p{margin-top:10px;font:400 16px/1.55 var(--sans);color:var(--sub)}
section p strong{color:var(--ink);font-weight:600}
section p a,.textLink{color:var(--crimson);font-weight:600}
.textLink{display:inline-block;margin-top:12px;font-size:16px}
.contact-address{display:inline-block;margin-top:14px;padding:14px 20px;border-radius:16px;background:var(--crimson);color:var(--cream);font:600 17px/1 var(--sans);text-decoration:none;box-shadow:0 14px 24px -14px rgba(60,10,5,.6)}

/* bảng Privacy: điện thoại thì mỗi hàng thành một khối */
table{width:100%;margin-top:14px;border-collapse:collapse;font:400 15px/1.5 var(--sans)}
th{text-align:left;font:700 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--sub);padding:0 0 10px}
td{vertical-align:top;padding:12px 0;border-top:1px solid rgba(22,23,27,.08);color:var(--sub)}
td:first-child{color:var(--ink);font-weight:600;padding-right:16px;width:32%}
@media (max-width:599px){
  thead{display:none}
  table,tbody,tr,td{display:block;width:auto}
  td:first-child{padding-bottom:2px;width:auto}
  td+td{border-top:0;padding-top:0}
}

/* chân trang mực, như màn 6.6 years */
footer{background:var(--ink);color:var(--cream)}
footer .in{max-width:1120px;margin:0 auto;padding:28px 16px 36px;display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between}
footer .logo .wm{height:20px}
footer .logo .ic{width:30px;height:30px;border-radius:7px;box-shadow:none}
footer nav{display:flex;gap:20px;font:500 15px/1 var(--sans)}
footer nav a{text-decoration:none;color:rgba(251,246,236,.8)}
footer nav a:hover,footer nav a[aria-current]{color:var(--cream)}
footer small{width:100%;font:400 13px/1 var(--sans);color:rgba(251,246,236,.55)}

/* 404: cả trang là dải sọc */
.lost{min-height:100svh;display:flex;flex-direction:column}
.lost>.bar{width:100%}.lost>.help{width:100%;max-width:none}
.lost .msg{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 16px 80px}
.lost .code{font:700 12px/1 var(--sans);letter-spacing:.12em;color:rgba(251,246,236,.75)}
.lost h1{padding:16px 0 0;font:700 52px/1.02 var(--sans);letter-spacing:-.04em;color:rgba(251,246,236,.72)}
.lost h1 em{font-style:normal;color:var(--cream)}
.lost p{max-width:340px;margin-top:16px;font:400 17px/1.45 var(--sans);color:rgba(251,246,236,.85)}
.lost .home{margin-top:24px;padding:18px 28px;border-radius:16px;background:var(--cream);color:var(--ink);font:600 17px/1 var(--sans);text-decoration:none;box-shadow:0 14px 24px -14px rgba(60,10,5,.6)}
.lost .help{position:relative;z-index:2;padding:0 16px 28px;text-align:center;font:500 15px/1 var(--sans)}
.lost .help a{color:rgba(251,246,236,.85)}

@media (min-width:900px){
  .top h1{padding:106px 16px 72px;font-size:72px}
  .page{padding:48px 16px 96px}
  .columns{grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}
  .contents{position:sticky;top:90px;flex-direction:column;align-items:flex-start}
  .article section,.questions section{padding:32px 36px}
  h2{font-size:30px}
  .lost h1{font-size:88px}
}