:root{--color-navy: #2D2B28;--color-navy-light: #403D39;--color-navy-dark: #1A1917;--color-cream: #F5F0E8;--color-cream-dark: #EBE5D9;--color-amber: #5B8A6A;--color-amber-light: #7BA48A;--color-amber-dark: #487056;--color-amber-bg: rgba(91, 138, 106, .1);--color-success: #16794a;--color-success-light: #d1f5e0;--color-success-bg: rgba(22, 121, 74, .08);--color-danger: #c5303e;--color-danger-light: #fde8ea;--color-danger-bg: rgba(197, 48, 62, .08);--color-info: #5B6ABF;--color-info-light: #e0e3f5;--color-info-bg: rgba(91, 106, 191, .08);--color-warning: #b45309;--color-warning-light: #fef3c7;--color-warning-bg: rgba(180, 83, 9, .08);--color-text: #2D2B28;--color-text-secondary: #6B6560;--color-text-muted: #9A948D;--color-border: #D9D2C7;--color-border-light: #E8E2D8;--color-surface: #FDFCFA;--color-surface-warm: #FAF8F4;--color-bg: var(--color-cream);--font-serif: "DM Serif Display", Georgia, "Times New Roman", Times, serif;--font-sans: "Söhne", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono: "Söhne Mono", "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.75rem;--text-5xl: 3.5rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(45, 43, 40, .04);--shadow-sm: 0 1px 3px rgba(45, 43, 40, .06), 0 1px 2px rgba(45, 43, 40, .04);--shadow-md: 0 4px 8px rgba(45, 43, 40, .06), 0 2px 4px rgba(45, 43, 40, .04);--shadow-lg: 0 8px 24px rgba(45, 43, 40, .08), 0 4px 8px rgba(45, 43, 40, .04);--shadow-xl: 0 16px 48px rgba(45, 43, 40, .1), 0 8px 16px rgba(45, 43, 40, .06);--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--navbar-height: 64px;--max-width: 1120px;--max-width-narrow: 720px;--max-width-form: 420px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:110%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--color-navy)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{line-height:1.7}a{color:var(--color-amber-dark);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-amber)}code,pre{font-family:var(--font-mono);font-size:.9em}code{background:var(--color-cream-dark);padding:.15em .4em;border-radius:var(--radius-sm)}img{max-width:100%;display:block}main{min-height:calc(100vh - var(--navbar-height))}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);height:var(--navbar-height);background:var(--color-cream);position:sticky;top:0;z-index:100;max-width:var(--max-width);margin:0 auto}.navbar-brand{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:700;color:#3e2723!important;text-decoration:none;letter-spacing:-.01em}.navbar-brand:hover{color:var(--color-amber-dark)!important}.navbar-links{display:flex;align-items:center;gap:var(--space-6)}.navbar-links a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:color var(--transition-fast)}.navbar-links a:hover,.navbar-links a.router-link-active{color:var(--color-navy)}.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-link,.btn-lg,.btn-submit,.btn-new,.btn-refresh{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:600;border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;line-height:1}.btn-primary,.btn-submit,.btn-new,.btn-primary-lg{background:var(--color-amber);color:#fff!important;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover,.btn-submit:hover:not(:disabled),.btn-new:hover,.btn-primary-lg:hover{background:var(--color-amber-dark);box-shadow:var(--shadow-sm)}.btn-primary:active,.btn-submit:active:not(:disabled),.btn-new:active{transform:translateY(1px)}.btn-submit:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-md)}.btn-secondary,.btn-secondary-lg{background:transparent;color:var(--color-navy)!important;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;text-decoration:none;border:2px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}.btn-secondary:hover,.btn-secondary-lg:hover{border-color:var(--color-amber);color:var(--color-amber-dark)!important;background:var(--color-amber-bg)}.btn-secondary-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-success,.btn-approve{background:var(--color-success);color:#fff!important;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-success:hover:not(:disabled),.btn-approve:hover:not(:disabled){background:#126b3f;box-shadow:var(--shadow-sm)}.btn-danger,.btn-reject{background:transparent;color:var(--color-danger)!important;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;border:1px solid var(--color-danger-light);cursor:pointer;transition:all var(--transition-fast)}.btn-danger:hover:not(:disabled),.btn-reject:hover:not(:disabled){background:var(--color-danger-bg);border-color:var(--color-danger)}.btn-print{background:var(--color-navy);color:var(--color-cream)!important;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-print:hover:not(:disabled){background:var(--color-navy-light);box-shadow:var(--shadow-sm)}.btn-link{background:none;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;padding:0;transition:color var(--transition-fast)}.btn-link:hover{color:var(--color-navy)}.btn-refresh{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-refresh:hover:not(:disabled){background:var(--color-cream-dark);border-color:var(--color-amber)}.btn-approve:disabled,.btn-print:disabled,.btn-reject:disabled,.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.hero{padding:var(--space-16) var(--space-8) var(--space-12);text-align:center;background:radial-gradient(ellipse at 20% 50%,rgba(212,165,116,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 50%,rgba(26,31,54,.03) 0%,transparent 60%),linear-gradient(180deg,var(--color-cream) 0%,var(--color-surface) 100%)}.hero-content{max-width:680px;margin:0 auto}.hero-title{font-family:var(--font-serif);font-size:var(--text-5xl);font-weight:700;line-height:1.08;letter-spacing:-.03em;color:var(--color-navy);margin-bottom:var(--space-6)}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-10);max-width:540px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.how-it-works{padding:var(--space-16) var(--space-8);max-width:var(--max-width);margin:0 auto}.section-title{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:700;text-align:center;margin-bottom:var(--space-12);letter-spacing:-.02em;color:var(--color-navy)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-10)}.step{text-align:center;padding:var(--space-6)}.step-number{width:52px;height:52px;border-radius:var(--radius-full);background:var(--color-navy);color:var(--color-amber);font-family:var(--font-serif);font-size:var(--text-xl);font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5);box-shadow:var(--shadow-md)}.step h3{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-3);color:var(--color-navy)}.step p{color:var(--color-text-secondary);line-height:1.6;font-size:var(--text-sm)}.template-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6);text-decoration:none;color:inherit;transition:all var(--transition-base);box-shadow:var(--shadow-xs)}.template-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-amber);transform:translateY(-2px)}.template-card-body{flex:1}.template-card-body h3,.template-card h3{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2);color:var(--color-navy)}.template-card-body p,.template-card p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6}.template-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.template-price{font-family:var(--font-serif);font-weight:700;color:var(--color-amber-dark);font-size:var(--text-base)}.template-fields{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.template-grid,.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6);max-width:var(--max-width);margin:0 auto}.templates-showcase{padding:var(--space-16) var(--space-8);background:var(--color-cream-dark)}.letter-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.letter-row:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.letter-info{display:flex;flex-direction:column;gap:var(--space-1)}.letter-template{font-family:var(--font-serif);font-weight:700;font-size:var(--text-base);text-transform:capitalize;color:var(--color-navy)}.letter-recipient{font-size:var(--text-sm);color:var(--color-text-secondary)}.letter-meta{display:flex;align-items:center;gap:var(--space-4)}.letter-date{font-size:var(--text-sm);color:var(--color-text-muted)}.letter-status,.status,.queue-status-badge{font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-transform:capitalize;letter-spacing:.02em}.status-draft{color:var(--color-text-muted);background:#8a8f9e1a}.status-paid{color:var(--color-info);background:var(--color-info-bg)}.status-approved,.status-printed,.status-mailed{color:var(--color-success);background:var(--color-success-bg)}.status-printing{color:var(--color-warning);background:var(--color-warning-bg)}.status-rejected{color:var(--color-danger);background:var(--color-danger-bg)}.queue-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-fast)}.queue-card:hover{box-shadow:var(--shadow-sm)}.queue-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.queue-id{font-family:var(--font-mono);font-weight:700;color:var(--color-text-muted);font-size:var(--text-sm)}.queue-template{font-family:var(--font-serif);font-weight:700;font-size:var(--text-base);text-transform:capitalize;flex:1;color:var(--color-navy)}.queue-date{font-size:var(--text-sm);color:var(--color-text-muted)}.queue-card-details{display:flex;gap:var(--space-8);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.queue-detail{display:flex;flex-direction:column;gap:2px}.queue-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.queue-card-actions{display:flex;gap:var(--space-3)}.queue-list{display:flex;flex-direction:column;gap:var(--space-4)}.queue-count{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.auth-page{display:flex;justify-content:center;padding:var(--space-16) var(--space-8);min-height:calc(100vh - var(--navbar-height));align-items:flex-start}.auth-card{width:100%;max-width:var(--max-width-form);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-10);box-shadow:var(--shadow-md)}.auth-card h1{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2);color:var(--color-navy)}.auth-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-8);font-size:var(--text-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-footer{margin-top:var(--space-6);text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm)}.auth-footer a{color:var(--color-amber-dark);font-weight:600}.auth-footer a:hover{color:var(--color-amber);text-decoration:underline}.form-group{display:flex;flex-direction:column}.form-group label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-navy);margin-bottom:var(--space-2);letter-spacing:.01em}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);font-family:var(--font-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);line-height:1.5}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{outline:none;border-color:var(--color-amber);box-shadow:0 0 0 3px var(--color-amber-bg)}.form-textarea{resize:vertical;min-height:80px}.form-error{color:var(--color-danger);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);background:var(--color-danger-light);border-radius:var(--radius-md);border:1px solid rgba(197,48,62,.15)}.letter-form-page{max-width:var(--max-width);margin:0 auto;padding:var(--space-8)}.letter-form{display:flex;flex-direction:column;gap:var(--space-6)}.form-section{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6);background:var(--color-surface);box-shadow:var(--shadow-xs)}.form-section legend{font-family:var(--font-serif);font-weight:700;font-size:var(--text-base);color:var(--color-navy);padding:0 var(--space-2)}.form-section .form-group{margin-top:var(--space-4)}.form-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--space-8);align-items:start}.form-sidebar{position:sticky;top:calc(var(--navbar-height) + var(--space-4))}.form-actions{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0}.form-price{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:700;color:var(--color-navy)}.letter-preview{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.preview-header{padding:var(--space-4) var(--space-6);background:var(--color-cream-dark);border-bottom:1px solid var(--color-border-light)}.preview-header h3{font-family:var(--font-serif);font-size:var(--text-sm);font-weight:700;color:var(--color-navy);text-transform:uppercase;letter-spacing:.06em}.preview-body{padding:var(--space-6)}.letter-paper{background:var(--color-surface-warm);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-8);box-shadow:var(--shadow-sm),inset 0 0 60px #f2efe980;position:relative;font-family:var(--font-serif);line-height:1.8;color:var(--color-navy)}.letter-paper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(transparent,transparent 31px,rgba(212,165,116,.06) 31px,rgba(212,165,116,.06) 32px);pointer-events:none;border-radius:inherit}.preview-addresses{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-light)}.preview-sender strong,.preview-recipient strong{display:block;font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1);font-family:var(--font-sans)}.preview-address-text{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:pre-line}.preview-template-name{font-family:var(--font-serif);font-weight:700;font-size:var(--text-base);margin-bottom:var(--space-4);color:var(--color-navy)}.preview-field{margin-bottom:var(--space-3)}.preview-field-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-right:var(--space-2)}.preview-field-value{font-size:var(--text-base);color:var(--color-text)}.preview-empty p{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-8) 0}.empty-state,.letters-empty,.queue-empty,.templates-empty{text-align:center;padding:var(--space-16) var(--space-4)}.empty-state p,.letters-empty p,.queue-empty p,.templates-empty p{color:var(--color-text-secondary);font-size:var(--text-base);margin-bottom:var(--space-4)}.letters-empty a,.queue-empty a{color:var(--color-amber-dark);font-weight:600}.letters-empty a:hover,.queue-empty a:hover{color:var(--color-amber)}.loading{text-align:center;padding:var(--space-16) 0;color:var(--color-text-muted);font-size:var(--text-sm)}.integrate-section{padding:var(--space-16) var(--space-8);background:var(--color-navy-dark);color:var(--color-cream)}.integrate-section .section-title{color:var(--color-cream)}.section-subtitle{text-align:center;color:var(--color-text-secondary);font-size:var(--text-base);max-width:600px;margin:calc(-1 * var(--space-8)) auto var(--space-10);line-height:1.7}.integrate-section .section-subtitle{color:#f5f0e880}.code-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6);max-width:var(--max-width);margin:0 auto}.code-block{background:var(--color-navy-dark);border:1px solid rgba(250,248,245,.08);border-radius:var(--radius-lg);overflow:hidden}.code-label{padding:var(--space-3) var(--space-5);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-amber);background:#f5f0e808;border-bottom:1px solid rgba(245,240,232,.06)}.code-block pre{padding:var(--space-5);margin:0;overflow-x:auto}.code-block code{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;color:#f5f0e8cc;background:none;padding:0;border-radius:0}.use-cases{padding:var(--space-16) var(--space-8);max-width:var(--max-width);margin:0 auto}.use-case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6)}.use-case{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:all var(--transition-base)}.use-case:hover{border-color:var(--color-amber);box-shadow:var(--shadow-md);transform:translateY(-2px)}.use-case h3{font-family:var(--font-serif);font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-2);color:var(--color-navy)}.use-case p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6}.dev-cta{padding:var(--space-16) var(--space-8);text-align:center;background:var(--color-cream-dark)}.dev-cta h2{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-4);color:var(--color-navy)}.dev-cta>p{color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.7;max-width:560px;margin:0 auto var(--space-10)}.page-header{margin-bottom:var(--space-8)}.page-header h1{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2);color:var(--color-navy)}.page-header p{color:var(--color-text-secondary);font-size:var(--text-base)}.back-link{font-size:var(--text-sm);color:var(--color-text-muted);display:inline-block;margin-bottom:var(--space-3);transition:color var(--transition-fast)}.back-link:hover{color:var(--color-amber-dark)}.error-message{text-align:center;padding:var(--space-12) 0}.error-message p{color:var(--color-danger);margin-bottom:var(--space-4)}.error-message a{color:var(--color-amber-dark);font-weight:600}.my-letters-page,.queue-page{max-width:var(--max-width-narrow);margin:0 auto;padding:var(--space-8)}.queue-page{max-width:860px}.templates-page{max-width:var(--max-width);margin:0 auto;padding:var(--space-8)}.letters-list{display:flex;flex-direction:column;gap:var(--space-3)}.queue-error p{color:var(--color-danger);text-align:center;padding:var(--space-8) 0}@media(max-width:1024px){.form-layout{grid-template-columns:1fr 320px;gap:var(--space-6)}}@media(max-width:768px){:root{--text-5xl: 2.5rem;--text-4xl: 2rem;--text-3xl: 1.5rem}.navbar{padding:0 var(--space-4)}.navbar-links{gap:var(--space-4)}.hero{padding:var(--space-12) var(--space-4) var(--space-8)}.hero-title{font-size:var(--text-4xl)}.steps{grid-template-columns:1fr;gap:var(--space-6);max-width:400px;margin:0 auto}.how-it-works,.templates-showcase,.integrate-section,.use-cases,.dev-cta{padding:var(--space-8) var(--space-4)}.code-examples,.use-case-grid,.template-grid,.templates-grid,.form-layout{grid-template-columns:1fr}.form-sidebar{position:static;order:-1}.letter-form-page,.my-letters-page,.queue-page,.templates-page{padding:var(--space-6) var(--space-4)}.auth-card{padding:var(--space-8) var(--space-6)}.auth-page{padding:var(--space-8) var(--space-4)}.hero-actions{flex-direction:column;align-items:center}.btn-primary-lg,.btn-secondary-lg{width:100%;max-width:300px;text-align:center}.preview-addresses{grid-template-columns:1fr;gap:var(--space-4)}.queue-card-details{flex-direction:column;gap:var(--space-3)}.letter-row{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.letter-meta{width:100%;justify-content:space-between}.page-header{flex-direction:column;gap:var(--space-3);align-items:flex-start!important}}@media(max-width:480px){.navbar-brand{font-size:var(--text-xl)}.queue-card-actions{flex-direction:column}.queue-card-actions button{width:100%}.form-actions{flex-direction:column;gap:var(--space-3);align-items:stretch}.form-actions .btn-submit{width:100%}}