.connected-wrap{width:min(1240px,calc(100% - 64px));margin:0 auto;padding:42px 0 64px}.connected-hero{background:linear-gradient(125deg,#e8f3fc,#eee6fa 65%,#fff0df);border-radius:30px;padding:44px;margin-bottom:28px}.connected-hero h1{font-size:clamp(34px,4vw,58px);line-height:1.1;max-width:850px;margin:15px 0}.connected-hero p{max-width:720px;line-height:1.7}.connected-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.connected-panel{display:block;border:1px solid #e4deed;background:#fffdfb;border-radius:22px;padding:26px;margin-bottom:22px;min-width:0;overflow-wrap:anywhere}.connected-panel h2,.connected-panel h3{margin-top:0}.connected-panel p{line-height:1.75}.connected-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.connected-form{display:grid;gap:18px}.connected-form label{display:grid;gap:8px;font-weight:600}.connected-form input,.connected-form select,.connected-form textarea,.connected-panel>label select{width:100%;min-height:48px;border:1px solid #d9d1e4;border-radius:12px;background:white;padding:12px;color:#283249;font:inherit;box-sizing:border-box}.connected-form textarea{min-height:110px}.connected-check{display:flex;align-items:center;gap:12px;margin:18px 0}.connected-check input{width:20px;height:20px;flex:none}.connected-note{padding:16px 20px;background:#f0edf8;border-radius:14px;font-size:14px;line-height:1.65}.connected-row{display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e2ee;padding:18px 0}.connected-row p{margin:6px 0}.connected-row button{white-space:nowrap}.connected-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.connected-metrics div{background:#eef5fb;border-radius:18px;padding:20px}.connected-metrics strong{display:block;font-size:30px}.connected-badge{display:inline-block;background:#e8f3ec;padding:6px 12px;border-radius:20px;font-size:13px}.connected-overdue{color:#9b3d48}.connected-chart{width:100%;height:auto;max-height:330px}.connected-table{width:100%;border-collapse:collapse}.connected-table th,.connected-table td{text-align:left;border-bottom:1px solid #e4deed;padding:12px 8px}#keepsake-preview svg{width:100%;height:auto}#story-result{font-size:18px;line-height:1.9;background:linear-gradient(135deg,#f5f0fb,#eff8fb)}#connected-status:not(:empty){padding:16px;background:#eaf4ec;border-radius:12px}.connected-panel input[type=file]{max-width:100%;font-size:14px}
@media(max-width:700px){.connected-wrap{width:calc(100% - 32px);padding:22px 0 40px}.connected-hero{padding:26px 22px;border-radius:22px}.connected-grid{grid-template-columns:1fr;gap:0}.connected-panel{padding:22px 18px}.connected-actions .btn{flex:1 1 140px;text-align:center}.connected-metrics{gap:8px}.connected-metrics div{padding:13px 10px;font-size:12px}.connected-metrics strong{font-size:25px}.connected-row{align-items:flex-start;flex-wrap:wrap}.connected-form input,.connected-form select,.connected-form textarea{font-size:16px}.connected-table{font-size:13px}}
@media print{.site-header,.mobile-quick-nav,.site-footer,footer,.connected-form,.connected-actions,button,.connected-note,#connected-status{display:none!important}.connected-wrap{width:100%;padding:0}.connected-panel{break-inside:avoid;border:0}.connected-grid{display:block}.connected-hero{padding:12px;background:none}#keepsake-preview svg{max-height:85vh}.connected-panel:has(#keepsake-form){display:none}}