/* ==========================================================================
   FACULTY OF LAW - UNIVERSITAS PATTIMURA
   OJS 3.5 CUSTOM CSS

   Version : 1.8
   Updated : 2026-10-31

   TABLE OF CONTENTS

   01. Variables
   02. Layout
   03. Top Bar
   04. Sidebar
   05. Homepage
   06. Article
   07. Article Metadata
   08. Research Metadata
   09. Footer
   10. Mobile
   11. Open Access
   12. Article Share
   13. References
   14. Sticky Primary Navigations
   15. FAQ
   ========================================================================== */


/* ==========================================================================
   01. VARIABLES
   ========================================================================== */

:root {

    --fh-primary: #012b44;
    --fh-primary-light: #0056b3;

    --fh-text: #2d3748;
    --fh-text-muted: #555;

    --fh-bg: #ffffff;
    --fh-hover: #f5f9fc;
    --fh-active: #e8f2ff;

    --fh-border: #d9e2ec;
    --fh-border-light: #edf2f7;

    --fh-radius: .5rem;

    --fh-shadow: 0 2px 8px rgba(0, 0, 0, .05);
    --fh-shadow-hover: 0 4px 14px rgba(0, 0, 0, .08);

}


/* ==========================================================================
   02. LAYOUT
   ========================================================================== */

@media (min-width: 992px) {

    .pkp_structure_sidebar {
        padding-left: 1.5rem;
        box-sizing: border-box;
    }

}


/* ==========================================================================
   03. TOP BAR
   ========================================================================== */

.topbarfh {

    position: relative;
    z-index: 9999;

    padding: .5rem 0;

    background: var(--fh-primary);

    font-size: .82rem;

}

.topbarwrap {

    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;

    gap: .75rem;

    width: min(95%, 1200px);
    margin: 0 auto;

}

.topbar-left {

    display: flex;
    flex-wrap: wrap;
    gap: 1rem;

}

.topbarfh a {

    color: #fff;
    text-decoration: none;
    font-weight: 500;

    transition: opacity .2s ease;

}

.topbarfh a:hover {

    opacity: .8;

}


/* ==========================================================================
   04. SIDEBAR
   ========================================================================== */

/* Sidebar card */

.pkp_structure_sidebar>.pkp_block {

    margin-bottom: 1.25rem;

    background: var(--fh-bg);

    border: 1px solid var(--fh-border);
    border-radius: var(--fh-radius);

    overflow: hidden;

    box-shadow: var(--fh-shadow);

    transition: box-shadow .25s ease;

}

.pkp_structure_sidebar>.pkp_block:hover {

    box-shadow: var(--fh-shadow-hover);

}

/* Nested block */

.pkp_structure_sidebar .pkp_block .pkp_block {

    margin: 0;
    padding: 0;

    border: 0;
    border-radius: 0;

    background: transparent;

    box-shadow: none;

}

/* Screen reader title */

.pkp_structure_sidebar>.pkp_block>.pkp_screen_reader {

    display: none;

}

/* Sidebar title */

.pkp_structure_sidebar .title {

    margin: 0;

    padding: .9rem 1rem;

    background: var(--fh-primary);

    color: #fff;

    font-size: .95rem;
    font-weight: 600;
    line-height: 1.4;

}

/* Sidebar content */

.pkp_structure_sidebar .content {

    margin: 0;
    padding: 0;

    border: 0;

}

.pkp_structure_sidebar ul {

    margin: 0;
    padding: 0;

    list-style: none;

}

.pkp_structure_sidebar li {

    margin: 0;

    border-bottom: 1px solid var(--fh-border-light);

}

.pkp_structure_sidebar li:last-child {

    border-bottom: 0;

}

.pkp_structure_sidebar li a {

    display: flex;
    align-items: center;

    padding: .75rem 1rem;

    color: var(--fh-text);

    text-decoration: none;

    font-size: .95rem;
    line-height: 1.45;

    transition:
        background-color .2s ease,
        color .2s ease;

}

.pkp_structure_sidebar li a::before {

    content: "›";

    display: inline-flex;
    justify-content: center;
    align-items: center;

    width: 18px;
    margin-right: .6rem;

    text-align: center;

    color: var(--fh-primary-light);

    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1;

    flex-shrink: 0;

}

.pkp_structure_sidebar li a:hover {

    background: var(--fh-hover);

    color: var(--fh-primary-light);

}

