/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jun 30 2026 | 16:43:16 */
/* ==========================================
   Ghostory Chapter List
========================================== */

:root{

    --ghostory-text:#1f2937;
    --ghostory-secondary:#6b7280;
    --ghostory-border:#e5e7eb;

    --ghostory-button:#334155;
    --ghostory-button-hover:#1e293b;

}

/* Container */

.ghostory-chapter-list{

    margin:35px 0;

}

/* Each Chapter */

.ghostory-chapter-row{

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;

    padding:16px 20px;

    border-bottom:1px solid var(--ghostory-border);

    box-sizing:border-box;

}

/* Left Side */

.chapter-left{

    flex:1;
    min-width:0;

}

.chapter-number{

    font-size:13px;
    color:var(--ghostory-secondary);
    margin-bottom:5px;

}

.chapter-title{

    font-size:18px;
    font-weight:600;
    line-height:1.4;

}

.chapter-title a{

    color:var(--ghostory-text);
    text-decoration:none;

}

.chapter-title a:hover{

    color:var(--ghostory-text);

}

/* Date */

.chapter-date{

    width:170px;

    text-align:center;

    color:var(--ghostory-secondary);

    font-size:14px;

    white-space:nowrap;

}

/* Read Button */

.chapter-read{

    width:95px;

    text-align:right;

}

.chapter-button{

    display:inline-block;

    padding:8px 18px;

    background:var(--ghostory-button);

    color:#fff;

    text-decoration:none;

    border-radius:6px;

    font-size:14px;

    font-weight:600;

    transition:background .2s ease;

}

.chapter-button:hover{

    background:var(--ghostory-button-hover);

    color:#fff;

}

/* ==========================================
   Tablet
========================================== */

@media (max-width:768px){

.ghostory-chapter-row{

    gap:16px;

    padding:14px 18px;

}

.chapter-title{

    font-size:17px;

}

.chapter-number{

    font-size:12px;

}

.chapter-date{

    width:120px;

    font-size:13px;

}

.chapter-read{

    width:80px;

}

.chapter-button{

    padding:7px 14px;

    font-size:13px;

}

}

/* ==========================================
   Mobile
========================================== */

@media (max-width:600px){

.ghostory-chapter-row{

    flex-direction:column;

    align-items:flex-start;

    gap:10px;

    padding:16px;

}

.chapter-left{

    width:100%;

}

.chapter-title{

    font-size:17px;

}

.chapter-number{

    font-size:12px;

}

.chapter-date{

    width:100%;

    text-align:left;

    font-size:13px;

    color:var(--ghostory-secondary);

}

.chapter-read{

    width:100%;

    text-align:left;

}

.chapter-button{

    display:inline-block;

    width:auto;

    padding:8px 18px;

    font-size:13px;

}

}

/* ==========================================
   Very Small Phones
========================================== */

@media (max-width:400px){

.chapter-title{

    font-size:16px;

}

.chapter-button{

    font-size:12px;

    padding:7px 14px;

}

}