/* ======================================================
   04-layout.css — Khung app, header, tieu de
   ====================================================== */
/* ====== KHU NỘI DUNG ====== */
  #app{position:relative;z-index:2;height:100%;display:flex;flex-direction:column}

  header{
    flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;
    padding:22px clamp(20px,5vw,46px) 6px;
  }
  .brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:26px;letter-spacing:.5px}
  .brand .seed{
    width:46px;height:46px;border-radius:15px;background:rgba(255,255,255,.22);
    display:grid;place-items:center;font-size:26px;
  }
  .parent{
    border:0;background:rgba(255,255,255,.22);color:#fff;cursor:pointer;
    font-family:inherit;font-weight:700;font-size:16px;
    padding:14px 20px;border-radius:18px;display:flex;align-items:center;gap:9px;
    transition:transform .1s;min-height:56px;
  }
  .parent:active{transform:scale(.94)}
  .parent svg{width:24px;height:24px}

  .title{padding:6px clamp(20px,5vw,46px) 2px;font-weight:700;font-size:clamp(26px,5vw,34px)}
  .subtitle{padding:0 clamp(20px,5vw,46px);font-size:17px;color:var(--ink-soft);font-weight:500}