.tfh-account { --account-ink:#493b35; --account-green:#455942; --account-red:#842438; color:var(--account-ink); max-width:52rem; margin:clamp(1.5rem,5vw,4rem) auto; padding:clamp(1rem,4vw,2.5rem); background:#faf7ef; border:1px solid #e3d9c9; border-radius:1.5rem; overflow-wrap:anywhere; }
.tfh-account h1,.tfh-account h2 { color:var(--account-green); font-family:Georgia,serif; font-weight:400; line-height:1.2; letter-spacing:-.025em; }
.tfh-account h1 { font-size:clamp(2rem,6vw,3rem); margin:0 0 1rem; }
.tfh-account h2 { font-size:clamp(1.4rem,4vw,1.8rem); margin:0 0 .75rem; }
.tfh-account p { line-height:1.6; }
.tfh-account form { display:grid; gap:1rem; max-width:30rem; margin-top:1.5rem; }
.tfh-account label { display:grid; gap:.4rem; font-weight:600; }
.tfh-account input[type="email"] { width:100%; box-sizing:border-box; min-width:0; min-height:48px; background:#fffdf9; color:var(--account-ink); border:1px solid #948572; border-radius:.5rem; padding:.75rem 1rem; font:inherit; }
.tfh-account button,.tfh-account .button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; box-sizing:border-box; max-width:100%; padding:.85rem 1.4rem; border:1px solid transparent; border-radius:999px; background:var(--account-red); color:#fffaf2; font:inherit; text-align:center; text-decoration:none; cursor:pointer; transition:background-color .18s ease; }
.tfh-account button:hover,.tfh-account .button:hover { background:#652338; color:#fffaf2; }
.tfh-account a:not(.button) { color:#702031; text-underline-offset:.2em; }
.tfh-account :is(a,button,input):focus-visible { outline:3px solid var(--account-green); outline-offset:4px; }
.tfh-account .tfh-orders { display:grid; gap:1.25rem; margin-top:1.5rem; }
.tfh-account .tfh-order { background:#fffdf9; border:1px solid #e3d9c9; padding:clamp(1rem,3vw,1.5rem); border-radius:1rem; min-width:0; }
.tfh-account .tfh-order ul { list-style:none; margin:1rem 0; padding:0; }
.tfh-account .tfh-order li { display:flex; align-items:center; gap:1rem; padding:.7rem 0; border-top:1px solid #ece5da; }
.tfh-account .tfh-order img { width:64px; height:64px; flex:0 0 64px; object-fit:cover; border-radius:.5rem; }
.tfh-account [role="status"],.tfh-account .tfh-account-notice { padding:.8rem 1rem; border-left:3px solid var(--account-green); background:#eef0e6; }
@media(max-width:480px) { .tfh-account { margin:1rem auto; border-radius:1rem; } .tfh-account button { width:100%; } }
@media(prefers-reduced-motion:reduce) { .tfh-account * { transition:none; } }