/* The artwork and headings come from each test's own opening template. */
.entry-dorm-art{display:block;width:100%;height:auto;border:1px solid #bdc8b5;border-radius:6px}
[data-shared-entry=dorm] .dorm-art-wrap{display:block;align-self:start}
body[data-entry-product]{margin:0;min-height:100dvh;color:var(--entry-ink);background-color:var(--entry-paper)}
.commerce-nav,.commerce-footer{max-width:1248px;margin:0 auto;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;font:12px/1.7 "Noto Serif SC",serif;color:var(--entry-ink)}
.commerce-nav{border-bottom:1px solid color-mix(in srgb,var(--entry-ink) 20%,transparent)}
.commerce-nav a,.commerce-footer a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none}
body[data-entry-product] header nav>a{display:inline-flex;align-items:center;min-height:44px}
.commerce-nav span{text-align:right;font-size:11px}.commerce-footer{border-top:1px solid color-mix(in srgb,var(--entry-ink) 20%,transparent);margin-top:28px}
.commerce-opening{min-width:0}.commerce-opening .page{padding-top:0}
body[data-entry-product=chinese] .commerce-entry,body[data-entry-product=western] .commerce-entry{margin:28px auto 40px}
.commerce-entry{box-sizing:border-box;position:relative;min-width:0;width:100%;max-width:470px;margin:24px 0 0;padding:24px;border:1px solid color-mix(in srgb,var(--entry-ink) 24%,var(--entry-paper));border-radius:4px;background:var(--entry-paper);color:var(--entry-ink);text-align:left;font:14px/1.8 "Noto Serif SC",serif;letter-spacing:0}
.commerce-entry *{box-sizing:border-box}.commerce-entry p{margin:0}.commerce-entry h2{font:600 23px/1.5 "Noto Serif SC",serif;letter-spacing:0;margin:8px 0 10px;color:inherit}
.commerce-entry .commerce-step{font-size:11px;letter-spacing:.08em}.commerce-entry .commerce-package{font-size:13px;line-height:1.8}.commerce-entry .commerce-hint{font-size:12px;line-height:1.8;margin:8px 0 0}
.commerce-entry form{display:block;margin:22px 0 0;padding:0;border:0;background:none}.commerce-entry label{display:block;margin:0 0 8px;font-size:13px;line-height:1.8;color:inherit}
.commerce-entry input{display:block;width:100%;min-width:0;height:52px;padding:12px;font:16px/1.5 "Noto Serif SC",serif;border:1px solid color-mix(in srgb,var(--entry-ink) 40%,var(--entry-paper));border-radius:2px;color:var(--entry-ink);background:var(--entry-paper);letter-spacing:.03em}
.commerce-entry input::placeholder{color:var(--entry-ink);opacity:.7;font-size:14px;letter-spacing:0}
.commerce-entry button,.commerce-entry .commerce-continue{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:50px;margin:16px 0 0;padding:12px;border:1px solid var(--entry-ink);border-radius:2px;background:var(--entry-ink);color:var(--entry-paper);font:15px/1.6 "Noto Serif SC",serif;cursor:pointer;text-align:center;text-decoration:none;box-shadow:none;letter-spacing:0}
.commerce-entry button:disabled{opacity:.55;cursor:default}.commerce-entry button:not(:disabled):hover{filter:brightness(1.15)}
.commerce-entry :is(button,a,input):focus-visible,.commerce-nav a:focus-visible,.commerce-footer a:focus-visible{outline:3px solid var(--entry-accent);outline-offset:4px}
.commerce-entry #status,.commerce-entry #pay-status{margin:9px 0 0;min-height:22px;font-size:13px;overflow-wrap:anywhere}.commerce-entry #pay-status:empty{display:none}
.commerce-buy{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin-top:8px;border-top:1px solid color-mix(in srgb,var(--entry-ink) 20%,transparent);color:inherit;text-decoration:none;font-size:12px}.commerce-buy>span:last-child{white-space:nowrap}
.commerce-purchase{margin-top:20px;padding-bottom:20px;border-bottom:1px solid color-mix(in srgb,var(--entry-ink) 20%,transparent)}.commerce-price-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:11px}.commerce-price{font:36px/1.4 Georgia,serif}.commerce-price small{font-size:18px}
.commerce-entry .commerce-privacy{font-size:11px;line-height:1.9;margin:18px 0 0}.commerce-privacy a{display:inline-flex;align-items:center;min-height:44px;color:inherit}
.commerce-entry canvas{display:block;max-width:100%;width:240px;height:auto;margin:18px auto;background:#fff}.commerce-entry [hidden]{display:none!important}.commerce-entry #pay-hint{font-size:13px;text-align:center;margin-top:10px}
.entry-illustration{display:contents}.commerce-fallback{max-width:900px;padding:40px 24px;margin:auto}
body[data-entry-product=dorm] .commerce-entry{grid-area:form;margin-top:0;border-color:#bdc8b5;background:#fffdf3}
body[data-entry-product=civil] .civic-cover{margin-bottom:28px}body[data-entry-product=civil] .commerce-entry{margin:0 0 45px}
body[data-entry-product=graduate] .commerce-entry{margin:28px auto 45px}
body[data-entry-product=hairstyle] .commerce-entry{background:#fff9f2;border-radius:12px}
body[data-entry-product=flower] .commerce-entry{margin:0;max-width:none;background:#fffdf7}
body[data-entry-product=gem] .commerce-entry{margin:22px auto 0;max-width:440px}
body[data-entry-product=chinese-color] .commerce-entry{margin:26px 0 0;max-width:520px}
body[data-entry-product=drama] .commerce-entry{border-color:#c8ac99;background:#f7efe1}
body[data-entry-product=besties] .commerce-entry{background:#fffcf4;border-color:#d4beb5}
body[data-entry-product] .entry-illustration button{pointer-events:none}
body[data-entry-product] .entry-illustration[data-entry-preview] button[data-action="flip"]{pointer-events:auto;touch-action:manipulation;min-height:44px}
@media(max-width:760px){
 .commerce-nav,.commerce-footer{padding:8px 20px}.commerce-nav span{max-width:52%}.commerce-entry{max-width:none;padding:20px;margin-top:20px}
 [data-shared-entry=dorm].dorm-landing{display:grid;grid-template-areas:'heading' 'art' 'form';grid-template-columns:minmax(0,1fr)}
 [data-shared-entry=dorm] .dorm-art-wrap{padding:0;margin:0 0 28px;transform:none}
 .commerce-entry h2{font-size:21px}.commerce-entry .commerce-price{font-size:32px}
 body[data-entry-product=dorm] .dorm-landing{padding-bottom:20px}body[data-entry-product=dorm] .dorm-art-wrap{padding-bottom:4px}
 body[data-entry-product=graduate] .commerce-entry{margin:16px auto 30px}
 body[data-entry-product=civil] .commerce-entry{margin:0 0 25px}
 body[data-entry-product=flower] .flower-upload{margin-top:24px}
 body[data-entry-product=chinese-color] .chroma-upload{padding-top:24px}
}
@media(prefers-reduced-motion:reduce){.commerce-entry *{transition:none!important;animation:none!important}}