/* Shared case preview used on the account and POA introduction pages. */
#case-preview.poa-order-case-section{background:radial-gradient(ellipse at 95% 0,rgba(255,150,0,.12),transparent 55%),linear-gradient(180deg,#fff8ed,#f8f5f0);border-top:1px solid #f1e3d0;border-bottom:1px solid #f1e3d0}
#case-preview.poa-order-case-section .poa-order-action>.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 20px;border:0;border-radius:8px;background:#ff9600;color:#172d40;font-size:14px;font-weight:800;box-shadow:0 5px 14px rgba(255,150,0,.28);transition:background .18s,transform .18s,box-shadow .18s}
#case-preview.poa-order-case-section .poa-order-action>.btn span{display:inline-block;font-size:17px;line-height:1;color:inherit}
#case-preview.poa-order-case-section .poa-order-action>.btn:hover{background:#f28b00;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,150,0,.22)}
#case-preview.poa-order-case-section .poa-order-action>.btn:active{transform:translateY(0);box-shadow:none}
#case-preview.poa-order-case-section .poa-order-action>.btn:focus-visible{outline:2px solid #17334e;outline-offset:4px}
@media(max-width:650px){
  #case-preview.poa-order-case-section .poa-order-action>.btn{min-height:42px;padding:10px 16px;gap:8px;font-size:13px;border-radius:8px}
  #case-preview.poa-order-case-section .poa-order-action>.btn span{font-size:15px}
}
/* The account page uses the same five-column order ledger as the About site. */
.poa-order-ledger{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;overflow:hidden}
.poa-order-caption{margin:0 8px 12px;color:#718096;font-size:12px;line-height:1.6}
.poa-order-scroll{overflow-x:auto;border:1px solid rgba(115,208,255,.25);border-radius:12px;background:linear-gradient(180deg,#061d37,#0a2545);box-shadow:inset 0 0 18px rgba(12,88,154,.28);scrollbar-color:#4c7299 #0a2545}
.poa-order-scroll:focus-visible{outline:2px solid #ff9600;outline-offset:3px}
.poa-order-table{width:100%;min-width:600px}
.poa-order-columns{display:grid;grid-template-columns:minmax(100px,1fr) minmax(145px,1.4fr) minmax(100px,1fr) minmax(75px,.8fr) minmax(180px,2fr);align-items:center}
.poa-order-columns>span{min-width:0;padding:12px 10px;text-align:center;line-height:1.4;overflow-wrap:anywhere}
.poa-order-header{background:linear-gradient(90deg,rgba(3,65,128,.9),rgba(115,208,255,.32));border-bottom:1px solid rgba(115,208,255,.35);color:#fff;font-size:13px;font-weight:700}
.poa-order-body{height:360px;overflow:hidden}
.poa-order-track{animation:poaOrderScroll 28s linear infinite;will-change:transform}
.poa-order-row{min-height:42px;border-bottom:1px solid rgba(115,208,255,.12);color:#abccff;font-size:13px;box-sizing:border-box}
.poa-order-row:nth-child(odd){background:rgba(18,79,130,.16)}
@keyframes poaOrderScroll{to{transform:translateY(-50%)}}
@media(max-width:650px){
  .poa-order-ledger{padding:0}
  .poa-order-caption{margin:0 2px 8px;font-size:11px}
  .poa-order-columns>span{padding:10px 8px}
  .poa-order-body{height:336px}
  .poa-order-row,.poa-order-header{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .poa-order-track{animation:none;will-change:auto}
  .poa-order-body{overflow-y:auto}
  .poa-order-group[aria-hidden="true"]{display:none}
}

/* Fit every order column inside the mobile card; long values wrap in place. */
@media(max-width:760px){
  #case-preview.poa-order-case-section .poa-order-scroll{overflow-x:hidden}
  #case-preview.poa-order-case-section .poa-order-table{min-width:0;width:100%}
  #case-preview.poa-order-case-section .poa-order-columns{grid-template-columns:minmax(0,21fr) minmax(0,25fr) minmax(0,15fr) minmax(0,11fr) minmax(0,28fr)}
  #case-preview.poa-order-case-section .poa-order-columns>span{padding:10px 3px;white-space:normal;overflow-wrap:anywhere}
  #case-preview.poa-order-case-section .poa-order-row,#case-preview.poa-order-case-section .poa-order-header{font-size:11px}
}

/* Match the stacked platform heading and keep the case action below the description. */
#case-preview.poa-order-case-section{padding-block:64px!important}
#case-preview.poa-order-case-section .section-head{display:block!important;margin-bottom:12px!important}
#case-preview.poa-order-case-section .section-head>div{display:block;width:100%}
#case-preview.poa-order-case-section .poa-order-title{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;margin:0!important;color:#ff9600;text-align:center;letter-spacing:0!important;white-space:nowrap}
#case-preview.poa-order-case-section .poa-order-title .module-title-cn{font-size:32px;font-weight:800;line-height:1.3}
#case-preview.poa-order-case-section .poa-order-title .module-title-en{font-size:13px;font-weight:600;line-height:1.4;letter-spacing:.08em}
#case-preview.poa-order-case-section .case-section-note{margin:12px 0 0;line-height:1.75}
#case-preview.poa-order-case-section .poa-order-action{display:flex;justify-content:flex-end;margin:0 0 16px}
@media(max-width:650px){
  #case-preview.poa-order-case-section{padding-block:40px!important}
  #case-preview.poa-order-case-section .poa-order-title .module-title-cn{font-size:26px}
  #case-preview.poa-order-case-section .poa-order-title .module-title-en{font-size:11px}
  #case-preview.poa-order-case-section .case-section-note{margin:12px 0 0}
  #case-preview.poa-order-case-section .poa-order-action{margin-bottom:12px}
}

/* Readable desktop case description; retain the existing mobile typography. */
@media(min-width:769px){
  #case-preview.poa-order-case-section .case-section-note{
    font-size:clamp(15px,1vw,18px)!important;
    line-height:1.8!important;
  }
}

/* One compact desktop row for the case description and its action. */
@media(min-width:981px){
  #case-preview.poa-order-case-section>.container{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;row-gap:10px}
  #case-preview.poa-order-case-section .section-head,
  #case-preview.poa-order-case-section .section-head>div{display:contents!important}
  #case-preview.poa-order-case-section .poa-order-title{grid-column:1/-1;grid-row:1}
  #case-preview.poa-order-case-section .case-section-note{grid-column:1;grid-row:2;max-width:none;margin:0;white-space:nowrap;font-size:clamp(13px,1vw,18px)!important;line-height:1.5!important}
  #case-preview.poa-order-case-section .poa-order-action{grid-column:2;grid-row:2;margin:0}
  #case-preview.poa-order-case-section .poa-order-ledger{grid-column:1/-1;grid-row:3}
}