.pkp_structure_sidebar li.current a,
.pkp_structure_sidebar li a[aria-current="page"] {

    background: var(--fh-active);

    color: var(--fh-primary-light);

    font-weight: 600;

    border-left: 4px solid var(--fh-primary-light);

    padding-left: calc(1rem - 4px);

}

.pkp_structure_sidebar img {

    display: block;

    max-width: 100%;
    height: auto;

    margin: 0 auto;

}


/* ==========================================================================
   05. HOMEPAGE
   ========================================================================== */

.page_index_journal .current_issue .cover img {

    display: block;

    width: 50%;
    max-width: 320px;

    height: auto;

    margin: 0 auto;

}

.page_index_journal .homepage_image {

    margin-bottom: 2rem;

    text-align: center;

}

.page_index_journal .homepage_image img {

    display: inline-block;

    max-width: 500px;
    width: auto;
    height: auto;

}


/* ==========================================================================
   06. ARTICLE
   ========================================================================== */

.obj_article_details .item.abstract {

    text-align: justify;

    text-justify: inter-word;

    hyphens: auto;

}


/* ==========================================================================
   07. ARTICLE METADATA
   ========================================================================== */

.article-meta-extra {

    margin-top: .5rem;

    font-size: .9rem;

    color: var(--fh-text-muted);

}

.doi,
.article-id {

    margin-top: .35rem;

    font-size: .9rem;

}

.obj_article_details .entry_details>.item.published {

    padding-top: .714rem;
    padding-bottom: .714rem;

}

.obj_article_details .entry_details>.item.published>.item.crossmark {

    padding: 0;

}

/* ==========================================================================
   08. RESEARCH METADATA
   ========================================================================== */

.item.crossmark {

    margin-top: .75rem;

}

.item.funding {

    margin-top: 1rem;

}

.dimensions-badge {

    margin-top: 1.25rem;

}

.dimensions-badge .label {

    margin-bottom: .5rem;

    font-size: 1rem;
    font-weight: 600;

}

.dimensions-badge .value {

    display: flex;
    align-items: center;

    margin-top: .5rem;

}

.app_affiliation {

    display: inline-flex;
    align-items: baseline;

    gap: .35rem;

}

/* Author affiliation */

.obj_article_details .authors .affiliation {

    line-height: 1.5;

}

.obj_article_details .authors .affiliation svg {

    width: 13px;
    height: 13px;

    vertical-align: -2px;

}

.obj_article_details .authors .affiliation a,
.obj_article_details .authors .affiliation span {

    vertical-align: baseline;

}

/* ==========================================================================
   CONTENT LINKS
   ========================================================================== */

/* Semua link pada konten halaman (tidak termasuk menu/sidebar) */

.pkp_structure_main a {

    text-decoration: none;

    transition:
        color .2s ease,
        opacity .2s ease;

}

.pkp_structure_main a:hover,
.pkp_structure_main a:focus {

    text-decoration: none;

    color: var(--fh-primary-light);

    opacity: .9;

}


/* ==========================================================================
   09. FOOTER
   ========================================================================== */

.pkp_brand_footer {

    display: none !important;

}

footer a,
.pkp_footer_content a {

    text-decoration: none;

    transition: opacity .2s ease;

}

footer a:hover,
.pkp_footer_content a:hover {

    opacity: .75;

}


/* ==========================================================================
   10. MOBILE
   ========================================================================== */

@media (max-width: 991px) {

    .pkp_structure_sidebar {

        padding-left: 0;

    }

    .journal-open-access {
        display: none !important;
    }

}

@media (max-width: 768px) {

    .topbarwrap {

        flex-direction: column;
        align-items: flex-start;

    }

    .page_index_journal .current_issue .cover img {

        width: 75%;
        max-width: 260px;

    }

    .journal-open-access {
        display: none;
    }

}

/* ==========================================================================
   11. OPEN ACCESS
   ========================================================================== */
/* Article Detail */
.item.open_access {
    text-align: center;
    margin: 10px 0 14px;
}

.oa-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #198754;
    font-size: .95rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition: color .2s ease;
}

.oa-badge img {
    width: 14px;
    height: auto;
    display: block;
    flex-shrink: 0;
}

.oa-badge:hover,
.oa-badge:focus {
    color: #146c43;
    text-decoration: underline;
}


/* ToC / Issue */
.article-oa {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    transform: translateY(2px);
}

.article-oa .oa-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #212529;
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
}

.article-oa .oa-badge img {
    width: 12px;
    height: auto;
    display: block;
}

