/* A readable example CV, shared by the candidate hero and home page. */
.trifle-site .trifle-cv-preview{width:100%;max-width:510px;min-width:0;margin:0;justify-self:end;color:#141225;font:14px/1.6 Arial,Helvetica,sans-serif}
.trifle-cv-paper{background:#fff;border:1px solid #e7e1e5;border-radius:12px;box-shadow:0 18px 55px -24px #241e3547;overflow:hidden}
.trifle-cv-paper-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;padding:17px 28px;border-bottom:1px solid #eee9ed;font-size:14px;color:#625d6b}
.trifle-cv-paper-top>span:first-child{font-weight:600;color:#141225}
.trifle-cv-private{display:inline-flex;align-items:center;gap:6px;font-size:14px}
.trifle-cv-private .trifle-line-icon{width:13px;height:13px;color:#8b7040}
.trifle-cv-paper-body{padding:27px 28px 24px}
.trifle-cv-person{display:flex;align-items:center;gap:17px;min-width:0}
.trifle-cv-monogram{display:flex;align-items:baseline;justify-content:center;width:61px;height:66px;flex:0 0 61px;padding-top:9px;border-radius:6px;background:#faf4e9;font:40px/1.15 Georgia,'Times New Roman',serif;letter-spacing:-4px}
.trifle-cv-monogram>span{color:#d81b60}
.trifle-site .trifle-cv-person h2{font:700 34px/1.12 Georgia,'Times New Roman',serif;letter-spacing:-1px;margin:0 0 5px;color:#141225}
.trifle-site .trifle-cv-person p{font:600 14px/1.5 Arial,Helvetica,sans-serif;margin:0;color:#514958}
.trifle-cv-location{display:block;margin-top:2px;font-size:14px;color:#766f7c}
.trifle-site .trifle-cv-introduction{font:14px/1.65 Arial,Helvetica,sans-serif;color:#625d6b;margin:21px 0 24px;max-width:40ch}
.trifle-site .trifle-cv-preview h3{font:600 14px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;color:#766f7c;margin:0 0 15px}
.trifle-cv-experience{border-top:1px solid #eee9ed;padding-top:20px}
.trifle-cv-experience ol{list-style:none;margin:0;padding:0 0 0 15px;border-left:1px solid #e4dce2}
.trifle-cv-experience li{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;margin:0;padding:0 0 19px}
.trifle-cv-experience li:last-child{padding-bottom:0}
.trifle-cv-experience li:before{content:'';position:absolute;left:-19px;top:6px;width:7px;height:7px;border:1px solid #d2c3cc;border-radius:50%;background:#fff}
.trifle-cv-experience li:first-child:before{background:#d81b60;border-color:#d81b60;box-shadow:0 0 0 3px #fff}
.trifle-site .trifle-cv-experience h4{font:600 14px/1.45 Arial,Helvetica,sans-serif;letter-spacing:0;margin:0 0 3px;color:#141225}
.trifle-site .trifle-cv-experience p{font:14px/1.5 Arial,Helvetica,sans-serif;margin:0;color:#766f7c}
.trifle-cv-experience li>span{font-size:14px;line-height:1.6;color:#766f7c}
.trifle-cv-expertise{margin-top:24px}
.trifle-site .trifle-cv-expertise h3{margin-bottom:9px}
.trifle-cv-expertise ul{list-style:none;display:flex;flex-wrap:wrap;gap:5px 0;margin:0;padding:0;font-size:14px;color:#514958}
.trifle-cv-expertise li{margin:0;line-height:1.6}
.trifle-cv-expertise li+li:before{content:'·';display:inline-block;padding:0 8px;color:#b8a6b0}
.trifle-site .trifle-cv-preferences{display:flex;flex-wrap:wrap;gap:14px 30px;margin:0;padding:18px 28px;background:#fdfbf7;border-top:1px solid #eee9e0}
.trifle-cv-preferences>div{flex:1 1 170px}
.trifle-cv-preferences dt{font:400 14px/1.5 Arial,Helvetica,sans-serif;color:#766f7c;margin:0 0 3px}
.trifle-cv-preferences dd{font:600 14px/1.5 Arial,Helvetica,sans-serif;margin:0;color:#514958}
.trifle-site .trifle-cv-preview figcaption{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:15px;font:14px/1.5 Arial,Helvetica,sans-serif;color:#766f7c;text-align:center}
.trifle-site .trifle-candidate-visual{min-width:0;padding:25px 0 20px 12px}
.trifle-candidate-visual:before{inset:-18px -80px -10px 5px;opacity:.72;background-position:58% 48%;mask-image:linear-gradient(0deg,transparent,#000 18%,#000 80%,transparent)}
.trifle-site .trifle-profile-feature{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.trifle-site .trifle-candidate-hero .trifle-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
@media(max-width:950px){
 .trifle-site .trifle-candidate-hero .trifle-hero-grid,.trifle-site .trifle-profile-feature{grid-template-columns:minmax(0,1fr);gap:36px}
 .trifle-site .trifle-candidate-hero .trifle-hero-copy{max-width:650px}
 .trifle-site .trifle-candidate-visual{padding:20px 0 10px}
 .trifle-site .trifle-cv-preview{justify-self:center;margin-inline:auto;max-width:540px}
 .trifle-candidate-visual:before{inset:0 -36px 0 12%;background-position:center 50%}
}
@media(max-width:480px){
 .trifle-cv-paper-top{padding:15px 20px}
 .trifle-cv-paper-body{padding:23px 20px}
 .trifle-cv-person{gap:13px}
 .trifle-site .trifle-cv-person h2{font-size:29px}
 .trifle-cv-monogram{width:52px;height:60px;flex-basis:52px;font-size:36px;padding-top:10px}
 .trifle-cv-experience li{display:block}
 .trifle-cv-experience li>span{display:block;margin-top:4px}
 .trifle-site .trifle-cv-preferences{padding:17px 20px;gap:14px}
 .trifle-cv-preferences>div{flex-basis:125px}
 .trifle-site .trifle-cv-preview figcaption{font-size:14px;gap:5px}
}