@import url('https://fonts.googleapis.com');
body{
    font-family: 'Geist', serif, mono;
    margin:0 9px 0 9px;
    font-size:15px; /*default font size*/
    color: #5f5e5b; /*default font color*/
    /*height:100%;*/
    overflow: hidden;
}
.box {
    display: flex; /* Enables Flexbox */

}
.col {
    box-sizing: border-box; /* Includes padding and border in the element's total width */


}

.col_nav_mai {
    /*background-color:#e9eef6;  possible from notion: f9f8f7, from openai top right corner:f5f5f5*/

    padding-right:9px;
    display:flex;
    flex-direction: column;
    height:100vh;
    border-right:1px solid #eeeeec;

}

.col_nav_sub {
    /* Takes up 2 parts of available space, twice as wide as column-one */
    /* Or a fixed width: width: 400px; */

    display:flex;
    flex-direction: column;
    height:100vh;
    padding-left:15px;

    /*wechat: d5d5d5,  proposed by openai: e1e1e1, or e3e3e3; border in notion: eeeeec*/
}

.col_con {
    display:flex;

    flex-grow:1;

    justify-content: center;

}

.col_con_lef {


}

.col_con_mid{

    height:100vh;
    border-left: 1px solid #eeeeec;
    border-right: 1px solid #eeeeec;

    width:700px;

    display: flex;
    flex-direction: column;


}

.col_con_rig{

}

.col div{
    padding-top: 9px;
}
.col .top_ite{
    padding-top:0;

}

.col .men_ite_lev_2{
    padding-left:9px;

}

.bot{
    margin-top:auto;

}


.men_ite_cur{
    color: #c15a57;

}

.nav_row{
    padding-left:9px;
    padding-right:9px;


}

.nav_row_item{
    padding-left:15px;

}
.nav_row_item_rig{
    padding-right:0;

}

.xt_hor_nav{
    padding-left:9px;

}

.nav_row ul {
    list-style-type: none; /* Remove bullets */
    margin: 0;
    padding: 0;

    display: flex; /* Horizontal layout */
}
.nav_row li a {
    padding-left:30px;
    display: block;
    text-decoration: none; /* Remove underline */
    color: #5f5e5b;
}

.nav_row li a.left_most {
    padding-left:0px;

}

.nav_row li a.item_cur {
    color: #c15a57;

}


.pad_left{
    padding-left:0;

}


.cv_box{
    border:0px solid red;
    padding-left:9px;
    padding-right:9px;
    overflow-y: auto;


    min-height: 0;
    flex:1;
    padding-bottom: 30px;



}





.cv_row{
    display: flex;
    padding-top:20px;

    width:100%;
    gap:70px;
}

.cv_row_les_spa{
   padding-top:5px;
}

.cv_row_hal{
    display: flex;
    gap: 9px;
}


.cv_col{
    width:100%;
    overflow:hidden;
    box-sizing: border-box;
}

.cv_col_hal{
    overflow:hidden;
    box-sizing: border-box;

    width:100%;
}


.cv_edu_deg{


}


.cv_box input {
    width:100%;
    box-sizing: border-box;
}

.cv_box select{
    width:100%;
    box-sizing: border-box;
}

.cv_box textarea {
    width:100%;
    box-sizing: border-box;
}

a.del_cv_row{
    float: right;
    color: #c15a57;

}

textarea {
    text-align: left;
}

/*print css beg*/
/* Final CV Template Styles */
/* PDF Print Template - Hidden from UI */
/* Container for the CV - Hidden by default until generation */


/* Container for each entry (Work/Edu) */
/* Container for each entry (Work/Edu) */
.p-entry {
    margin-bottom: 18px; /* Slightly more space for the new multi-line layout */
    display: flow-root;
    page-break-inside: avoid;
}

/* Header Row: Job Title on Left, Date on Right */
.p-header {
    width: 100%;
    margin-bottom: 2px;
}

.p-title {
    float: left;
    font-weight: bold;
    font-size: 11pt;
    /* --- The Long Title Fix --- */
    max-width: 75%;       /* Leaves 25% of the width for the date */
    padding-right: 15px;  /* Ensures title text doesn't touch the date */
    line-height: 1.3;     /* Keeps wrapped lines tightly grouped */
}

.p-date {
    float: right;
    text-align: right;
    font-weight: normal;
    color: #666;
    font-size: 10pt;
    white-space: nowrap;  /* Ensures the date NEVER breaks into two lines */
}

/* Second Row: Company/School Name */
.p-company, .p-sub {
    clear: both; /* Ensures it drops below the Title/Date row */
    display: block;
    font-size: 10.5pt;
    font-style: italic; /* Professional distinction from the Title */
    color: #555;
    margin-bottom: 4px;
}

/* Description styling */
.p-desc {
    clear: both;
    display: block;
    font-size: 10pt;
    color: #444;
    margin-top: 4px;
    line-height: 1.5;
    white-space: pre-line;

    /* --- The Magic Alignment --- */
    padding-left: 1.5em;      /* Pushes the whole block to the right */
    text-indent: -1.2em;      /* Pulls ONLY the dash (-) back to the left */
}



/* Keep your section headers and salary as they are—they look great! */
section h2 {
    font-size: 14pt;
    font-weight: 700;
    color: #2c3e50;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-top: 25px;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

#p_salary {
    font-style: italic;
    color: #777;
    font-size: 10pt;
    margin-top: 5px;
}


/* Container for all list sections */
.p-list-container {
    margin-top: 5px;
    padding-left: 0; /* Align perfectly with the left margin */
}

/* The actual bullet item used in ALL sections */
/* Use this for EVERYTHING: Work, Certs, and Pubs */
.p-bullet-item {
    position: relative;
    padding-left: 18px; /* Control the gap between dot and text here */
    font-size: 10pt;
    color: #444;
    line-height: 1.5;
    margin-bottom: 4px;
    list-style: none;
    display: block;
}

.p-bullet-item::before {
    content: "•"; /* The dot */
    position: absolute;
    left: 0;      /* Keeps the dot at the far left edge */
    color: #666;
    font-weight: bold;
}
/* Specifically reset indentation for certificate descriptions */
#p_list_cert .p-desc {
    padding-left: 0 !important;
    text-indent: 0 !important;
    margin-top: 2px;
    color: #666;
    font-size: 9.5pt;
}





/*print css end*/