/* H View Resume Builder: resume pages and templates (used by the editor, the living link and print) */
@font-face{font-family:'Inter';font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:700;font-display:swap;src:url(fonts/inter-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Lora';font-weight:400;font-display:swap;src:url(fonts/lora-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Lora';font-weight:700;font-display:swap;src:url(fonts/lora-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Merriweather';font-weight:400;font-display:swap;src:url(fonts/merriweather-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Merriweather';font-weight:700;font-display:swap;src:url(fonts/merriweather-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-weight:400;font-display:swap;src:url(fonts/poppins-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-weight:700;font-display:swap;src:url(fonts/poppins-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Playfair Display';font-weight:400;font-display:swap;src:url(fonts/playfair-display-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Playfair Display';font-weight:700;font-display:swap;src:url(fonts/playfair-display-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Source Sans 3';font-weight:400;font-display:swap;src:url(fonts/source-sans-3-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Source Sans 3';font-weight:700;font-display:swap;src:url(fonts/source-sans-3-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:700;font-display:swap;src:url(fonts/ibm-plex-sans-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Libre Baskerville';font-weight:400;font-display:swap;src:url(fonts/libre-baskerville-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Libre Baskerville';font-weight:700;font-display:swap;src:url(fonts/libre-baskerville-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:400;font-display:swap;src:url(fonts/dm-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:700;font-display:swap;src:url(fonts/dm-sans-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-weight:400;font-display:swap;src:url(fonts/montserrat-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-weight:700;font-display:swap;src:url(fonts/montserrat-latin-700-normal.woff2) format('woff2')}

/* ---------- page ---------- */
.rbp{--acc:#2b4acb;--acc2:#eef1ff;--ink:#1d2433;--mute:#5b6476;--line:#dfe3ea;--hf:'Inter',sans-serif;--bf:'Inter',sans-serif;--fs:13px;--gap:1;--pad:44px;
  position:relative;width:794px;height:1123px;background:#fff;color:var(--ink);font:400 var(--fs)/1.5 var(--bf);overflow:hidden;box-sizing:border-box;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;print-color-adjust:exact;-webkit-print-color-adjust:exact}
.rbp *{box-sizing:border-box}
.rbp-grid{position:absolute;inset:0;display:grid;grid-template-columns:1fr}
.rbp-main,.rbp-side{min-width:0;overflow:hidden;padding:var(--pad)}
.rbp-side{display:none}
.rbp-flow{display:flex;flex-direction:column;gap:calc(14px * var(--gap))}
.rbp h1,.rbp h2,.rbp h3,.rbp p,.rbp ul{margin:0;padding:0}
.rbp ul{list-style:none}
.rbp [data-e]{outline:none;border-radius:2px;min-width:8px}
.rbp [data-e]:not(li):empty::before{content:attr(data-ph);color:#b7bdc8}
.rbp li[data-e]:empty::after{content:attr(data-ph);color:#b7bdc8}
.rbp [data-e]{overflow-wrap:anywhere}

/* header: grid areas so the same markup can sit left, centred, split or photo-right */
.rbh{display:grid;grid-template-columns:1fr;grid-template-areas:"txt" "ct";column-gap:20px;align-items:center}
.rbh.has-ph{grid-template-columns:auto 1fr;grid-template-areas:"ph txt" "ph ct"}
.rbh.has-qr{grid-template-columns:1fr auto;grid-template-areas:"txt qr" "ct qr"}
.rbh.has-ph.has-qr{grid-template-columns:auto 1fr auto;grid-template-areas:"ph txt qr" "ph ct qr"}
.rbh-photo{grid-area:ph;width:96px;height:96px;overflow:hidden;background:var(--acc2);border-radius:50%}
.rbh-photo img{width:100%;height:100%;object-fit:cover;display:block}
.rbp[data-photo=rounded] .rbh-photo{border-radius:14px}.rbp[data-photo=square] .rbh-photo{border-radius:0}
.rbh-txt{grid-area:txt;min-width:0;align-self:end}
.rbh-name{font:700 calc(var(--fs) * 2.6)/1.1 var(--hf);letter-spacing:-.01em;color:var(--ink)}
.rbh-title{font:400 calc(var(--fs) * 1.25)/1.3 var(--hf);color:var(--acc);margin-top:3px}
.rbh-contact{grid-area:ct;align-self:start;display:flex;flex-wrap:wrap;gap:3px 14px;margin-top:8px;color:var(--mute);font-size:calc(var(--fs) * .92)}
.rbh-contact span{display:inline-flex;align-items:center;gap:5px;min-width:0;overflow-wrap:anywhere}
.rbh-contact i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acc);flex:none}
.rbh-qr{grid-area:qr;width:78px;text-align:center;color:var(--mute);font-size:7.5px;line-height:1.2}
.rbh-qr svg{width:70px;height:70px;display:block;margin:0 auto 3px}
/* centred */
.rbp[data-hdr=center] .rbh{grid-template-columns:1fr;grid-template-areas:"ph" "txt" "ct";justify-items:center;text-align:center;row-gap:6px}
.rbp[data-hdr=center] .rbh-contact{justify-content:center}
.rbp[data-hdr=center] .rbh.has-qr{grid-template-columns:1fr;grid-template-areas:"ph" "txt" "ct" "qr"}
/* split: name left, contact listed on the right */
.rbp[data-hdr=split] .rbh{grid-template-columns:1fr auto;grid-template-areas:"txt ct"}
.rbp[data-hdr=split] .rbh.has-ph{grid-template-columns:auto 1fr auto;grid-template-areas:"ph txt ct"}
.rbp[data-hdr=split] .rbh-contact{flex-direction:column;align-items:flex-end;margin-top:0;text-align:right}
.rbp[data-hdr=split] .rbh-contact span{flex-direction:row-reverse}
/* photo on the right (formal Indian format) */
.rbp[data-hdr=photo-right] .rbh.has-ph{grid-template-columns:1fr auto;grid-template-areas:"txt ph" "ct ph"}
.rbp[data-hdr=photo-right] .rbh-photo{border-radius:4px;width:88px;height:108px;border:1px solid var(--line)}

/* empty contact slots stay hidden whatever a template does with the row */
.rbp .rbh-contact>span[hidden]{display:none!important}

/* section */
.rbs{break-inside:avoid}
.rbs-h{display:flex;align-items:center;gap:8px;font:700 calc(var(--fs) * 1.08)/1.2 var(--hf);text-transform:uppercase;letter-spacing:.09em;color:var(--acc);margin-bottom:calc(7px * var(--gap))}
.rbs-h::after{content:"";flex:1;height:1px;background:var(--line)}
.rbp[data-hs=bar] .rbs-h::after{content:none}.rbp[data-hs=bar] .rbs-h::before{content:"";width:4px;height:1.1em;border-radius:2px;background:var(--acc)}
.rbp[data-hs=plain] .rbs-h::after{content:none}
.rbp[data-hs=block] .rbs-h{background:var(--acc2);padding:5px 9px;border-radius:4px}.rbp[data-hs=block] .rbs-h::after{content:none}
.rbs-h-cont::after{content:" (continued)";text-transform:none;letter-spacing:0;font-weight:400;color:var(--mute);flex:none;height:auto;background:none}

.rbi{margin-bottom:calc(9px * var(--gap));break-inside:avoid}
.rbi:last-child{margin-bottom:0}
.rbi-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.rbi-t{font-weight:700;font-size:calc(var(--fs) * 1.08);color:var(--ink)}
.rbi-d{flex:none;color:var(--mute);font-size:calc(var(--fs) * .92);white-space:nowrap}
.rbi-s{color:var(--mute)}
.rbi-s b{color:var(--ink);font-weight:700}
.rbi ul{margin-top:3px}
.rbi li{position:relative;padding-left:13px;margin-top:2px}
.rbi li::before{content:"";position:absolute;left:2px;top:.62em;width:4px;height:4px;border-radius:50%;background:var(--acc)}
.rbsum{color:var(--ink)}
.rbsk{display:flex;flex-wrap:wrap;gap:5px 6px}
.rbsk span{padding:2px 9px;border-radius:999px;background:var(--acc2);color:var(--ink);font-size:calc(var(--fs) * .95)}
.rbsk-list span{background:none;padding:0;border-radius:0}.rbsk-list span:not(:last-child)::after{content:"·";margin-left:6px;color:var(--mute)}
.rbkv{display:grid;grid-template-columns:auto 1fr;gap:2px 12px}.rbkv b{font-weight:700}
.rbln{display:flex;justify-content:space-between;gap:10px}.rbln span:last-child{color:var(--mute)}

/* H View touch: the "thread", a soft accent line that ties each page together */
.rbp-thread{position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--acc),transparent 85%);opacity:.9;pointer-events:none}
.rbp-num{position:absolute;right:22px;bottom:14px;font:400 9px/1 var(--bf);color:#9aa2b1}

/* ---------- layouts ---------- */
/* classic: one column, header across the top */
.rbp[data-lay=classic] .rbh{padding-bottom:calc(14px * var(--gap));border-bottom:2px solid var(--acc)}
.rbp[data-lay=classic][data-center="1"] .rbh{flex-direction:column;text-align:center}
.rbp[data-lay=classic][data-center="1"] .rbh-contact{justify-content:center}

/* sidebar: tinted column with contact and skills */
.rbp[data-lay=sidebar] .rbp-grid{grid-template-columns:250px 1fr}
.rbp[data-lay=sidebar] .rbp-side{display:block;order:-1;background:var(--acc);color:#fff;padding:var(--pad) 26px}
.rbp[data-lay=sidebar] .rbp-side .rbs-h{color:#fff}.rbp[data-lay=sidebar] .rbp-side .rbs-h::after{background:rgba(255,255,255,.35)}
.rbp[data-lay=sidebar] .rbp-side .rbi-s,.rbp[data-lay=sidebar] .rbp-side .rbi-d,.rbp[data-lay=sidebar] .rbp-side .rbln span:last-child{color:rgba(255,255,255,.78)}
.rbp[data-lay=sidebar] .rbp-side .rbi-t,.rbp[data-lay=sidebar] .rbp-side .rbi-s b,.rbp[data-lay=sidebar] .rbp-side .rbln,.rbp[data-lay=sidebar] .rbp-side .rbsum{color:#fff}
.rbp[data-lay=sidebar] .rbp-side .rbsk span{background:rgba(255,255,255,.16);color:#fff}
.rbp[data-lay=sidebar] .rbp-side li::before{background:#fff}
.rbp[data-lay=sidebar] .rbp-side .rbh{grid-template-columns:1fr!important;grid-template-areas:"ph" "txt" "ct" "qr"!important;row-gap:8px;justify-items:start;text-align:left}
.rbp[data-lay=sidebar] .rbp-side .rbh-name{color:#fff;font-size:calc(var(--fs) * 2.3)}
.rbp[data-lay=sidebar] .rbp-side .rbh-title{color:rgba(255,255,255,.85)}
.rbp[data-lay=sidebar] .rbp-side .rbh-contact{flex-direction:column;align-items:flex-start;color:rgba(255,255,255,.88);text-align:left}.rbp[data-lay=sidebar] .rbp-side .rbh-contact span{flex-direction:row}.rbp[data-lay=sidebar] .rbp-side .rbh-qr{color:rgba(255,255,255,.8)}.rbp[data-lay=sidebar] .rbp-side .rbh-qr svg{background:#fff;padding:4px;border-radius:4px}
.rbp[data-lay=sidebar] .rbp-side .rbh-contact i{background:#fff}
.rbp[data-lay=sidebar] .rbp-side .rbh-photo{width:120px;height:120px;border:4px solid rgba(255,255,255,.35)}
.rbp[data-lay=sidebar][data-side=right] .rbp-grid{grid-template-columns:1fr 250px}.rbp[data-lay=sidebar][data-side=right] .rbp-side{order:2}
.rbp[data-lay=sidebar] .rbp-thread{display:none}

/* split: header across the top, then a main column and a narrow light column */
.rbp[data-lay=split] .rbp-grid{grid-template-columns:1fr 240px;grid-template-rows:auto 1fr}
.rbp[data-lay=split] .rbp-top{grid-column:1/-1;padding:var(--pad) var(--pad) calc(18px * var(--gap));border-bottom:1px solid var(--line)}
.rbp[data-lay=split] .rbp-main{padding-top:calc(20px * var(--gap));padding-right:24px}
.rbp[data-lay=split] .rbp-side{display:block;background:var(--acc2);padding:calc(20px * var(--gap)) 24px var(--pad)}
.rbp[data-lay=split] .rbp-top:empty{display:none}

/* band: a solid colour band for the header */
.rbp[data-lay=band] .rbp-top{background:var(--acc);color:#fff;padding:calc(var(--pad) * .8) var(--pad)}
.rbp[data-lay=band] .rbp-grid{grid-template-rows:auto 1fr}
.rbp[data-lay=band] .rbh-name{color:#fff}.rbp[data-lay=band] .rbh-title{color:rgba(255,255,255,.88)}
.rbp[data-lay=band] .rbh-contact{color:rgba(255,255,255,.9)}.rbp[data-lay=band] .rbh-contact i{background:#fff}
.rbp[data-lay=band] .rbh-photo{border:4px solid rgba(255,255,255,.4)}
.rbp[data-lay=band][data-edge=slant] .rbp-top{clip-path:polygon(0 0,100% 0,100% 82%,0 100%);padding-bottom:calc(var(--pad) * 1.2)}
.rbp[data-lay=band] .rbp-thread{display:none}

/* timeline: dates sit on a line in a left rail */
.rbp[data-lay=timeline] .rbh{padding-bottom:calc(12px * var(--gap));border-bottom:1px solid var(--line)}
.rbp[data-lay=timeline] .rbs-tl .rbi{display:grid;grid-template-columns:88px 1fr;gap:0 30px;position:relative;margin-bottom:0;padding-bottom:calc(10px * var(--gap))}
.rbp[data-lay=timeline] .rbs-tl .rbi-d{grid-column:1;grid-row:1/span 3;text-align:right;white-space:normal;padding-top:1px}
.rbp[data-lay=timeline] .rbs-tl .rbi>*:not(.rbi-d){grid-column:2}
.rbp[data-lay=timeline] .rbs-tl .rbi::before{content:"";position:absolute;left:98px;top:4px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--acc)}
.rbp[data-lay=timeline] .rbs-tl .rbi::after{content:"";position:absolute;left:102.5px;top:16px;bottom:-2px;width:1px;background:var(--line)}
.rbp[data-lay=timeline] .rbs-tl .rbi-top{display:block}


/* sidebar styles */
.rbp[data-sst=dark] .rbp-side{background:var(--sbg,#0f172a)}
.rbp[data-sst=dark] .rbp-side .rbs-h{color:var(--acc)}
.rbp[data-sst=dark] .rbp-side .rbsk span{background:rgba(255,255,255,.1)}
.rbp[data-sst=grad] .rbp-side{background:linear-gradient(165deg,var(--acc),var(--accb))}
.rbp[data-sst=light] .rbp-side{background:var(--acc2);color:var(--ink)}
.rbp[data-sst=light] .rbp-side .rbs-h,.rbp[data-sst=light] .rbp-side .rbh-title{color:var(--acc)}
.rbp[data-sst=light] .rbp-side .rbs-h::after{background:var(--line)}
.rbp[data-sst=light] .rbp-side .rbh-name,.rbp[data-sst=light] .rbp-side .rbi-t,.rbp[data-sst=light] .rbp-side .rbi-s b,.rbp[data-sst=light] .rbp-side .rbln,.rbp[data-sst=light] .rbp-side .rbsum{color:var(--ink)}
.rbp[data-sst=light] .rbp-side .rbh-contact,.rbp[data-sst=light] .rbp-side .rbi-s,.rbp[data-sst=light] .rbp-side .rbi-d,.rbp[data-sst=light] .rbp-side .rbln span:last-child{color:var(--mute)}
.rbp[data-sst=light] .rbp-side .rbh-contact i,.rbp[data-sst=light] .rbp-side li::before{background:var(--acc)}
.rbp[data-sst=light] .rbp-side .rbsk span{background:#fff;color:var(--ink)}
.rbp[data-sst=light] .rbp-side .rbh-photo{border-color:#fff}
.rbp[data-lay=sidebar] .rbp-side .rbs-h-cont::after{content:none}
/* light band (header with a soft tint) */
.rbp[data-lay=band][data-bst=light] .rbp-top{background:var(--acc2);color:var(--ink)}
.rbp[data-lay=band][data-bst=light] .rbh-name{color:var(--ink)}.rbp[data-lay=band][data-bst=light] .rbh-title{color:var(--acc)}
.rbp[data-lay=band][data-bst=light] .rbh-contact{color:var(--mute)}.rbp[data-lay=band][data-bst=light] .rbh-contact i{background:var(--acc)}
.rbp[data-lay=band][data-bst=light] .rbh-photo{border-color:#fff}
.rbp[data-lay=band][data-edge=wave] .rbp-top{border-radius:0 0 50% 50% / 0 0 34px 34px;padding-bottom:calc(var(--pad) * 1.1)}
.rbp[data-lay=band] .rbh-qr{color:rgba(255,255,255,.85)}.rbp[data-lay=band] .rbh-qr svg{background:#fff;padding:4px;border-radius:4px}
/* decorations */
.rbp-corner{position:absolute;top:-70px;right:-70px;width:200px;height:200px;border-radius:50%;background:var(--acc);opacity:.12;pointer-events:none}
.rbp-corner::after{content:"";position:absolute;left:30px;bottom:-26px;width:90px;height:90px;border-radius:50%;background:var(--accb);opacity:.6}
.rbp[data-lay=sidebar] .rbp-corner{left:auto;right:-70px}
.rbp[data-deco=stripe]::before{content:"";position:absolute;left:0;right:0;top:0;height:9px;background:linear-gradient(90deg,var(--acc),var(--accb));z-index:2}
.rbp[data-deco=stripe] .rbp-thread{display:none}
.rbp-frame{position:absolute;inset:14px;border:1.5px solid var(--acc);pointer-events:none;z-index:2}
.rbp-frame::after{content:"";position:absolute;inset:4px;border:.5px solid var(--acc);opacity:.6}
.rbp[data-deco=frame] .rbp-thread{display:none}
.rbp[data-deco=frame] .rbp-main{padding:calc(var(--pad) + 8px)}
.rbp-mono{position:absolute;top:var(--pad);right:var(--pad);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--acc);color:var(--acc);font:700 22px/1 var(--hf);letter-spacing:.04em;z-index:2}
.rbp[data-deco=monogram] .rbh{padding-right:76px}
/* running header on page 2 onwards */
.rbp-run{padding-bottom:8px;margin-bottom:2px;border-bottom:1px solid var(--line);color:var(--mute);font-size:calc(var(--fs) * .88)}
.rbp-run b{color:var(--ink)}
.rbp[data-lay=sidebar] .rbp-side .rbp-run{display:none}
/* declaration */
.rbdecl{display:flex;flex-wrap:wrap;gap:6px 30px;margin-top:12px;color:var(--ink)}
.rbdecl-sign{margin-left:auto;font-weight:700}
.rbi-li{margin-bottom:0}.rbi-li ul{margin-top:0}
.rbp-flow>.rbs-more:not([data-cont]){margin-top:calc(-14px * var(--gap) + 2px)}

/* print: the editor copies clean pages into .rb-printroot; only that prints, one page per sheet */
.rb-printroot{display:none}
@media print{
  @page{size:A4;margin:0}
  html,body{margin:0!important;padding:0!important;background:#fff!important;height:auto!important;overflow:visible!important}
  body>*:not(.rb-printroot){display:none!important}
  .rb-printroot{display:block!important}
  .rb-printroot .rbp{transform:none!important;margin:0!important;box-shadow:none!important;break-after:page;page-break-after:always}
  .rb-printroot .rbp:last-child{break-after:auto;page-break-after:auto}
  .rb-printroot [data-e]:empty::before,.rb-printroot [data-e]:empty::after{content:none}
}