.article-oa,
.article-oa:hover,
.article-oa * {
    text-decoration: none !important;
}

/* Open Access indicator */
.journal-open-access {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    margin-bottom: 14px;
    font-size: 0.7em;
    font-weight: 400;
    line-height: 1.2;
    color: inherit;
    text-decoration: none;
}

.journal-open-access:hover,
.journal-open-access:focus {
    color: inherit;
    text-decoration: underline;
}

.journal-open-access img {
    width: 16px;
    height: auto;
    flex-shrink: 0;
    display: block;
}

.journal-open-access span {
    color: inherit;
}

/* ==========================================================================
   12. ARTICLE SHARE
   ========================================================================== */

/*
 * Article sharing component
 *
 * The markup is inserted in article_details.tpl immediately after DOI.
 *
 * UI actions:
 * - Native Web Share
 * - Copy Link
 * - WhatsApp
 * - Facebook
 * - X
 * - Threads
 * - LinkedIn
 * - Reddit
 * - Email
 *
 * Brand icons use inline SVG with currentColor.
 * No external icon library or CDN is required.
 */


/* --------------------------------------------------------------------------
   Share container
   -------------------------------------------------------------------------- */

.obj_article_details .main_entry .item.article-share {

    /*
     * OJS Default Theme applies vertical padding to every .item.
     * DOI is immediately followed by Share, so the default DOI
     * bottom padding is removed and Share receives controlled spacing.
     */

    margin-top: 0;
    margin-bottom: 0;

    padding-top: .65rem;
    padding-bottom: .75rem;

}

.article-share-wrapper {

    position: relative;

    display: inline-block;

    margin: 0;

}


/* --------------------------------------------------------------------------
   Main Share button
   -------------------------------------------------------------------------- */

.article-share-button {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: .45rem;

    min-height: 38px;

    margin: 0;
    padding: .45rem .8rem;

    border: 1px solid var(--fh-border);
    border-radius: var(--fh-radius);

    background: var(--fh-bg);
    color: var(--fh-text);

    font: inherit;
    font-size: .9rem;
    font-weight: 600;

    line-height: 1.25;

    cursor: pointer;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease,
        box-shadow .2s ease;

}

.article-share-button:hover,
.article-share-button:focus-visible {

    background: var(--fh-hover);

    border-color: var(--fh-primary-light);

    color: var(--fh-primary-light);

    outline: none;

    box-shadow:
        0 0 0 2px rgba(0, 86, 179, .12);

}

.article-share-button[aria-expanded="true"] {

    background: var(--fh-hover);

    border-color: var(--fh-primary-light);

    color: var(--fh-primary-light);

}


/* Main Share icon */

.article-share-button svg {

    display: block;

    width: 17px;
    height: 17px;

    flex: 0 0 17px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;

}


/* --------------------------------------------------------------------------
   Share menu
   -------------------------------------------------------------------------- */

.article-share-menu {

    position: absolute;

    z-index: 1000;

    top: calc(100% + .45rem);
    left: 0;

    width: 220px;
    max-width: calc(100vw - 2rem);

    padding: .3rem;

    border: 1px solid var(--fh-border);

    border-radius: var(--fh-radius);

    background: var(--fh-bg);

    box-shadow: var(--fh-shadow-hover);

}


/*
 * Keep the native HTML hidden attribute authoritative.
 */

.article-share-menu[hidden] {

    display: none;

}


/* --------------------------------------------------------------------------
   Individual share item
   -------------------------------------------------------------------------- */

.article-share-item {

    display: flex;

    align-items: center;

    width: 100%;

    min-height: 38px;

    gap: .7rem;

    margin: 0;

    padding: .48rem .65rem;

    box-sizing: border-box;

    border: 0;

    border-radius: .35rem;

    background: transparent;

    color: var(--fh-text);

    font: inherit;

    font-size: .9rem;

    line-height: 1.3;

    text-align: left;

    text-decoration: none;

    cursor: pointer;

    transition:
        background-color .15s ease,
        color .15s ease;

}

.article-share-item:hover,
.article-share-item:focus-visible {

    background: var(--fh-hover);

    color: var(--fh-primary-light);

    outline: none;

    text-decoration: none;

}


/*
 * Keep the share component isolated from the global
 * .pkp_structure_main a rules.
 */

.pkp_structure_main .article-share-item {

    text-decoration: none;

}

.pkp_structure_main .article-share-item:hover,
.pkp_structure_main .article-share-item:focus {

    text-decoration: none;

}


