/* Store/account styles are isolated from the investigation terminal. */
:root { color-scheme: dark; --bg:#101110; --panel:#191b18; --paper:#eee8dc; --muted:#aba99f; --line:#34372f; --accent:#d0a578; --rust:#b44e39; font-family:Arial,Helvetica,sans-serif; color:var(--paper); background:var(--bg); }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(ellipse at 85% 15%,#8273480b,transparent 55%),var(--bg); }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
button,a,input,summary { -webkit-tap-highlight-color:transparent; }
button,a { touch-action:manipulation; }
button { cursor:pointer; }
button:disabled { cursor:not-allowed; opacity:.55; }
:focus-visible { outline:2px solid #e2b587; outline-offset:5px; }
main:focus { outline:none; }
img { display:block; max-width:100%; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { font-family:Georgia,'Times New Roman',serif; font-weight:400; }
h1 { font-size:clamp(2.6rem,4.6vw,4.8rem); line-height:1.06; letter-spacing:-.05em; margin-bottom:22px; }
h1 em { color:var(--accent); font-weight:400; }
h2 { font-size:2rem; letter-spacing:-.025em; }
p { line-height:1.75; }
[hidden] { display:none!important; }
.header-account button { background:transparent; color:var(--paper); }
.account-panel .button + .button { margin:10px; }
.password-reset { max-width:560px; margin:auto; }
.cloud-record { border-top:1px solid var(--line); margin-top:24px; padding-top:24px; }
.cloud-record h3 { font-size:1.7rem; }
.cloud-record p { font-size:.8rem; color:var(--muted); }
.confirm-dialog { max-width:min(520px,90vw); background:var(--panel); color:var(--paper); border:1px solid var(--accent); padding:28px; border-radius:4px; }
.confirm-dialog::backdrop { background:#000a; }
.skip-link { position:fixed; left:20px; top:-100px; z-index:10; background:var(--paper); color:var(--bg); padding:16px; }
.skip-link:focus { top:10px; }
.preview-bar { background:#242118; color:#d6cdb9; border-bottom:1px solid #55472b; padding:9px max(24px,5vw); display:flex; justify-content:space-between; align-items:center; gap:16px; font-size:.7rem; }
.preview-bar>div { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.preview-bar strong { font:10px/1.5 'Courier New',monospace; letter-spacing:.1em; color:#efd397; }
.preview-bar button { background:transparent; border:1px solid #746241; color:#f0d6a8; padding:8px 12px; white-space:nowrap; border-radius:3px; font-size:.7rem; }
.preview-bar button[aria-pressed=true] { background:#4b3c22; }
.site-header { min-height:100px; padding:20px 5vw; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:32px; }
.brand { display:flex; gap:12px; align-items:center; font-size:1.55rem; letter-spacing:.19em; font-weight:700; }
.brand small { display:block; font:8px/1.5 'Courier New',monospace; color:var(--muted); letter-spacing:.12em; margin-top:6px; }
.brand-mark { width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.brand-mark img { width: 100%; height: 100%; display: block; object-fit: contain; }
.site-header nav { display:flex; gap:32px; font-size:.82rem; }
.site-header nav a { color:var(--muted); padding:16px 0; border-bottom:1px solid transparent; }
.site-header nav a[aria-current=page] { border-color:var(--accent); color:var(--paper); }
.site-header a:hover { color:var(--accent); }
.header-account { display:flex; align-items:center; gap:22px; font-size:.78rem; }
.small-button { border:1px solid #8c8270; border-radius:3px; padding:13px 17px; }
.avatar-link { display:flex; gap:10px; align-items:center; }
.avatar { background:#39372b; color:#dbbf8b; border:1px solid #665b42; width:36px; height:36px; display:grid; place-items:center; border-radius:50%; font-size:11px; flex-shrink:0; }
.page { max-width:1360px; margin:auto; padding:60px 5vw 80px; min-height:70vh; }
.eyebrow { font:10px/1.7 'Courier New',monospace; color:var(--accent); letter-spacing:.13em; margin:0 0 18px; }
.eyebrow span { color:var(--muted); }
.intro-row { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.intro-row>p { color:var(--paper); font-size:.95rem; min-width:230px; line-height:1.8; border-left:1px solid #665842; padding-left:24px; margin-bottom:0; }
.intro-row>p span { color:var(--muted); font-size:.8rem; }
.store-promise { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:20px 0; margin:20px 0 32px; border-block:1px solid var(--line); color:var(--muted); font-size:.75rem; }
.store-promise>span:first-child { display:flex; align-items:center; gap:10px; color:#b0c7a1; font:10px/1.5 'Courier New',monospace; letter-spacing:.07em; }
.status-dot { background:#8fae76; height:6px; width:6px; border-radius:50%; box-shadow:0 0 0 4px #8fae7612; }
.product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.product-card { border:1px solid #3e4036; border-radius:5px; overflow:hidden; display:flex; flex-direction:column; background:linear-gradient(150deg,#23251f50,transparent),#171916; }
.product-image { position:relative; aspect-ratio:1.52; isolation:isolate; overflow:hidden; }
.product-image:after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#151714d9,transparent 75%); z-index:-1; }
.product-image img { inset:0; height:100%; width:100%; object-fit:cover; position:absolute; z-index:-2; transition:transform .5s; }
.product-image:hover img { transform:scale(1.035); }
.badge { display:inline-block; font:9px/1.5 'Courier New',monospace; letter-spacing:.06em; border:1px solid #806e46; background:#29271ce6; color:#e0c491; padding:5px 8px; border-radius:2px; }
.product-image .badge { position:absolute; top:18px; left:18px; }
.green .badge,.badge.green { background:#1d2c21e6; color:#b3cdac; border-color:#4a6746; }
.rust .badge { background:#32231fe6; color:#e3b098; border-color:#765044; }
.file-number { position:absolute; right:20px; bottom:5px; font:5.5rem/1 Georgia,serif; color:#f0e5cd9c; letter-spacing:-.06em; }
.product-body { padding:24px; flex:1; display:flex; flex-direction:column; }
.product-body .eyebrow { font-size:9px; margin-bottom:10px; }
.product-body h2 { font-size:2.3rem; margin-bottom:16px; }
.hook { font:italic .95rem/1.6 Georgia,serif; color:#d7cebb; }
.product-description { font-size:.79rem; color:var(--muted); margin-bottom:20px; }
.product-meta { display:flex; flex-wrap:wrap; gap:10px; margin:auto 0 22px; font-size:.65rem; color:#b8b6aa; }
.product-meta span { border:1px solid #414538; border-radius:2px; padding:5px 7px; }
.product-price { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid var(--line); padding-top:20px; }
.product-price strong { font-size:1.5rem; font-weight:400; letter-spacing:-.06em; }
.product-price small { display:block; font-size:.58rem; color:var(--muted); margin-top:6px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:22px; padding:15px 21px; min-height:48px; border:1px solid #c36a50; background:var(--rust); border-radius:3px; color:#fff1e2; font-size:.8rem; font-weight:500; line-height:1.4; text-align:center; }
.button:not(:disabled):hover { background:#c15942; border-color:#d99878; }
.button span { font-size:1.1rem; }
.button.secondary { border-color:#79705c; background:transparent; color:var(--paper); }
.button.secondary:hover { background:#c4ae7b10; border-color:#bfaa7c; }
.product-price .button { padding:11px 12px; font-size:.7rem; min-height:42px; gap:12px; }
.full { width:100%; }
.how-it-works { display:grid; grid-template-columns:1fr 2fr; gap:40px; border-block:1px solid var(--line); padding:38px 0; margin-top:55px; }
.how-it-works h2 { font-size:1.65rem; margin-bottom:0; }
.how-it-works ol { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.how-it-works li>span { font:10px/1.5 'Courier New',monospace; display:block; color:var(--accent); margin-bottom:10px; }
.how-it-works strong { font-size:.84rem; font-weight:400; }
.how-it-works p { color:var(--muted); font-size:.74rem; margin:8px 0 0; }
.faq { max-width:780px; margin:50px auto 0; }
.faq h2 { font-size:1.7rem; margin-bottom:24px; }
.faq details { border-top:1px solid var(--line); }
.faq details:last-child { border-bottom:1px solid var(--line); }
.faq summary { cursor:pointer; padding:19px 0; font-size:.84rem; }
.faq details p { color:var(--muted); font-size:.82rem; padding-right:20px; }
.site-footer { border-top:1px solid var(--line); display:flex; align-items:center; gap:30px; padding:30px 5vw; color:var(--muted); font-size:.7rem; }
.site-footer>a:first-child { color:var(--paper); letter-spacing:.2em; font-weight:700; font-size:1rem; }
.site-footer>a:nth-of-type(2) { margin-left:auto; }
.legal-footer-links { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 18px; }
.legal-footer-links a:hover { color:var(--accent); }
.back-link { display:inline-block; font-size:.75rem; color:var(--muted); margin-bottom:32px; }
.back-link:hover,.forgot-link:hover,.register-prompt a:hover { color:var(--accent); }
.lead { color:var(--muted); font-size:.93rem; max-width:660px; }
.auth-page { padding-block:42px; }
.auth-layout { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); border-radius:5px; overflow:hidden; }
.auth-scene { position:relative; display:flex; align-items:flex-end; isolation:isolate; min-height:650px; padding:40px; }
.auth-scene>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
.auth-scene:after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#10130ef5,#11181038 85%); z-index:-1; }
.auth-scene-copy h2 { font-size:clamp(2.3rem,3.5vw,3.6rem); line-height:1.12; margin-bottom:20px; }
.auth-scene-copy p:not(.eyebrow) { color:#ccc9ba; font:italic 1rem/1.8 Georgia,serif; max-width:350px; }
.scene-coordinates { font:9px/1.6 'Courier New',monospace; color:#b3ac98; letter-spacing:.1em; display:block; margin-top:36px; }
.scene-price { font-size:1.8rem; color:var(--accent); }
.scene-price small { font-size:.75rem; color:var(--muted); }
.auth-content { padding:38px clamp(25px,4vw,58px); background:#181a16; }
.auth-content .back-link { margin-bottom:30px; }
.auth-content .eyebrow { margin-bottom:12px; }
.auth-content h1 { font-size:2.65rem; line-height:1.1; }
.auth-content .lead { font-size:.84rem; }
.auth-tabs { display:flex; border-bottom:1px solid var(--line); margin:26px 0; gap:26px; }
.auth-tabs a { padding:0 0 13px; color:var(--muted); font-size:.8rem; border-bottom:2px solid transparent; }
.auth-tabs a[aria-current=page] { border-color:var(--accent); color:var(--paper); }
form label { display:block; font-size:.76rem; margin-bottom:18px; color:#d6d2c6; }
input { display:block; width:100%; margin-top:9px; border:1px solid #494a3e; border-radius:3px; background:#10130f; padding:14px 13px; color:var(--paper); font-size:16px; min-width:0; }
input::placeholder { color:#7e8276; font-size:.8rem; }
.legal-check { display:grid; grid-template-columns:18px 1fr; align-items:start; gap:10px; margin:15px 0; color:#c9c6b9; font-size:.72rem; line-height:1.55; }
.legal-check input { appearance:auto; width:16px; height:16px; min-width:16px; padding:0; margin:2px 0 0; accent-color:#b76046; }
.legal-check a { color:#e0bd84; text-decoration:underline; text-underline-offset:3px; }
.password-field { display:block; position:relative; }
.password-field input { padding-right:70px; }
.password-field button { position:absolute; right:4px; top:4px; height:calc(100% - 8px); padding:0 10px; background:transparent; border:none; color:var(--accent); font-size:.72rem; }
.forgot-link { display:block; width:fit-content; margin:-2px 0 24px auto; font-size:.74rem; color:var(--accent); }
.form-note { font-size:.69rem; color:#aaa99a; margin:14px 0 0; line-height:1.65; }
.feedback { border:1px solid #82683d; background:#332c1b; color:#e6d3ac; padding:14px; font-size:.8rem; margin-top:18px; line-height:1.65; border-radius:3px; }
.auth-free { margin-top:26px; padding-top:22px; border-top:1px solid var(--line); font-size:.74rem; color:var(--muted); }
.auth-free a { display:block; color:#baccab; margin-top:10px; }
.checkout-intro h1 { margin-bottom:12px; }
.checkout-intro .lead { margin-bottom:32px; }
.checkout-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(310px,1fr); gap:34px; align-items:start; }
.case-detail { border:1px solid var(--line); border-radius:4px; overflow:hidden; }
.detail-image { width:100%; aspect-ratio:1.65; object-fit:cover; }
.detail-copy { padding:28px; }
.detail-copy h2 { font-size:1.7rem; }
.detail-copy>p { font-size:.85rem; color:var(--muted); }
.feature-list { list-style:none; padding:0; margin:25px 0 0; font-size:.82rem; }
.feature-list li { display:flex; gap:13px; padding:12px 0; border-top:1px solid var(--line); }
.feature-list span { color:var(--accent); }
.order-summary { padding:28px; border:1px solid #67583d; background:#1c1e18; border-radius:4px; position:sticky; top:24px; }
.order-summary h2 { font-size:1.85rem; }
.checkout-steps { display:flex; list-style:none; padding:0; margin:24px 0 30px; gap:16px; justify-content:space-between; }
.checkout-steps li { display:flex; align-items:center; gap:7px; color:#96988c; font-size:.68rem; }
.checkout-steps li>span { border:1px solid #666a57; border-radius:50%; display:grid; place-items:center; width:23px; height:23px; }
.checkout-steps .current { color:var(--accent); }
.checkout-steps .current>span { border-color:var(--accent); }
.checkout-steps .complete { color:#aab99c; }
.checkout-steps .complete>span { border-color:#607257; background:#263020; color:#d3e4c5; }
.order-item { display:flex; gap:16px; justify-content:space-between; padding-bottom:22px; border-bottom:1px solid var(--line); }
.order-item strong,.order-item>b { font-size:.9rem; font-weight:400; }
.order-item small { display:block; font-size:.65rem; margin-top:8px; color:var(--muted); }
.order-total { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:20px 0 16px; }
.order-total>span { font-size:.83rem; }
.order-total strong { font-size:2rem; font-weight:400; letter-spacing:-.04em; }
.purchase-note { font-size:.72rem; color:var(--muted); }
.checkout-help { font-size:.8rem; margin-top:24px; }
.order-summary>.button { width:100%; }
.register-prompt { text-align:center; color:var(--muted); font-size:.76rem; margin:16px 0; }
.register-prompt a { color:var(--paper); text-decoration:underline; text-underline-offset:4px; }
.provider-note { display:flex; gap:12px; align-items:center; border-top:1px solid var(--line); margin-top:24px; padding-top:18px; }
.provider-note>span { font-size:1.9rem; color:var(--accent); }
.provider-note p { font-size:.7rem; margin:0; color:var(--muted); }
.claim-order { margin-top:22px; padding-top:20px; border-top:1px solid var(--line); }
.claim-order h3 { margin:0 0 7px; font:600 1rem var(--serif); }
.claim-order p { margin:0 0 14px; color:var(--muted); font-size:.82rem; line-height:1.55; }
.claim-order form { display:grid; gap:12px; }
.claim-order label { display:grid; gap:7px; color:var(--paper); font:600 .72rem var(--sans); }
.claim-order input { width:100%; min-height:44px; border:1px solid var(--line); background:var(--panel); color:var(--paper); padding:10px 12px; font:.9rem var(--mono); }
.claim-guide { margin:0 0 18px; padding:0; list-style:none; counter-reset:claim; display:grid; gap:10px; }
.claim-guide li { counter-increment:claim; display:grid; grid-template-columns:24px 1fr; gap:9px; color:var(--muted); font-size:.76rem; line-height:1.45; }
.claim-guide li::before { content:counter(claim); width:22px; height:22px; display:grid; place-items:center; border:1px solid #68624c; border-radius:50%; color:var(--accent); font:600 .64rem var(--mono); }
.claim-order .field-help { margin:-6px 0 2px; font-size:.7rem; }
.shopier-payment-form { margin:0; }
.shopier-payment-form .button { width:100%; }
.checkout-consents { border:0; border-top:1px solid var(--line); padding:18px 0 5px; margin:18px 0 8px; }
.checkout-consents legend { padding:0 10px 0 0; color:var(--accent); font:10px/1.5 'Courier New',monospace; letter-spacing:.1em; }
.claim-order > .feedback { margin-top:12px; }
.manual-claim { margin-top:14px; border-top:1px solid var(--line); padding-top:12px; }
.manual-claim summary { cursor:pointer; color:var(--muted); font:600 .78rem var(--sans); }
.manual-claim[open] summary { color:var(--paper); }
.manual-claim-body { padding-top:14px; }
.account-summary { display:flex; gap:12px; align-items:center; margin:24px 0; }
.account-summary strong { font-size:.8rem; font-weight:400; }
.account-summary small { display:block; font-size:.7rem; color:var(--muted); margin-top:5px; }
.page-intro { margin-bottom:38px; }
.guest-library { padding:55px; border:1px dashed #5b5c4a; background:#171a14; display:flex; align-items:center; gap:40px; }
.guest-library h2 { font-size:2.2rem; margin-bottom:14px; }
.guest-library p { color:var(--muted); font-size:.85rem; }
.folder-icon { color:var(--accent); font:90px/1 Georgia,serif; min-width:100px; text-align:center; }
.button-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:25px; }
.free-library { display:flex; justify-content:space-between; align-items:center; padding:30px; gap:25px; margin-top:26px; border:1px solid #3f5238; background:linear-gradient(110deg,#24301e50,transparent); }
.free-library h2 { font-size:1.65rem; margin:15px 0 10px; }
.free-library p { color:var(--muted); font-size:.8rem; margin:0; }
.free-library .button { flex-shrink:0; }
.owned-library { margin-bottom:26px; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:18px; }
.section-heading h2 { margin:4px 0 0; font-size:2rem; }
.section-heading>span { color:var(--muted); font:.68rem var(--mono); text-transform:uppercase; }
.section-heading .button { margin:0; }
.owned-file-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:18px; }
.owned-file { display:grid; grid-template-columns:150px 1fr; min-height:220px; border:1px solid var(--line); background:#191c16; overflow:hidden; }
.owned-file>img { width:100%; height:100%; object-fit:cover; filter:saturate(.72) contrast(1.05); }
.owned-file>div { padding:22px; display:flex; flex-direction:column; align-items:flex-start; }
.owned-file .eyebrow { margin:18px 0 5px; }
.owned-file h3 { margin:0 0 8px; font-size:1.65rem; }
.owned-file>div>p:not(.eyebrow) { margin:0 0 18px; color:var(--muted); font-size:.76rem; line-height:1.5; }
.owned-file .button { margin-top:auto; }
.cloud-panel { margin-top:0; }
.cloud-panel>p { color:var(--muted); font-size:.8rem; }
.empty-state { margin:28px 0; color:var(--muted); font-size:.85rem; }
.account-file-list { margin-top:24px; display:grid; gap:10px; }
.account-file-list article { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px 0; border-top:1px solid var(--line); }
.account-file-list span { display:block; color:var(--muted); font:.62rem var(--mono); }
.account-file-list strong { display:block; margin-top:5px; font:600 1.1rem var(--serif); }
.account-file-list a { color:var(--accent); font-size:.72rem; white-space:nowrap; }
.example-note { padding:14px 18px; background:#252317; border-left:2px solid #a38d55; color:#d7c692; font-size:.75rem; margin-bottom:24px; line-height:1.6; }
.library-layout { display:grid; grid-template-columns:2fr 1fr; gap:24px; }
.continue-card { display:grid; grid-template-columns:1fr 1.2fr; border:1px solid #4e513f; background:#1c1f18; overflow:hidden; }
.continue-card>img { width:100%; height:100%; min-height:330px; object-fit:cover; }
.continue-card>div { padding:30px; }
.continue-card h2 { font-size:2.5rem; }
.continue-card p:not(.eyebrow) { font-size:.8rem; color:var(--muted); }
.reading-progress { margin:25px 0; }
.reading-progress>span { display:flex; justify-content:space-between; gap:12px; font-size:.7rem; color:var(--muted); }
.reading-progress b { font-weight:400; color:var(--paper); }
progress { display:block; width:100%; height:4px; margin-top:12px; accent-color:var(--accent); background:#373a2e; border:0; }
progress::-webkit-progress-bar { background:#373a2e; }
progress::-webkit-progress-value { background:var(--accent); }
.library-note { padding:30px; background:#1c1e18; border:1px solid var(--line); }
.library-note p { font-size:.85rem; color:var(--muted); }
.library-note>strong { display:block; margin:24px 0; font-size:1.8rem; font-weight:400; }
.account-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.account-panel { padding:30px; border:1px solid var(--line); background:#191c16; }
.account-panel dl { margin:30px 0; }
.account-panel dt { color:var(--muted); font-size:.74rem; margin-top:24px; }
.account-panel dd { font-size:.85rem; margin:8px 0 0; overflow-wrap:anywhere; }
.sample-order { border-top:1px solid var(--line); padding-top:24px; }
.sample-order h3 { font-size:1.7rem; margin:20px 0 8px; }
.sample-order>p { font-size:.75rem; color:var(--muted); }
@media(min-width:1550px) { .page { padding-inline:32px; } }
@media(max-width:1050px) { .site-header { gap:20px; } .site-header nav { gap:20px; } .header-account { gap:12px; } .product-grid { gap:16px; } .product-body { padding:20px; } .product-price .button { width:100%; } .how-it-works { grid-template-columns:1fr; gap:25px; } .auth-content { padding:32px; } .auth-scene { padding:28px; } .checkout-layout { gap:22px; } .order-summary { padding:24px; } .library-layout { grid-template-columns:1fr; } .library-note { display:none; } }
@media(max-width:760px) { .preview-bar { padding:10px 20px; align-items:flex-start; } .preview-bar>div { gap:4px; flex-direction:column; align-items:flex-start; } .preview-bar button { white-space:normal; min-width:108px; max-width:125px; } .site-header { flex-wrap:wrap; padding:22px 20px 0; row-gap:20px; } .brand { font-size:1.3rem; } .brand small { font-size:7px; } .brand-symbol { width:30px; height:36px; } .site-header nav { order:3; width:100%; gap:28px; } .site-header nav a { padding:0 0 16px; } .header-account { font-size:.75rem; } .header-account .small-button { display:none; } .page { padding:35px 20px 50px; } .intro-row { display:block; } .intro-row>p { padding-left:16px; margin:25px 0; } .intro-row>p br { display:none; } .intro-row>p span { display:block; margin-top:4px; } .store-promise { flex-wrap:wrap; gap:10px 20px; font-size:.7rem; padding:16px 0; } .store-promise>span:first-child { width:100%; } .product-grid { grid-template-columns:1fr; gap:28px; } .product-image { aspect-ratio:1.8; } .product-body { padding:24px; } .product-body h2 { font-size:2.4rem; } .product-description { font-size:.85rem; } .product-price .button { width:auto; } .how-it-works ol { grid-template-columns:1fr; gap:22px; } .how-it-works li { padding-left:35px; position:relative; } .how-it-works li>span { position:absolute; left:0; top:2px; } .how-it-works { padding-block:30px; margin-top:35px; } .how-it-works p { margin-top:4px; } .site-footer { flex-wrap:wrap; padding:26px 20px; gap:18px; } .site-footer>span { width:65%; font-size:.65rem; } .site-footer>a:nth-of-type(2) { margin-left:0; } .site-footer small { margin-left:auto; } .legal-footer-links { order:5; width:100%; justify-content:flex-start; padding-top:14px; border-top:1px solid var(--line); } .auth-page { padding:24px 20px 40px; } .auth-layout { grid-template-columns:1fr; } .auth-scene { min-height:230px; padding:24px; } .auth-scene-copy h2 { font-size:2.3rem; margin-bottom:12px; } .auth-scene-copy p:not(.eyebrow) { font-size:.85rem; margin-bottom:10px; } .auth-scene-copy .eyebrow { margin-bottom:10px; } .scene-coordinates { display:none; } .auth-content { padding:26px 24px; } .auth-content h1 { font-size:2.2rem; } .auth-content .back-link { margin-bottom:22px; } .checkout-layout { grid-template-columns:1fr; } .checkout-intro h1 { font-size:3.3rem; } .checkout-intro .lead { font-size:.9rem; } .detail-copy { padding:24px; } .order-summary { position:static; } .guest-library { padding:28px 24px; display:block; } .folder-icon { text-align:left; font-size:65px; margin-bottom:20px; } .guest-library h2 { font-size:1.9rem; } .free-library { display:block; padding:24px; } .free-library .button { margin-top:24px; } .owned-file { grid-template-columns:105px 1fr; min-height:210px; } .owned-file>div { padding:18px; } .owned-file>div>p:not(.eyebrow) { display:none; } .section-heading { align-items:center; } .section-heading h2 { font-size:1.7rem; } .cloud-panel .section-heading { align-items:flex-start; } .cloud-panel .section-heading .button { padding:10px 14px; } .continue-card { grid-template-columns:1fr; } .continue-card>img { height:200px; min-height:0; } .continue-card>div { padding:24px; } .account-grid { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { *,*:before,*:after { transition:none!important; scroll-behavior:auto!important; } }