/* Card treatments informed by each provider's official website. */
.journal-card{position:relative;isolation:isolate;background:radial-gradient(ellipse at 75% 0%,#ffffff12,transparent 57%),linear-gradient(135deg,#171719,#080809 80%);border-color:#424246;border-radius:20px;padding:28px;box-shadow:inset 0 1px 0 #ffffff0b}
.journal-card:before{content:"";position:absolute;z-index:-1;width:340px;height:340px;right:-125px;top:-145px;background:url("assets/liquidjournal.png") center/contain no-repeat;filter:blur(23px);opacity:.26;transform:rotate(-20deg);pointer-events:none}
.journal-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(125deg,transparent 35%,#ffffff04 44%,#ffffff0a 48%,transparent 62%);pointer-events:none}
.journal-card:hover{border-color:#77777f;box-shadow:inset 0 1px 0 #ffffff12,0 12px 42px #0004}
.journal-card .tiny-square{background:#d8d8dd;border-radius:50%;box-shadow:0 0 8px #ffffff20}
.journal-card .tool-category{color:#b0b0b6;letter-spacing:1.7px}
.journal-card .personal-tag{border-color:#73737d50;background:#ffffff07;color:#e1e1e5;padding:5px 10px;backdrop-filter:blur(10px)}
.journal-card .journal-content{margin-top:34px;gap:27px}
.journal-card .tool-logo{width:64px;height:64px;filter:drop-shadow(0 5px 14px #0007)}
.journal-card h3{font-family:Arial,Helvetica,sans-serif;font-size:29px;font-weight:500;letter-spacing:-1.2px;margin-top:14px;color:#f5f5f7}
.journal-card p{color:#a9a9b2;font-size:12px;line-height:1.9}
.journal-card .journal-visual{background:linear-gradient(140deg,#ffffff09,#ffffff02);border-color:#ffffff25;border-radius:12px;box-shadow:0 10px 25px #0003,inset 0 1px 0 #ffffff0a;backdrop-filter:blur(14px);padding:22px 16px;transform:rotate(-2deg)}
.journal-card .visual-top{border-color:#ffffff16;color:#a8a8b2;font-size:7px;letter-spacing:1.2px}
.journal-card .visual-top span:last-child{color:#dedee4}
.journal-card .routine-row{border-color:#ffffff13;color:#84848f;padding:17px 0}
.journal-card .routine-row b{color:#e4e4ea;line-height:1.4}
.journal-card .routine-row>span:last-child{color:#dedee5}
.journal-card .visual-bottom i{background:linear-gradient(#9999a4,#555560)}
.journal-card .visual-bottom i:nth-child(2n){background:linear-gradient(#c2c2ca,#73737e)}
.journal-card .visual-bottom i:nth-child(3n){background:linear-gradient(#e5e5eb,#9999a4)}
.journal-card .visual-bottom span{color:#9797a4}
.journal-card .tool-link{background:#f3f3f6;color:#131315;border:0;border-radius:24px;padding:11px 16px;font-weight:600;font-size:10px;min-height:39px;gap:22px;transition:background .2s,box-shadow .2s}
.journal-card .tool-link span{color:#18181c;font-size:15px}
.journal-card .tool-link:hover{background:white;box-shadow:0 0 20px #ffffff10}
.journal-card .tool-offer-note{color:#85858f}
.journal-card .mini-copy{background:#ffffff0b;color:#ececf3;border-color:#ffffff2a;border-radius:20px;padding:7px 11px}

.chart-card{position:relative;isolation:isolate;display:flex;flex-direction:column;border-color:#38383d;background:linear-gradient(145deg,#161619,#0b0b0d);border-radius:20px;padding:28px}
.chart-card:before{content:none}
.chart-card:hover{border-color:#68686e;box-shadow:0 10px 40px #0004}
.chart-card .tool-category{color:#a7a7af}
.chart-card .tool-top>span:last-child{color:#b8b8c0}
.chart-card .tool-logo{width:52px;height:52px;margin:27px 0 15px;border-radius:11px;filter:grayscale(1)}
.chart-card:hover .tool-logo{filter:grayscale(1) drop-shadow(0 3px 8px #0005)}
.chart-card h3{font-size:29px;font-weight:700;letter-spacing:-1.1px;color:#f7f7f8}
.chart-card p{color:#a5a5ad;font-size:12px;line-height:1.8;margin-top:13px}
.chart-card .tool-actions{margin-top:auto;padding-top:30px}
.chart-card .tool-link{background:#f2f2f4;color:#151517;border:0;padding:11px 21px 11px 15px;border-radius:5px;clip-path:polygon(0 0,100% 0,94% 100%,0 100%);font-weight:600;font-size:10px;min-height:39px;gap:22px;transition:background .2s}
.chart-card .tool-link span{color:#151517;font-size:15px}
.chart-card .tool-link:hover{background:#fff}
.chart-card .tool-link:focus-visible{clip-path:none;outline:2px solid #c9c9ce}
.chart-card .tool-offer-note{color:#87878f}
.chart-card .mini-copy{background:#ffffff0b;color:#ececf1;border-color:#55555c;border-radius:5px;padding:7px 11px}
@media(max-width:1000px) and (min-width:701px){.journal-card .journal-content{margin-top:36px}.journal-card p{max-width:330px}.journal-card .tool-actions{margin-top:29px}}
@media(max-width:700px){.journal-card,.chart-card{padding:24px;border-radius:17px}.journal-card .journal-content{gap:17px;margin-top:27px}.journal-card .tool-logo{width:57px;height:57px}.journal-card h3{font-size:24px}.journal-card .journal-visual{padding:18px 12px}.journal-card .routine-row{padding:15px 0}.journal-card .routine-row b{font-size:8px}.journal-card .visual-top{font-size:6px;letter-spacing:.5px}.journal-card .tool-link,.chart-card .tool-link{font-size:10px;gap:15px}.chart-card .tool-logo{width:46px;height:46px;margin-top:24px}.chart-card h3{font-size:26px}.chart-card p{max-width:100%}}
@media(prefers-reduced-motion:reduce){.journal-card .tool-link,.chart-card .tool-link{transition:none!important}}