:root{color:#17243b;font-synthesis:none;background:#f4f7fb;font-family:Inter,Noto Sans TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:0 auto;padding:0 24px 48px}.preview-banner{text-align:center;color:#265174;background:#e5f2fb;border-bottom:1px solid #c7dfef;margin:0 -24px;padding:11px 24px;font-size:14px}.hero{justify-content:space-between;align-items:center;gap:32px;padding:42px 0 28px;display:flex}.eyebrow{color:#537191;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}h1{letter-spacing:-.04em;margin:0;font-size:clamp(28px,4vw,42px)}h2{margin:0 0 16px;font-size:20px}h3{margin:28px 0 12px;font-size:16px}.hero p:not(.eyebrow){color:#526277;max-width:620px;line-height:1.7}.card{background:#fff;border:1px solid #dfe6ee;border-radius:16px;margin:18px 0;padding:24px;box-shadow:0 4px 12px #1a2f4f0a}.summary-card{justify-content:space-between;align-items:center;gap:24px;display:flex}.customer{font-size:23px;display:block}.kpis{color:#58677b;flex-wrap:wrap;gap:22px;display:flex}.kpis b{color:#15253e;font-size:23px;display:block}.export-button{appearance:none;color:#fff;white-space:nowrap;cursor:pointer;background:#155e8a;border:0;border-radius:10px;padding:13px 18px;font-weight:700}.export-button:hover{background:#0f4d72}.export-button:disabled{opacity:.6;cursor:wait}.notice{color:#1e5b38;background:#edf8f0;border-radius:8px;margin:0 0 16px;padding:11px 14px}.section-note{color:#657489;margin:-4px 0 18px;font-size:14px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.summary-item,.medical-list>div{background:#f7f9fc;border:1px solid #e8edf3;border-radius:10px;flex-direction:column;justify-content:space-between;gap:10px;min-height:92px;padding:14px;display:flex}.summary-item strong,.medical-list strong{font-size:14px}.amount{color:#125d88;font-weight:750}.pending{color:#7a6751;font-style:normal}.medical-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.other-medical{color:#405a70;background:#f3f8fa;border-left:4px solid #77a4bb;justify-content:space-between;gap:18px;padding:15px;display:flex}.other-medical strong{color:#173753}.policy-list{gap:12px;display:grid}.policy-list details{border:1px solid #dbe4ee;border-radius:12px;overflow:clip}.policy-list summary{cursor:pointer;grid-template-columns:minmax(220px,1.2fr) auto minmax(360px,1.6fr);align-items:center;gap:18px;padding:18px;list-style:none;display:grid}.policy-list summary::-webkit-details-marker{display:none}.policy-list details[open] summary{background:#f8fafc;border-bottom:1px solid #e1e7ef}.policy-heading p{color:#5e7084;margin:0 0 4px;font-size:13px}.policy-heading strong{line-height:1.45}.policy-state{flex-wrap:wrap;gap:6px;display:flex}.policy-state span{color:#37566e;white-space:nowrap;background:#e8f0f5;border-radius:999px;padding:4px 9px;font-size:13px}.policy-summary-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.policy-summary-fields span,.contract-fields span{overflow-wrap:anywhere;gap:3px;min-width:0;display:grid}.policy-summary-fields b,.contract-fields b{color:#718095;font-size:12px;font-weight:600}.policy-detail{background:#fff;gap:18px;padding:20px;display:grid}.policy-detail section{min-width:0}.policy-detail h3{margin:0 0 10px}.basic-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 20px;margin:0;display:grid}.basic-fields div{gap:3px;display:grid}.basic-fields dt{color:#718095;font-size:12px}.basic-fields dd{overflow-wrap:anywhere;margin:0}.contract-rows{gap:9px;display:grid}.contract-row{border:1px solid #e5ebf2;border-radius:9px;padding:14px}.main-contract{border-left:4px solid #33789e}.rider-contract{border-left:4px solid #a9becd;margin-left:18px}.contract-title{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.contract-title small{color:#687a90}.role-label{color:#1f5c7e;background:#eaf3f8;border-radius:5px;padding:2px 7px;font-size:12px;font-weight:700}.contract-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 16px;margin-top:12px;font-size:14px;display:grid}.coverage-list,.detail-pending{gap:8px;margin:0;padding:0;list-style:none;display:grid}.coverage-list li{background:#f4f8fb;border-radius:8px;justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.detail-pending li{background:#fffaf2;border-radius:8px;grid-template-columns:120px 1fr;gap:4px 14px;padding:10px 12px;display:grid}.detail-pending small{color:#69778a;grid-column:2}.pending-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.pending-list li{background:#fffaf2;border:1px solid #f0e5cf;border-radius:9px;grid-template-columns:72px 1fr;gap:5px 12px;padding:14px;display:grid}.pending-list b{color:#815f26}.pending-list small{color:#687488;grid-column:2}footer{color:#6b7788;padding:20px 0;font-size:13px;line-height:1.7}@media (width<=920px){.policy-list summary{grid-template-columns:1fr}.policy-summary-fields,.basic-fields,.contract-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){main{padding:0 14px 32px}.preview-banner{margin:0 -14px;padding-inline:14px}.hero,.summary-card,.other-medical{flex-direction:column;align-items:flex-start}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.medical-list,.policy-summary-fields,.basic-fields,.contract-fields{grid-template-columns:1fr}.rider-contract{margin-left:8px}.coverage-list li{flex-direction:column}.detail-pending li{grid-template-columns:1fr}.detail-pending small{grid-column:1}.pending-list li{grid-template-columns:1fr}.pending-list small{grid-column:1}}