/* Resumely – all rules are scoped to #resumely / .paper so they won't clash with your GoDaddy theme */
#resumely{--p:#004aad;--a:#e36740;--navy:#00347d;--bg:#eef2f8;--card:#fff;--tx:#1c2a3d;--mu:#64748b;--ln:#dbe3ee;--in:#f7f9fc;
  background:var(--bg);color:var(--tx);font:15px/1.5 Inter,system-ui,sans-serif;text-align:left}
#resumely *,#resumely *:before,#resumely *:after{box-sizing:border-box}
.rb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 28px;background:#fff;color:#004aad;border-bottom:5px solid #e36740;box-shadow:0 4px 18px rgba(0,74,173,.12)}
.rb-brand{font:700 1.35rem Poppins,sans-serif;display:flex;align-items:center;gap:14px;color:#004aad}
.rb-brand img{height:64px;width:auto;display:block}
.rb-brand span{display:flex;flex-direction:column;line-height:1.2}
.rb-brand em{font:700 .72rem Inter,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#e36740;margin-bottom:2px}
.rb-brand small{font:500 .74rem Inter,sans-serif;color:#e36740;margin-top:2px}
.rb-actions{display:flex;gap:8px;flex-wrap:wrap}
#resumely button{font:inherit;font-weight:600;cursor:pointer;border:0;border-radius:10px;padding:9px 16px;transition:background .2s,transform .2s}
.rb-btn.ghost{background:#e8f0fb;color:#004aad}.rb-btn.ghost:hover{background:#d3e2f7}
.rb-btn.solid{background:#e36740;color:#fff}.rb-btn.solid:hover{background:#c9532f;transform:translateY(-1px)}
.rb-app{display:grid;grid-template-columns:minmax(330px,450px) 1fr;gap:24px;max-width:1360px;margin:0 auto;padding:24px}
.rb-editor{display:flex;flex-direction:column;gap:16px;min-width:0}
.rb-card{background:var(--card);border:1px solid var(--ln);border-radius:14px;padding:18px}
.rb-card h2{margin:0 0 14px;font:600 1.02rem Poppins,sans-serif;color:var(--p);display:flex;align-items:center;gap:8px;border-left:4px solid #e36740;padding-left:10px}
.rb-add{margin-left:auto;background:#fbe4dc;color:#a8401f;padding:5px 12px!important;font-size:.8rem}
.rb-add:hover{background:#e36740;color:#fff}
.rb-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#resumely label,.rb-label{display:block;font-size:.76rem;font-weight:600;color:var(--mu);margin:0 0 10px}
.rb-label{margin-bottom:6px}
#resumely input,#resumely textarea,#resumely select{display:block;width:100%;margin-top:4px;padding:9px 11px;border:1px solid var(--ln);border-radius:9px;background:var(--in);color:var(--tx);font:inherit;font-size:.9rem}
#resumely input[type=color]{padding:2px;height:38px;cursor:pointer}
#resumely input[type=file]{padding:6px;font-size:.78rem}
#resumely textarea{min-height:76px;resize:vertical}
#resumely input:focus,#resumely textarea:focus,#resumely select:focus,#resumely button:focus-visible{outline:2px solid #e36740;outline-offset:1px}
.rb-tpls{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px}
.rb-tpl{background:var(--in)!important;border:2px solid var(--ln)!important;border-radius:10px!important;padding:6px 4px!important;font-size:.7rem!important;color:var(--mu)!important;text-align:center}
.rb-tpl svg{display:block;width:100%;height:46px;margin-bottom:4px}
.rb-tpl.on{border-color:#e36740!important;color:var(--p)!important}
.rb-swatches{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.rb-sw{width:42px;height:42px;border-radius:50%!important;padding:0!important;border:3px solid #fff!important;box-shadow:0 0 0 1px var(--ln)}
.rb-sw.on{box-shadow:0 0 0 3px #e36740}
.rb-entry{position:relative;border:1px dashed var(--ln);border-radius:12px;padding:12px;margin-bottom:10px}
.rb-del{position:absolute;top:6px;right:8px;background:none!important;color:var(--mu);padding:0 6px!important;font-size:1.2rem}
.rb-del:hover{color:#c0392b}
.rb-preview{min-width:0;overflow:hidden}

/* ================= Resume paper ================= */
.paper{--p:#004aad;--a:#e36740;--f:Inter;width:794px;min-height:1123px;background:#fff;color:#2a3342;font:13px/1.55 var(--f),sans-serif;box-shadow:0 12px 40px rgba(20,50,92,.22);overflow:hidden;transform-origin:top left;text-align:left}
.paper *{box-sizing:border-box}
.paper h1{margin:0;font-size:34px;line-height:1.12;font-weight:700;color:var(--p)}
.paper .role{color:var(--a);font-weight:600;font-size:15px}
.paper h3{margin:22px 0 10px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--p);border-bottom:2px solid var(--a);padding-bottom:4px;display:inline-block}
.paper .it{margin-bottom:14px}
.paper .h{display:flex;justify-content:space-between;gap:10px;font-weight:700;color:#1c2a3d}
.paper .pd{color:var(--a);font-weight:600;font-size:12px;white-space:nowrap}
.paper .s{color:var(--p);font-weight:600}
.paper .d{margin-top:3px;color:#444;white-space:pre-line}
.paper .chips{display:flex;flex-wrap:wrap;gap:6px}
.paper .chip{padding:3px 11px;border-radius:20px;font-size:12px;font-weight:600;background:color-mix(in srgb,var(--a) 20%,#fff);color:color-mix(in srgb,var(--a) 45%,#000)}
.paper .ph{width:92px;height:92px;border-radius:50%;object-fit:cover;display:block}
.paper .ini{width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:30px;background:var(--a);color:#fff}
.paper .ct{margin-bottom:7px;word-break:break-word}
.paper .empty{opacity:.45;font-style:italic}

/* 1 Sidebar */
.t-sidebar{display:grid;grid-template-columns:262px 1fr}
.t-sidebar aside{background:linear-gradient(180deg,color-mix(in srgb,var(--p) 70%,#000),var(--p));color:#fff;padding:36px 24px}
.t-sidebar aside h3{color:#fff;margin-top:26px}
.t-sidebar aside .ph,.t-sidebar aside .ini{margin-bottom:20px}
.t-sidebar aside .chip{background:rgba(255,255,255,.16);color:#fff}
.t-sidebar .mc{padding:38px 34px}
/* 2 Classic */
.t-classic .hd{background:linear-gradient(120deg,color-mix(in srgb,var(--p) 70%,#000),var(--p));color:#fff;padding:38px 44px 26px;border-bottom:6px solid var(--a);display:flex;gap:22px;align-items:center}
.t-classic .hd h1{color:#fff}.t-classic .bd{padding:10px 44px 40px}
.t-classic .cs{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:10px;font-size:12px}
.t-classic .hd .ph,.t-classic .hd .ini{flex:none;border:3px solid var(--a)}
/* 3 Minimal */
.t-minimal{padding:44px}
.t-minimal .hd{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-left:6px solid var(--a);padding-left:18px;margin-bottom:8px}
.t-minimal .cs{text-align:right;font-size:12px;color:#556}
.t-minimal .gr{display:grid;grid-template-columns:1fr 210px;gap:34px}
.t-minimal .side{border-left:1px solid #e3e8ef;padding-left:22px}
/* 4 Bold */
.t-bold .hd{background:var(--a);color:#fff;padding:42px 44px 30px;position:relative}
.t-bold .hd:after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:var(--p)}
.t-bold .hd h1{color:#fff;font-size:44px}.t-bold .hd .role{color:var(--p);font-size:17px;font-weight:700}
.t-bold .cs{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:10px;font-size:12px;font-weight:500}
.t-bold .hd .ph,.t-bold .hd .ini{position:absolute;right:44px;top:34px;border:4px solid #fff}
.t-bold .hd .ini{background:var(--p)}
.t-bold .bd{padding:14px 44px 40px}.t-bold h3{border:0;background:var(--p);color:#fff;padding:4px 12px;border-radius:4px}
/* 5 Timeline */
.t-timeline .hd{padding:40px 44px 18px;display:flex;gap:22px;align-items:center;border-top:12px solid var(--p)}
.t-timeline .cs{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:8px;font-size:12px;color:#556}
.t-timeline .bd{padding:0 44px 40px}
.t-timeline .tl{border-left:2px solid var(--a);margin-left:6px;padding-left:20px}
.t-timeline .tl .it{position:relative}
.t-timeline .tl .it:before{content:"";position:absolute;left:-27px;top:5px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--p)}

/* Declaration */
.rb-check{display:flex!important;align-items:center;gap:8px;font-size:.85rem!important;color:var(--tx)!important}
.rb-check input{width:auto!important;margin:0!important}
.paper .dc{margin-top:30px;break-inside:avoid}
.paper .dc .sg{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:22px}
.paper .dc .sgn{text-align:center;min-width:190px}
.paper .dc .sgn img{display:block;max-height:54px;max-width:190px;margin:0 auto 2px}
.paper .dc .sgn .sp{height:40px}
.paper .dc .sgn .ln{border-top:1.5px solid var(--p);padding-top:4px;font-weight:700;color:#1c2a3d}
.paper .dc .sgn small{display:block;color:var(--a);font-weight:600;font-size:11px}
.paper .dc .dt div{margin-bottom:3px}
.paper .dc .dt b{color:var(--p)}
.t-sidebar .dc h3{color:var(--p)}
.rb-foot{background:#00347d;color:#cfdcf2;border-top:5px solid #e36740;margin-top:10px}
.rb-foot-in{max-width:1360px;margin:0 auto;padding:22px 28px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.rb-foot .lg{background:#fff;border-radius:12px;padding:10px 18px;display:flex;align-items:center}
.rb-foot .lg img{height:38px;width:auto;display:block}
.rb-foot .tx{display:flex;flex-direction:column;gap:2px;font-size:.88rem}
.rb-foot .tx b{color:#fff;font:700 1rem Poppins,sans-serif;letter-spacing:.02em}
.rb-foot .tx small{font-size:.74rem;color:#cfdcf2;opacity:.85;letter-spacing:.04em}
.rb-foot .tx b{font-size:1.1rem}
.rb-foot .tx span{color:#f2a285;font-size:.78rem;font-weight:400;opacity:.9}
.rb-foot .cp{margin-left:auto;font-size:.78rem;opacity:.8}
@media print{.rb-foot{display:none}}
/* Responsive + print */
@media (max-width:1000px){.rb-app{grid-template-columns:1fr;padding:14px}.rb-top{padding:12px 16px}}
@media (max-width:480px){.rb-row{grid-template-columns:1fr}.rb-brand{font-size:1.05rem}.rb-brand em{font-size:.6rem}.rb-brand img{height:48px}}
@media print{
  @page{size:A4;margin:0}
  html,body{margin:0!important;padding:0!important;background:#fff!important;height:auto!important}
  .rb-top,.rb-editor,.rb-foot{display:none!important}
  #resumely,.rb-app,.rb-preview,#rbWrap{display:block!important;margin:0!important;padding:0!important;max-width:none!important;background:#fff!important;overflow:visible!important;height:auto!important}
  #rbBox{width:210mm!important;height:auto!important}
  .paper{position:static;transform:none!important;box-shadow:none;width:210mm;min-height:296mm;overflow:visible;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .paper .it{break-inside:avoid}
}



