.account-main{max-width:1100px;margin:70px auto;padding:0 30px;min-height:65vh}.account-intro{max-width:530px;margin-bottom:40px}.account-intro h1{font-size:clamp(38px,5vw,62px);margin:14px 0 20px}.account-intro p{color:var(--muted)}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.account-panel{padding:32px;border:1px solid var(--line);background:var(--paper);margin-bottom:24px}.account-panel h2{font-size:30px;margin-bottom:24px}.account-panel h3{margin:18px 0;font-size:22px}.account-panel label{display:block;margin:17px 0;font-size:13px}.account-panel input,.account-panel select,.account-panel textarea{display:block;width:100%;padding:13px;border:1px solid var(--line);background:var(--cream);margin-top:7px}.account-panel textarea{min-height:100px}.account-panel .button{margin:10px 0}.account-art{background:#e6e8dd;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.account-art img{max-height:320px;object-fit:contain}.account-art h2{font-size:32px;margin:20px 0}.account-tabs{display:flex;gap:22px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:30px}.account-tabs button{padding:5px 0}.account-tabs [aria-current=page]{border-bottom:2px solid var(--olive)}.account-message{margin:20px 0;color:#7a332a;line-height:1.6}.account-row{padding:25px 0;border-bottom:1px solid var(--line)}.account-row p{margin:8px 0}.account-row button{margin:8px 15px 8px 0;text-decoration:underline;text-underline-offset:4px}.review-list{margin:25px 0;padding-top:22px;border-top:1px solid var(--line)}.review-list article{padding:16px 0;border-bottom:1px solid var(--line)}.review-list h3{margin-bottom:15px}.review-list p{white-space:pre-wrap}.account-footer{padding:30px;text-align:center;border-top:1px solid var(--line);color:var(--muted)}[hidden]{display:none!important}@media(max-width:700px){.account-main{margin:35px auto;padding:0 20px}.account-grid{grid-template-columns:1fr}.account-art{display:none}.account-panel{padding:22px}.account-tabs{gap:16px}}

#herb-back-view{width:100%;font-size:12px;text-align:center}.botanical-back{position:relative}.botanical-back>div{position:absolute;left:27%;right:27%;top:28%;bottom:22%;background:#f2e9d3;padding:12px;font-size:10px;overflow:auto}.botanical-back h3{font-size:18px;margin:10px 0}.botanical-back p{margin:8px 0}.modal-photo:has(#herb-back-view){display:block}