/* Fix JA Purity IV article centering */
.item-page .container,
.item-page .container p,
.com-content-article .container,
.com-content-article .container p,
.com-content-article .container div,
.blog .container p,
.blog .container div {
    text-align: left !important;
}

/* Fix excessive left margin/padding */
.item-page .container,
.com-content-article .container,
.blog .container {
    padding-left: 0 !important;
    margin-left: 0 !important;
    max-width: 100% !important;
}

/* Fix tags list alignment and position */
.tags-list,
.article-tags,
ul.tags,
.item-page .tags-list,
.com-content-article .tags-list {
    text-align: left !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}

.tags-list li,
.article-tags li,
ul.tags li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.tags-list li a,
.article-tags li a,
ul.tags li a {
    display: inline-block !important;
    padding: 3px 10px !important;
    border: 1px solid #ccc !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    text-decoration: none !important;
}

/* 1. Structural Capsule Framework */
.google-style-search {
    max-width: 650px !important;
    margin: 50px auto !important;
    padding: 0 15px !important;
    display: block !important;
}

/* 2. Strip Bootstrap display blocks and force inline alignment */
.google-style-search form, 
.google-style-search .finder,
.google-style-search .js-finder-searchform {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    background: #ffffff !important;
    border: 1px solid #dfe1e5 !important;
    box-shadow: 0 1px 6px rgba(32,33,36,0.1) !important;
    border-radius: 24px !important;
    padding: 4px 16px !important;
    height: auto !important;
}

/* 3. Neutralize structural layout grid columns */
.google-style-search [class*="col-"],
.google-style-search .input-group,
.google-style-search .form-group {
    display: flex !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* 4. Complete wipe of internal text field shapes and boundaries */
.google-style-search input, 
.google-style-search input[type="text"], 
.google-style-search input[type="search"],
.google-style-search .mod-finder__search-input,
.google-style-search .form-control {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    width: 100% !important;
    font-size: 16px !important;
    padding: 10px 5px !important;
    margin: 0 !important;
    height: auto !important;
    order: 1 !important; /* Locks text container to left edge */
}

/* 5. Isolate and strip search button framework boxes */
.google-style-search button, 
.google-style-search .btn,
.google-style-search .mod-finder__search-btn,
.google-style-search .input-group-btn {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    color: #4285f4 !important; /* Google accent blue color */
    font-weight: bold !important;
    cursor: pointer !important;
    padding: 0 5px 0 12px !important;
    margin: 0 !important;
    height: auto !important;
    width: auto !important;
    order: 2 !important; /* Locks button to right edge */
    white-space: nowrap !important;
}