/* --------------------------------------------------------------------------
   Share item icons
   -------------------------------------------------------------------------- */

/*
 * Functional/UI icons:
 * Share, Copy Link, Email
 */

.article-share-item>svg {

    display: block;

    width: 19px;
    height: 19px;

    flex: 0 0 19px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;

}


/*
 * Brand icons:
 * WhatsApp, Facebook, X, Threads, LinkedIn, Reddit
 *
 * These are filled logos, not outline icons.
 */

.article-share-item>svg.brand-icon {

    fill: currentColor;

    stroke: none;

}


/* Label */

.article-share-item>span {

    min-width: 0;

    line-height: 1.35;

}


/* --------------------------------------------------------------------------
   Native Web Share
   -------------------------------------------------------------------------- */

.article-share-native[hidden] {

    display: none;

}


/*
 * Add a separator only when Native Share is actually visible.
 *
 * When nativeButton is hidden, Copy Link should remain the first
 * ordinary item without an artificial separator.
 */

.article-share-native:not([hidden])+.article-share-copy {

    margin-top: .2rem;

    padding-top: .65rem;

    border-top: 1px solid var(--fh-border-light);

}


/*
 * When Native Share is unavailable, Copy Link has normal spacing.
 */

.article-share-native[hidden]+.article-share-copy {

    margin-top: 0;

    padding-top: .48rem;

    border-top: 0;

}


/* --------------------------------------------------------------------------
   Copy feedback
   -------------------------------------------------------------------------- */

.article-share-copy-label.copied {

    font-weight: 600;

}


/* --------------------------------------------------------------------------
   Mobile
   -------------------------------------------------------------------------- */

@media (max-width: 768px) {

    .article-share-menu {

        width: min(220px, calc(100vw - 2rem));

    }

    .article-share-button {

        min-height: 40px;

    }

}


/* Very narrow screens */

@media (max-width: 380px) {

    .article-share-menu {

        position: fixed;

        top: 50%;
        left: 50%;

        width: min(290px, calc(100vw - 2rem));

        transform: translate(-50%, -50%);

    }

}


/* ==========================================================================
   13. REFERENCES
   ========================================================================== */



.item.references .value p,
.item.references .value a {
    overflow-wrap: anywhere;
    word-break: break-word;
    word-wrap: break-word;
}


/* ==========================================================================
   14. STICKY PRIMARY NAVIGATION
   ========================================================================== */

@media (min-width: 992px) {

    #navigationPrimary.fh-primary-nav--sticky {

        position: fixed;

        top: 0;

        z-index: 10001;

    }

    #navigationPrimary.fh-primary-nav--sticky>li>a,
    #navigationPrimary.fh-primary-nav--sticky>li>button {

        position: relative;

    }


}

/* ==========================================================================
   FAQ
   ========================================================================== */

#sasi-faq {

    --sasi-faq-primary: #174a7e;
    --sasi-faq-primary-dark: #10385f;
    --sasi-faq-primary-light: #286493;

    --sasi-faq-soft: #f2f6fa;
    --sasi-faq-hover: #eaf1f7;

    --sasi-faq-text: #263442;
    --sasi-faq-muted: #667482;

    --sasi-faq-border: #d8e1ea;

    color: var(--sasi-faq-text);
    background: #ffffff;

    font-family: inherit;
    line-height: 1.7;

    max-width: 1180px;
    margin: 0 auto;
    padding: 0 0 2.5rem;

}

#sasi-faq *,
#sasi-faq *::before,
#sasi-faq *::after {
    box-sizing: border-box;
}


/* --------------------------------------------------------------------------
   15.1 HERO SECTION
   -------------------------------------------------------------------------- */

#sasi-faq .faq-hero {

    position: relative;
    overflow: hidden;

    margin: 1rem 0 1.4rem;
    padding: clamp(2rem, 5vw, 3.6rem);

    border-radius: 14px;

    color: #ffffff;

    background: linear-gradient(115deg,
            #10385f 0%,
            #174a7e 62%,
            #286493 100%);

}

#sasi-faq .faq-hero::after {

    content: "SASI";

    position: absolute;

    right: 4%;
    bottom: -2.8rem;

    color: rgba(255, 255, 255, .07);

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(6rem, 18vw, 13rem);
    font-weight: 700;

    line-height: 1;

    pointer-events: none;

}

