.clarity-story{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:16px}.clarity-story .story-card{border-radius:23px;padding:29px;background:linear-gradient(140deg,#F1EBDD,#EAE1CF);border:1px solid #E1D6C3;box-shadow:inset 0 1px 0 #FFFE,0 12px 25px -24px #58452960;position:relative;overflow:hidden}.clarity-story .story-card h3{font-size:29px;line-height:1.12;letter-spacing:-1.1px;font-weight:600;margin:0 0 15px;max-width:405px}.clarity-story .story-card>.description{font-size:14px;line-height:1.65;color:#5D5E55;margin:0;min-height:71px}.clarity-story .visual{margin-top:22px}.clarity-story .bento{display:grid;grid-template-columns:1fr 1fr;gap:13px}.clarity-story .tile,.clarity-story .project,.clarity-story .total{border:1px solid #E8E3D8;border-radius:13px;background:#FDFBF7;box-shadow:inset 0 1px 0 white,0 7px 13px -10px #62503355}.clarity-story .tile{padding:17px;min-width:0}.clarity-story .sheet{grid-column:1/-1;padding:0;overflow:hidden;transform:rotate(-1deg)}.clarity-story .tile-heading{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600}.clarity-story .sheet .tile-heading{padding:14px 17px;border-bottom:1px solid #E5E2D9}.clarity-story .subtle{font-size:10px;color:#86877D;font-weight:400;margin-left:auto}.clarity-story .rim{display:inline-grid;place-items:center;flex:none;width:31px;height:31px;border:1px solid #D8D2C5;border-radius:9px;color:#EF6D28;background:linear-gradient(#FCFBF7,#E7E3D9);box-shadow:inset 0 1px 0 #fff,0 1px 0 #C5BDAE,0 3px 4px #28211616}.clarity-story .rim svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.clarity-story .rim.app{font-family:RhydleAppIcons;font-size:22px}.clarity-story .sheet table{width:100%;border-collapse:collapse;font-size:11px}.clarity-story .sheet th{font-size:10px;font-weight:400;text-align:left;color:#85877A;background:#F4F2EC}.clarity-story .sheet th,.clarity-story .sheet td{padding:10px 15px;border-right:1px solid #E8E5DD;border-bottom:1px solid #E8E5DD}.clarity-story .sheet th:last-child,.clarity-story .sheet td:last-child{border-right:0}.clarity-story .empty{color:#9F612C;background:#FFF4E7}.clarity-story .sheet-foot{padding:10px 16px;font-size:10px;color:#936638;background:#FCF5EA}.clarity-story .receipt{transform:rotate(2deg)}.clarity-story .receipt-body{border-top:1px dashed #D3CBBC;border-bottom:1px dashed #D3CBBC;margin:13px 0 10px;padding:11px 0;font-size:11px;display:flex;justify-content:space-between;gap:4px}.clarity-story .receipt-body strong{font-weight:600;white-space:nowrap}.clarity-story .note{font-size:11px;color:#8A6847;line-height:1.4}.clarity-story .payment{transform:rotate(-1.4deg)}.clarity-story .payment b{display:block;font-size:13px;font-weight:600;margin:15px 0 5px}.clarity-story .payment small{font-size:11px;color:#77786D}.clarity-story .payment .note{margin-top:13px}.clarity-story .projects{display:grid;gap:12px}.clarity-story .project{padding:18px 17px;display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:11px;align-items:center}.clarity-story .project .rim{width:35px;height:35px}.clarity-story .name{font-size:13px;font-weight:600;margin-bottom:7px}.clarity-story .details{display:flex;gap:12px;font-size:10px;color:#6A6C62}.clarity-story .details span:first-child{color:#34704B}.clarity-story .amount{text-align:right}.clarity-story .amount b{font-size:23px;letter-spacing:-.8px;font-weight:600}.clarity-story .amount small{display:block;color:#76786F;font-size:10px;margin-top:5px}.clarity-story .loss b{color:#A24C36}.clarity-story .total{margin-top:13px;background:#F5F7EF;border-color:#DCE2D1;padding:20px}.clarity-story .total-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.clarity-story .total-top span{font-size:12px;color:#515A47}.clarity-story .total-top b{font-size:32px;font-weight:600;letter-spacing:-1.1px;color:#EF6D28}.clarity-story .total-meta{display:flex;justify-content:space-between;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid #E0E4D8;font-size:11px;color:#6B7061}.clarity-story .total-meta b{font-weight:600;color:#343F2E}.clarity-story .total-meta .income{color:#34704B}.clarity-story .period{display:flex;justify-content:space-between;font-size:11px;color:#74786A;margin-bottom:12px}.clarity-story .b .story-card>.description{min-height:48px}.clarity-story .b .visual{margin-top:24px}@media(max-width:760px){.clarity-story{grid-template-columns:1fr}.clarity-story .story-card{padding:25px 20px}.clarity-story .story-card h3{font-size:28px}.clarity-story .details{flex-direction:column;gap:4px}.clarity-story .project{gap:9px;padding:16px 12px}.clarity-story .amount b{font-size:21px}.clarity-story .story-card>.description{min-height:0}.clarity-story .bento{gap:10px}.clarity-story .tile{padding:13px}.clarity-story .sheet{padding:0}.clarity-story .sheet td,.clarity-story .sheet th{padding:10px}.clarity-story .total{padding:18px 15px}.clarity-story .total-meta{font-size:10px}.clarity-story .tile-heading{gap:6px;font-size:11px}.clarity-story .rim{width:26px;height:26px}.clarity-story .subtle{font-size:9px}}
.clarity-story .rim{position:relative;color:#FAF9F7;background:linear-gradient(180deg,#292A28,#111210);border-color:#10110F;box-shadow:inset 0 1px 0 #FFFFFF12,0 1px 0 #000000,0 2px 3px #00000026}.clarity-story .rim::before{content:"";position:absolute;left:20%;right:20%;top:0;height:1px;background:linear-gradient(90deg,transparent,#FFFFFF70,transparent);pointer-events:none}.clarity-story .project,.clarity-story .total{background:#fff;border-color:#E7E3DA}.clarity-story .amount b,.clarity-story .total-top b{color:#34704B}.clarity-story .amount b{font-size:24px}.clarity-story .loss b{color:#D95750}.clarity-story .story-card h3{min-height:66px}.clarity-story .story-card>.description{min-height:70px}.clarity-story .total-meta{border-top-color:#E6E8E0}@media(max-width:760px){.clarity-story .story-card h3,.clarity-story .story-card>.description{min-height:0}.clarity-story .amount b{font-size:24px}}

/* Approved Option A. Component styles are isolated from other project UI. */
.clarity-story{padding-top:72px;padding-bottom:8px;margin-bottom:0;align-items:stretch}
.clarity-story .story-card{isolation:isolate;min-width:0}
.clarity-story .story-card h2,.clarity-story .story-card h3{font-size:29px;line-height:1.12;letter-spacing:-1.1px;font-weight:600;margin:0 0 15px;max-width:405px;min-height:66px}
.clarity-story .story-card>.description{min-height:70px}
.clarity-story .visual{font-variant-numeric:tabular-nums}
.clarity-story .rim.app{font-family:RhydleAppIcons}
.clarity-story .clarity-wave{opacity:.08}
.clarity-story .sheet th,.clarity-story .subtle{color:#66695E}
.clarity-story .sheet-foot{color:#75512D;font-size:11px;line-height:1.45}
.clarity-story .note{color:#795A3B}
.clarity-story .amount b{color:#34704B}
.clarity-story .loss b{color:#D95750}
.clarity-story .project,.clarity-story .total{background:#fff}
.clarity-story .project{transform:none}
@media(max-width:760px){.clarity-story{padding-top:48px;gap:20px}.clarity-story .story-card h2,.clarity-story .story-card h3{font-size:27px;min-height:0}.clarity-story .story-card>.description{min-height:0}}
@media(max-width:380px){.clarity-story .story-card{padding:24px 15px}.clarity-story .project{grid-template-columns:28px minmax(0,1fr) auto;gap:7px;padding:15px 10px}.clarity-story .project .rim{width:28px;height:28px;font-size:20px}.clarity-story .amount b{font-size:21px}.clarity-story .name{font-size:12px}.clarity-story .tile-heading{flex-wrap:wrap}.clarity-story .subtle{margin-left:0}.clarity-story .total-top b{font-size:29px}}
@media(max-width:380px){.clarity-story .receipt .tile-heading,.clarity-story .payment .tile-heading{flex-direction:column;align-items:flex-start;gap:9px}}