/* A phone-sized customer experience; management keeps its own desktop layout. */
#reading{max-width:500px;padding:20px 20px 28px;min-height:100dvh}
#reading nav{padding-bottom:15px}#reading .lucinda-wordmark{font-size:29px}
#reading .hero{grid-template-columns:1fr;gap:22px;padding:22px 0}
#reading .hero h1{font-size:36px;line-height:1.35;margin:10px 0 16px}
#reading .hero>.intro>p{font-size:13px;line-height:1.8}
#reading .steps{padding:13px 0}#reading .steps h3{font-size:14px}#reading .steps p{font-size:12px}
#reading .panel{padding:23px}#reading .form-title{font-size:23px}#reading .check{font-size:12px}
.account-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9ddce;padding:12px 0;font-size:12px;color:#59684b}
.account-bar button{width:auto;margin:0;padding:8px 0 8px 14px;background:none;color:#67745b;font-size:11px}
.flow-error{font-size:13px;line-height:1.7;color:#974b35;margin:12px 0;overflow-wrap:anywhere}.flow-error:empty{display:none}
.access-view{padding:54px 0 20px;text-align:center}.access-view h1{font:34px/1.5 "Songti SC",serif;margin:12px 0 18px}.access-view>p{font-size:14px}.access-view form{text-align:left;margin:34px 0 24px}.access-view input{width:100%;height:52px;border:1px solid #b7c0ab;background:#fffdf7;padding:10px 12px;font:13px ui-monospace,monospace;border-radius:0}.access-view .hint{font-size:12px;line-height:1.9}
#reading .centered-view{padding-top:10px}#reading .view-heading{margin:20px auto 26px}#reading .view-heading h1{font-size:27px}#reading .chosen-question{font-size:14px}
#reading .method-options{gap:12px}#reading button.method-option{padding:22px 10px}#reading .method-name{font-size:24px;margin-top:6px}#reading .method-description{font-size:12px}#reading .method-art{transform:scale(.8);height:90px}#reading .method-action{font-size:12px;letter-spacing:0;margin-top:20px}
#reading .deck-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 8px}#reading .deck-card:nth-child(25){grid-column:2}#reading .card-back-mark{font-size:23px}#reading .card-position{bottom:8px;font-size:8px}#reading .deck-card::after{inset:9px}
#reading #result-view{padding-top:18px}#reading .reading-result{padding:22px 19px}#reading .result-heading{margin-bottom:22px}#reading .result-heading h1{font-size:25px}#reading .result-question{font-size:14px}
#reading .answer-layout{grid-template-columns:1fr;gap:22px}#reading .answer-card{width:180px;margin:auto}#reading .answer-copy{text-align:center}#reading .answer-copy h2{font-size:30px}#reading .answer-copy>p{font-size:13px}#reading .reader-invitation{text-align:left}#reading .reader-invitation p{font-size:12px}#reading .answer-copy .result-reminder{font-size:11px}#reading .result-record{justify-content:center;text-align:center;font-size:9px;margin-top:22px}#reading .result-actions button{font-size:12px;padding:14px 7px}
#reading .foot{font-size:11px;line-height:1.8;padding:22px 0}
.history-view{padding:20px 0}.history-view h1{font:28px/1.4 "Songti SC",serif;margin:18px 0}.history-item{display:block;text-align:left;background:#fffdf7!important;color:#46553c!important;border:1px solid #d5d9c9;padding:18px!important}.history-item span{display:block;font-size:12px;line-height:1.8;color:#707d65}.history-item strong{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.history-item em{display:block;font-size:13px;margin:9px 0 0;font-style:normal}
#contact-qr-block{text-align:center;margin-top:18px}#contact-qr{width:168px;height:168px;background:white}
@media print{#reading{max-width:500px}.account-bar,.flow-error{display:none!important}}