#sasi-faq .eyebrow {

    position: relative;
    z-index: 1;

    color: #d9e8f5;

    font-size: .75rem;
    font-weight: 700;

    letter-spacing: .14em;
    text-transform: uppercase;

}

#sasi-faq h1,
#sasi-faq h2 {

    font-family: Georgia, "Times New Roman", serif;
    line-height: 1.3;

}

#sasi-faq .faq-hero h1 {

    position: relative;
    z-index: 1;

    margin: .45rem 0 .65rem;

    color: #ffffff;

    font-size: clamp(2rem, 5vw, 2.9rem);

}

#sasi-faq .hero-copy {

    position: relative;
    z-index: 1;

    max-width: 720px;

    margin: 0;

    color: #f2f7fb;

    font-size: 1rem;

}


/* --------------------------------------------------------------------------
   15.2 FAQ INTRODUCTION
   -------------------------------------------------------------------------- */

#sasi-faq .faq-intro {

    margin: 0 0 1rem;

    color: var(--sasi-faq-muted);

    font-size: .9rem;

}


/* --------------------------------------------------------------------------
   15.3 MAIN LAYOUT
   -------------------------------------------------------------------------- */

#sasi-faq .faq-layout {

    display: grid;

    grid-template-columns: 250px minmax(0, 1fr);

    gap: 1.25rem;

    align-items: start;

}

#sasi-faq .faq-sidebar {

    position: sticky;
    top: 1rem;

    padding: 1rem;

    border: 1px solid var(--sasi-faq-border);
    border-radius: 12px;

    background: #ffffff;

    box-shadow: 0 3px 14px rgba(20, 55, 85, .05);

}

#sasi-faq .sidebar-title {

    margin: 0 0 .8rem;

    color: var(--sasi-faq-primary-dark);

    font-size: 1.1rem;

}


/* --------------------------------------------------------------------------
   15.4 CATEGORY NAVIGATION
   -------------------------------------------------------------------------- */

#sasi-faq .category-nav {

    display: grid;

    gap: .25rem;

}

#sasi-faq .category-nav a {

    display: flex;

    align-items: center;

    gap: .6rem;

    padding: .55rem .6rem;

    border-radius: 7px;

    color: var(--sasi-faq-text);

    font-size: .84rem;
    line-height: 1.4;

    text-decoration: none;

    transition:
        background-color .2s ease,
        color .2s ease;

}

#sasi-faq .category-nav a:hover,
#sasi-faq .category-nav a:focus {

    color: var(--sasi-faq-primary);

    background: var(--sasi-faq-hover);

}

#sasi-faq .nav-number {

    min-width: 1.5rem;

    color: var(--sasi-faq-primary);

    font-weight: 700;

}


/* --------------------------------------------------------------------------
   15.5 SIDEBAR CONTACT BOX
   -------------------------------------------------------------------------- */

#sasi-faq .sidebar-note {

    margin-top: 1rem;

    padding: .85rem;

    border-radius: 8px;

    background: var(--sasi-faq-soft);

    color: var(--sasi-faq-muted);

    font-size: .8rem;

}

#sasi-faq .sidebar-note strong {

    display: block;

    margin-bottom: .25rem;

    color: var(--sasi-faq-primary-dark);

}


/* --------------------------------------------------------------------------
   15.6 FAQ CATEGORY CARD
   -------------------------------------------------------------------------- */

#sasi-faq .faq-category {

    scroll-margin-top: 1rem;

    overflow: hidden;

    margin: 0 0 1rem;

    border: 1px solid var(--sasi-faq-border);
    border-radius: 11px;

    background: #ffffff;

    box-shadow: 0 3px 12px rgba(20, 55, 85, .035);

}


/* Category heading */

#sasi-faq .category-heading {

    display: flex;

    align-items: center;

    gap: .85rem;

    padding: 1rem 1.1rem;

    border-bottom: 1px solid var(--sasi-faq-border);

    background: linear-gradient(100deg,
            #f2f6fa,
            #ffffff);

}

#sasi-faq .category-icon {

    display: grid;

    flex: 0 0 38px;

    width: 38px;
    height: 38px;

    place-items: center;

    border-radius: 9px;

    background: var(--sasi-faq-primary);

    color: #ffffff;

    font-weight: 700;

}

#sasi-faq .category-heading h2 {

    margin: 0;

    color: var(--sasi-faq-primary-dark);

    font-size: 1.2rem;

}

#sasi-faq .category-heading p {

    margin: .15rem 0 0;

    color: var(--sasi-faq-muted);

    font-size: .78rem;

}


