/* ================================
   pages/account_gate.css
   POLICY:
   - layout/spacing only
   - NO text control (font-size/weight/line-height/color) -> core.css + HTML t-*/c-* only
   ================================ */

   /* wrap */
   .gate-wrap{
     max-width: 720px;
     margin: 0 auto;
     padding: 20px;
   }
   
   /* actions row */
   .gate-wrap .actions{
     display:flex;
     gap:10px;
     align-items:center;
     flex-wrap:wrap;
     margin-top:8px;
   }
   
   /* note + count row */
   .gate-wrap .note-row{
     display:flex;
     align-items:baseline;
     gap:12px;
     margin-top:12px;
   }
   
   .gate-wrap .note-row > p{ margin:0; }
   
   /* ✅ 右寄せの本体：これで必ず右へ寄る */
   .gate-wrap .note-row .count{
     margin-left:auto;
     white-space:nowrap;
   }
   
   /* mobile: 縦積み（右寄せ維持） */
   @media (max-width: 560px){
     .gate-wrap .note-row{
       flex-wrap:wrap;
     }
     .gate-wrap .note-row .count{
       width:100%;
       text-align:right;
     }
   }