body.apibase

{

    background:#f5f6f8;

}

.site-wrapper

{

    max-width: 1320px;

    margin: 0 auto;

}



.card

{

    border:1px solid #e5e7eb;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.card-body

{

    padding: 2rem 2.25rem;

}



.card h1

{

    margin-bottom: 1.5rem;

}

/* ===============================

   APIBASE 5.0 — Documentation

=============================== */



.hero

{

    margin-top:40px;

}



/* ===============================

   Layout

=============================== */



.doc-wrapper

{

    max-width:960px;

    margin:0 auto;

    padding:0 20px;

}



.doc-text

{

    max-width:680px;

    line-height:1.75;

    font-size:1.05rem;

}



/* ===============================

   Hero

=============================== */



.doc-hero

{

    margin-bottom:4rem;

}



.doc-hero h1

{

    font-size:2.6rem;

    font-weight:700;

    letter-spacing:-0.02em;

    margin-bottom:1rem;

}



.doc-subtitle

{

    font-size:1.15rem;

    color:#6c757d;

}



.doc-tagline

{

    margin-top:0.5rem;

    color:#198754;

    font-weight:600;

}



/* ===============================

   Sections

=============================== */



.doc-section

{

    margin-bottom:4rem;

}



.doc-section h2

{

    font-size:1.7rem;

    font-weight:650;

    margin-bottom:1.6rem;

    border-bottom:1px solid #dee2e6;

    padding-bottom:0.6rem;

}



.doc-section h3

{

    margin-top:2.2rem;

    margin-bottom:1rem;

    font-size:1.25rem;

    font-weight:600;

}



.doc-section p

{

    margin-bottom:1.2rem;

}



.doc-section ul

{

    margin-bottom:1.6rem;

    padding-left:1.3rem;

}



.doc-section li

{

    margin-bottom:0.45rem;

}



/* ===============================

   Code blocks

=============================== */



.doc-code

{

    background:#f8f9fa;

    border:1px solid #e2e6ea;

    padding:1.25rem;

    border-radius:8px;

    font-family:

        ui-monospace,

        SFMono-Regular,

        Menlo,

        Monaco,

        Consolas,

        "Liberation Mono",

        monospace;

    font-size:0.9rem;

    line-height:1.6;

    overflow-x:auto;

}



/* Inline code */



code

{

    background:#f1f3f5;

    padding:0.15rem 0.35rem;

    border-radius:4px;

    font-family:

        ui-monospace,

        SFMono-Regular,

        Menlo,

        Monaco,

        Consolas,

        monospace;

    font-size:0.9em;

}



.doc-section .col-md-4

{

    margin-bottom:1rem;

}



.doc-lead

{

    font-size:1.2rem;

    color:#6c757d;

    max-width:720px;

}



/* ===============================

   Notes

=============================== */



.doc-note

{

    background:#e9f7ef;

    border-left:4px solid #198754;

    padding:1rem 1.2rem;

    border-radius:5px;

    margin:1.8rem 0;

}



/* ===============================

   Illustrations

=============================== */



.doc-illustration

{

    max-width:820px;

    width:100%;

    display:block;

    margin:45px auto;

}



/* ===============================

   Footer

=============================== */



.doc-footer

{

    margin-top:4rem;

    padding-top:2rem;

    border-top:1px solid #dee2e6;

    font-style:italic;

    color:#6c757d;

}



.doc-highlight

{

    background:#f6f8fa;

    border:1px solid #e2e6ea;

    padding:1.3rem 1.4rem;

    border-radius:8px;

    margin:1.8rem 0;

    font-size:0.98rem;

}



.doc-section p

{

    margin-bottom:1.2rem;

}



.doc-section p

{

    margin-bottom:1.35rem;

}





.doc-feature

{

    background:#ffffff;

    border:1px solid #e5e7eb;

    border-radius:10px;

    padding:1.4rem 1.6rem;

    height:100%;

}



.doc-feature h5

{

    margin-bottom:0.5rem;

}

/* ===============================

   Minor titles

=============================== */



h5

{

    font-weight:600;

}



/* ===============================

   Better readability

=============================== */

.doc-lead

{

    font-size:1.15rem;

    color:#495057;

    margin-bottom:1.8rem;

}

.doc-section p + h3

{

    margin-top:2.5rem;

}



.doc-section p + ul

{

    margin-top:-0.4rem;

}



.doc-card-grid

{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:16px;

margin:25px 0;

}



.doc-card

{

border:1px solid #e5e7eb;

border-radius:10px;

padding:16px;

background:#fafafa;

text-align:center;

}



.doc-card-title

{

font-size:22px;

font-weight:700;

margin-bottom:8px;

color:#198754;

}



.doc-card-body

{

font-size:13px;

color:#6c757d;

margin-bottom:10px;

}



.doc-center-example

{

text-align:center;

margin-top:20px;

font-weight:600;

}



.form-control

{

    min-height: 44px;

}



textarea.form-control

{

    height: auto;

}



#basePreview

{

    background: #f1f3f5;

    padding: 4px 8px;

    border-radius: 6px;

    font-family: monospace;

}



.alert-secondary

{

    background: #f8f9fa;

    border: 1px solid #e9ecef;

    border-radius: 10px;

}



.doc-title-icon

{

    width:42px;

    height:42px;

    flex-shrink:0;

}



.nowrap

{

    white-space: nowrap;

}



.doc-card-grid-tlc

{

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 16px;

    margin: 25px 0;

}



.doc-card-grid-tlc .doc-card:nth-child(4)

{

    grid-column: 1 / 2;

}



.doc-card-grid-tlc .doc-card:nth-child(5)

{

    grid-column: 2 / 3;

}



.topnav {

  background-color: #000;

  overflow: hidden;

}



.topnav a {

  color: #fff;

  padding: 14px 20px;

  display: inline-block;

  text-decoration: none;

}



.topnav a:hover {

  background-color: #444;

  color: #fff;

}



.topnav a.active {

  background-color: #555;

  color: #fff;

}



.footer-links a {

  color: #000;

  text-decoration: none;

  padding: 4px 6px;

  border-radius: 3px;

  transition: background-color 0.2s ease;

  white-space: nowrap;

}



.footer-links a:hover {

  background-color: #eee;

}



.footer-links a.active {

  text-decoration: underline;

  font-weight: bold;

}



/*.form-control::placeholder {

	color: #212529;

	opacity: 1;

}*/