/* --------------------------------------------------------------------------
   15.7 FAQ ACCORDION
   Native HTML <details> and <summary>
   -------------------------------------------------------------------------- */

#sasi-faq details.faq-item {

    margin: 0;

    border-bottom: 1px solid #edf1f5;

}

#sasi-faq details.faq-item:last-child {

    border-bottom: 0;

}

#sasi-faq details.faq-item summary {

    display: flex;

    align-items: center;

    gap: .8rem;

    padding: .9rem 1.1rem;

    color: #303d49;

    font-size: .9rem;
    font-weight: 700;

    line-height: 1.5;

    cursor: pointer;

    list-style: none;

}


/* Remove default browser marker */

#sasi-faq details.faq-item summary::-webkit-details-marker {

    display: none;

}


/* Custom arrow */

#sasi-faq details.faq-item summary::before {

    content: "";

    flex: 0 0 8px;

    width: 8px;
    height: 8px;

    margin-right: .15rem;

    border-right: 2px solid var(--sasi-faq-primary);
    border-bottom: 2px solid var(--sasi-faq-primary);

    transform: rotate(-45deg);

    transition: transform .2s ease;

}


/* Arrow when answer is open */

#sasi-faq details.faq-item[open] summary::before {

    transform: rotate(45deg);

}

#sasi-faq details.faq-item summary:hover,
#sasi-faq details.faq-item summary:focus {

    color: var(--sasi-faq-primary);

    background: #f8fbfd;

}


/* --------------------------------------------------------------------------
   15.8 FAQ ANSWER
   -------------------------------------------------------------------------- */

#sasi-faq .faq-answer {

    padding: 0 1.25rem 1.1rem 2.75rem;

    color: #4d5964;

    font-size: .88rem;

}

#sasi-faq .faq-answer p {

    margin: 0 0 .65rem;

}

#sasi-faq .faq-answer ul,
#sasi-faq .faq-answer ol {

    margin: .45rem 0 .7rem;

    padding-left: 1.3rem;

}

#sasi-faq .faq-answer li {

    margin: .25rem 0;

}


/* Related policy links */

#sasi-faq .policy-link {

    display: inline-block;

    margin-top: .2rem;

    color: var(--sasi-faq-primary);

    font-size: .78rem;
    font-weight: 700;

}

#sasi-faq .policy-link:hover {

    color: var(--sasi-faq-primary-dark);

}


/* Information not explicitly specified in policy */

#sasi-faq .not-specified {

    padding: .7rem .85rem;

    border-left: 3px solid #b99a70;

    background: #fbf8f2;

    color: #5f5548;

}


/* --------------------------------------------------------------------------
   15.9 FAQ FOOTER NOTE
   -------------------------------------------------------------------------- */

#sasi-faq .faq-footer-note {

    margin-top: 1.2rem;

    padding: 1rem 1.1rem;

    border-radius: 9px;

    background: var(--sasi-faq-soft);

    color: var(--sasi-faq-muted);

    font-size: .82rem;

}


/* --------------------------------------------------------------------------
   15.10 TABLET RESPONSIVE
   -------------------------------------------------------------------------- */

@media (max-width: 900px) {

    #sasi-faq .faq-layout {

        grid-template-columns: 1fr;

    }

    #sasi-faq .faq-sidebar {

        position: static;

    }

    #sasi-faq .category-nav {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }

}


/* --------------------------------------------------------------------------
   15.11 MOBILE RESPONSIVE
   -------------------------------------------------------------------------- */

@media (max-width: 560px) {

    #sasi-faq {

        padding-bottom: 1.5rem;

    }

    #sasi-faq .faq-hero {

        padding: 1.7rem 1.2rem;

        border-radius: 10px;

    }

    #sasi-faq .category-nav {

        grid-template-columns: 1fr;

    }

    #sasi-faq .category-heading {

        padding: .85rem;

    }

    #sasi-faq .category-heading h2 {

        font-size: 1.05rem;

    }

    #sasi-faq details.faq-item summary {

        padding: .8rem .85rem;

        font-size: .84rem;

    }

    #sasi-faq .faq-answer {

        padding: 0 .9rem .95rem 2.2rem;

        font-size: .83rem;

    }

}


/* --------------------------------------------------------------------------
   15.12 ACCESSIBILITY
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

    #sasi-faq *,
    #sasi-faq *::before,
    #sasi-faq *::after {

        transition: none !important;

    }

}