/* ==========================================================================
GOWUKAKU v2.9 — Site-Wide De-Bordered Editorial Surface System (v29-flat.css)
Loaded last in app/itjp/view/layout.html; removing its cleanly rolls back.
Hierarchy is expressed via subtle surface fills + whitespace, zero card/pill
borders, zero thick accent bars, zero decorative shadows.
========================================================================== */
/* --------------------------------------------------------------------------
1. GLOBAL HEADER, FOOTER, MAIN SHEETS & SIDEBAR STACKS (ZERO OUTER BORDERS)
-------------------------------------------------------------------------- */
html {
overflow-y: scroll;
}
body {
background-color: #f4f6f9 !important;
}
.gw-site-header,
.promotion,
footer,
footer.gw-site-footer,
.gw-footer-grid,
.gw-footer-heading,
.gw-footer-more-link {
border-color: transparent !important;
border-width: 0 !important;
box-shadow: none !important;
}
.gw-logo-tagline {
border-left: 0 !important;
padding-left: 8px !important;
}
.gw-cart-icon-link,
.gw-account-dropdown {
border: 0 !important;
box-shadow: none !important;
background: #f1f3f4 !important;
transition: background-color 0.15s ease, color 0.15s ease !important;
}
.gw-cart-icon-link:hover,
.gw-cart-icon-link.is-active {
background: #fce8e6 !important;
color: #a50e0e !important;
}
.gw-account-dropdown:hover {
background: #e8ecf2 !important;
}
.gw-account-menu,
.search-area .categories-filter .dropdown-menu,
.search-area1 .categories-filter .dropdown-menu {
border: 0 !important;
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08) !important;
}
footer,
footer.gw-site-footer {
background: #eef1f5 !important;
}
.gw-footer-contact-box {
border: 0 !important;
background: #ffffff !important;
}
@media screen and (max-width: 991px) {
.sf-header,
.global-nav.sf-header,
.gw-mobile-nav {
background: #ffffff !important;
border: 0 !important;
box-shadow: none !important;
}
.bottom-nav {
border: 0 !important;
box-shadow: none !important;
}
#menu,
#menu.leftMenu {
z-index: 10050 !important;
}
#menu .f1 {
padding-bottom: 88px !important;
}
}
.leftMenu,
.gw-drawer-top,
.gw-drawer-search,
.left-menu,
.gw-drawer-sublinks,
.gw-drawer-close {
border: 0 !important;
box-shadow: none !important;
}
.gw-drawer-close {
background: #f1f5f9 !important;
}
/* Primary White Editorial Sheets on Warm Washi (#f5f5f2) Canvas */
section.main > .container:not(.gw-split-stage),
.gw-main-sheet,
.gw-single-sheet,
.gw-side-card,
.gw-auth-card,
.gw-policy-card {
border: 0 !important;
box-shadow: none !important;
}
/* Remove ALL Thick Colored Top / Left Accent Bars Site-Wide */
.gw-side-purchase-card,
.gw-side-support-card,
.gw-sitemap-hero-card,
.gw-sticky-dock-card,
.gw-editorial-sample-box,
#gw-editorial-quality-sample,
.gw-v2-lineage-strip,
.gw-v23-track-table tr.is-current td:first-child,
.gw-hero-decision-notice,
.gw-hero-decision-notice.is-l3-archive,
.gw-article-exam-box,
.gw-policy-prose .policy-article h2,
.gw-policy-callout,
.gw-multi-exam-alert {
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 0 !important;
box-shadow: none !important;
}
.gw-policy-prose .policy-article h2 {
padding-left: 0 !important;
}
/* Sticky Purchase Dock & Mobile Sticky Bar: Pure Surface Separation */
.gw-sticky-dock-card {
background: #ffffff !important;
}
.gw-sticky-sub-actions {
border-top: 0 !important;
padding-top: 4px !important;
}
@media screen and (max-width: 991px) {
.gw-mobile-sticky-bar {
border-top: 0 !important;
box-shadow: none !important;
background: rgba(248, 250, 252, 0.97) !important;
}
}
/* --------------------------------------------------------------------------
2. PILLS, BADGES, TAGS, FILTER CHIPS & INLINE CODE (ITEM 5b)
-------------------------------------------------------------------------- */
.gw-kicker-brand,
.gw-kicker-code,
.gw-kicker-status,
.gw-home-quick-tags a,
.gw-hv-cnt,
.gw-subvendor-pill,
.gw-hc-vendor,
.gw-hec-badge,
.gw-hec-practice,
.gw-cert-chip,
.gw-cert-chip-more,
.gw-cert-chip-toggle,
.gw-exam-code-pill,
.gw-exam-meta-tag,
.gw-side-pin-chip,
.gw-vendor-pill,
.gw-az-item,
.gw-az-bar a,
.gw-topic-pill,
.gw-study-col-topic-pill,
.gw-sib-track-tag,
.gw-sib-level-pill,
.gw-roadmap-code-pill,
.gw-v2-pitfall-tag,
.gw-v2-tierc-badge,
.gw-v23-old-chip,
.gw-v23-cur-chip,
.gw-v23-ver-chip,
.gw-v23-json-pill,
.gw-v23-file-chip,
.gw-v23-stage-tag,
.gw-v23-spec-badge,
.gw-corpus-scope,
.gw-corpus-freq-chip,
.gw-pdf-chrome-pill,
.gw-pdf-sheet-tag,
.gw-pdf-mock-qbadge,
.gw-pdf-mock-ans-chip,
.gw-sample-badge,
.gw-boundary-jump-pill,
.gw-boundary-matrix-domain,
.gw-niche-regime-banner,
.gw-matrix-view-switch,
.gw-matrix-view-btn,
.gw-matrix-view-btn.is-active,
.gw-news-tag,
.gw-policy-kicker,
.gw-svc-count,
.gw-upd-old-code,
.gw-upd-status-pill,
.gw-status-pill,
.gw-uc-pills a,
.gw-q-type-pill,
.gw-cb-pill {
border: 0 !important;
box-shadow: none !important;
}
/* Harmonized Soft Fills for Pills Sitting on White or Light Surfaces (Chrome M3 Tonal Palette) */
.gw-kicker-brand { background: #f1f3f4 !important; }
.gw-kicker-brand:hover { background: #fce8e6 !important; color: #a50e0e !important; }
.gw-kicker-code {
background: #f1f3f4 !important;
font-family: inherit !important;
letter-spacing: 0 !important;
}
/* De-Monospace Category Badges, Date Labels & Exam Pills (Keep Monospace Only for .gw-inline-code) */
.gw-exam-code-pill,
.gw-exam-meta-date,
.gw-home-news-date,
.gw-news-date,
.gw-q-num,
.gw-pred-old-code,
.gw-sib-code-link,
.gw-roadmap-code-pill strong,
.gw-upd-old-code,
.gw-v23-old-chip,
.gw-v23-cur-chip,
.gw-v23-json-pill {
font-family: inherit !important;
}
.gw-kicker-status { background: #e6f4ea !important; color: #137333 !important; }
.gw-kicker-status i { color: #137333 !important; }
.gw-home-quick-tags a { background: #f1f3f4 !important; }
.gw-home-quick-tags a:hover { background: #fce8e6 !important; color: #a50e0e !important; }
.gw-cert-chip,
.gw-cert-chip-more,
.gw-cert-chip-toggle { background: #f1f3f4 !important; }
.gw-cert-chip:hover,
.gw-cert-chip-more:hover,
.gw-cert-chip-toggle:hover { background: #fce8e6 !important; color: #a50e0e !important; }
.gw-exam-code-pill { background: #f1f3f4 !important; }
.gw-exam-meta-tag { background: #f1f3f4 !important; }
.gw-exam-meta-tag.is-prep { background: #e8f0fe !important; color: #174ea6 !important; }
.gw-side-pin-chip,
.gw-vendor-pill { background: #f1f3f4 !important; }
.gw-side-pin-chip:hover,
.gw-side-pin-chip.is-active,
.gw-vendor-pill:hover,
.gw-vendor-pill.is-active { background: #fce8e6 !important; color: #a50e0e !important; }
.gw-az-item,
.gw-az-bar a { background: #f1f3f4 !important; }
.gw-az-item:hover,
.gw-az-bar a:hover { background: #b91c1c !important; color: #ffffff !important; }
.gw-roadmap-code-pill { background: #e8f0fe !important; color: #174ea6 !important; }
.gw-roadmap-code-pill strong { color: #174ea6 !important; }
.gw-roadmap-code-pill:hover { background: #d2e3fc !important; color: #174ea6 !important; }
.gw-v23-file-chip { background: #f1f3f4 !important; }
.gw-v23-spec-badge { background: #f1f3f4 !important; }
.gw-boundary-jump-pill { background: #f1f3f4 !important; }
.gw-boundary-jump-pill:hover { background: #e8f0fe !important; color: #174ea6 !important; }
.gw-sample-badge { background: #fce8e6 !important; color: #a50e0e !important; }
.gw-topic-pill { background: #ffffff !important; }
.gw-study-col-topic-pill { background: #ffffff !important; }
/* Item 5b: Lightweight Inline Code (No Border, Normal Weight, Inline Flow) */
.gw-inline-code {
display: inline !important;
border: 0 !important;
box-shadow: none !important;
font-weight: 400 !important;
font-size: 0.9em !important;
line-height: inherit !important;
background: #f1f5f9 !important;
color: #1e293b !important;
padding: 1px 5px !important;
margin: 0 1px !important;
border-radius: 4px !important;
}
/* --------------------------------------------------------------------------
3. HOMEPAGE, VENDOR HUB & DIRECTORY CARDS (SOFT FILLS + WHITESPACE)
-------------------------------------------------------------------------- */
.gw-home-hero,
.gw-brand-hero,
.gw-allcerts-hero,
.gw-home-bento-grid,
.gw-cert-tracks-block,
.gw-directory-section,
.gw-home-presale-sec,
.gw-az-bar {
border: 0 !important;
}
.gw-home-vendor-card,
.gw-home-cert-item,
.gw-home-exam-card,
.gw-home-exam-card.is-presale,
.gw-bento-card,
.gw-home-subvendors,
.gw-cert-exam-card,
.gw-study-col-card,
.gw-about-service-card,
.gw-contact-card,
.gw-news-card,
.gw-prevnext-card,
.gw-empty-state,
.gw-filter-empty {
border: 0 !important;
box-shadow: none !important;
background: #f1f3f4 !important;
}
.gw-home-vendor-card:hover,
.gw-home-cert-item:hover,
.gw-home-exam-card:hover,
.gw-cert-exam-card:hover,
.gw-study-col-card:hover,
.gw-news-card:hover,
.gw-prevnext-card:hover {
border: 0 !important;
box-shadow: none !important;
background: #e8ecf2 !important;
}
.gw-prevnext-grid > .gw-prevnext-card:only-child {
grid-column: 1 / -1 !important;
}
.gw-prevnext-card {
text-align: left !important;
}
.gw-prevnext-card.is-next {
text-align: right !important;
}
/* Nested Pills Inside Tinted Cards Use Crisp White Fill for Clean Contrast */
.gw-home-vendor-card .gw-hv-cnt,
.gw-home-subvendors .gw-subvendor-pill,
.gw-home-cert-item .gw-hc-vendor,
.gw-home-exam-card .gw-exam-code-pill,
.gw-cert-exam-card .gw-exam-code-pill {
background: #ffffff !important;
}
.gw-home-exam-card .gw-hec-badge {
background: #e2e7ee !important;
}
.gw-home-exam-card .gw-hec-badge.is-ai {
background: #fce8e6 !important;
color: #a50e0e !important;
}
.gw-home-exam-card .gw-hec-badge.is-prep {
background: #e8f0fe !important;
color: #174ea6 !important;
}
.gw-hec-foot,
.gw-cert-exam-actions {
border-top: 0 !important;
}
.gw-bento-icon,
.gw-about-service-icon,
.gw-news-thumb {
border: 0 !important;
}
.gw-bento-icon {
background: #e2e7ee !important;
}
/* Flatten Nested "Russian-Doll" Containers on Vendor Hub & Directory Pages */
.gw-vendor-featured-box,
.gw-cert-chip-list.is-scrollable,
.gw-side-track-list,
.gw-exam-directory,
.gw-home-news-list,
.gw-vblock {
border: 0 !important;
box-shadow: none !important;
}
.gw-vendor-featured-box {
background: transparent !important;
padding: 0 !important;
margin-bottom: 28px !important;
border-radius: 0 !important;
}
.gw-cert-chip-list.is-scrollable {
background: transparent !important;
padding: 0 !important;
}
.gw-side-track-list {
background: transparent !important;
padding: 0 !important;
}
.gw-side-track-list .gw-side-track-item {
background: transparent !important;
}
.gw-side-track-list .gw-side-track-item:hover {
background: #f1f3f4 !important;
}
.gw-side-track-list .gw-side-track-item.is-active {
background: #fce8e6 !important;
color: #a50e0e !important;
}
/* Directory & News Rows: Open List with Subtle Horizontal Hairlines Only */
.gw-exam-directory,
.gw-home-news-list {
background: transparent !important;
border-radius: 0 !important;
}
.gw-exam-row,
.gw-home-news-row {
border-bottom: 1px solid #f0f2f5 !important;
padding-left: 8px !important;
padding-right: 8px !important;
border-radius: 6px;
}
.gw-exam-row:last-child,
.gw-home-news-row:last-child {
border-bottom: 0 !important;
}
.gw-exam-row:hover,
.gw-home-news-row:hover {
background: #f1f3f4 !important;
}
/* All-Certs Vendor Blocks */
.gw-vblock {
background: transparent !important;
border-radius: 0 !important;
}
.gw-vblock-head {
background: #f1f3f4 !important;
border: 0 !important;
border-radius: 8px !important;
margin-bottom: 4px;
}
.gw-vblock-item {
border-right: 0 !important;
border-bottom: 1px solid #f0f2f5 !important;
}
/* Vendor Hub Panel: Unbox Outer .gw-guide-card So Inner Tables/Boxes Never Nest */
#gw-vendor-hub-panel {
gap: 28px !important;
}
#gw-vendor-hub-panel > .gw-guide-card {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 4px 0 !important;
border-radius: 0 !important;
margin-top: 0 !important;
}
.gw-guide-grid-2 > .gw-guide-card {
background: #f1f3f4 !important;
border: 0 !important;
box-shadow: none !important;
}
.gw-v2-hub-box {
background: #f1f3f4 !important;
border: 0 !important;
box-shadow: none !important;
}
/* --------------------------------------------------------------------------
4. SUBJECT PAGE ZONES (DE-NESTED CONTAINERS, PDF PREVIEW, PITFALLS, FAQ)
-------------------------------------------------------------------------- */
.des .gw-cta-row,
.br-b,
.br-t,
.br-l,
.br-r,
.gw-side-title,
.gw-side-vendor-head,
.gw-side-pinned-vendors,
.left-vendor dl dt,
.gw-sticky-toc,
.gw-news-article .spot-feedback,
.gw-news-article-head,
.gw-prevnext-grid,
.gw-v25-dates-row {
border-color: transparent !important;
}
.gw-editorial-section {
padding: 28px 0 !important;
}
/* Hero Meta Grid & Zone 2 KPI Strip: Soft Tinted Surface, Zero Borders */
.gw-meta-grid,
.gw-v23-kpi-strip {
background: #f1f3f4 !important;
border: 0 !important;
box-shadow: none !important;
}
.gw-meta-cell,
.gw-v23-kpi-cell {
border: 0 !important;
}
@media (max-width: 679px) {
.gw-meta-cell + .gw-meta-cell {
border-top: 1px solid #dfe3e8 !important;
}
}
/* Hero Subbar Bundle Discount Pill: Warm Apricot Soft Yellow (#fef7e0 / #feefc3) */
.des .gw-cta-subbar > .gw-subbar-cart-btn {
background: #fef7e0 !important;
color: #78350f !important;
border-radius: 999px !important;
padding: 5px 13px !important;
border: 0 !important;
box-shadow: none !important;
font-weight: 600 !important;
transition: background-color 0.16s ease, color 0.16s ease !important;
}
.des .gw-cta-subbar > .gw-subbar-cart-btn i {
color: #b45309 !important;
}
.des .gw-cta-subbar > .gw-subbar-cart-btn .gw-subbar-cart-text {
color: #78350f !important;
border-bottom: 0 !important;
padding-bottom: 0 !important;
}
.des .gw-cta-subbar > .gw-subbar-cart-btn .gw-subbar-cart-paren {
color: #78350f !important;
}
.des .gw-cta-subbar > .gw-subbar-cart-btn:hover,
.des .gw-cta-subbar > .gw-subbar-cart-btn:focus-visible {
background: #feefc3 !important;
color: #78350f !important;
}
.des .gw-cta-subbar > .gw-subbar-cart-btn:hover i,
.des .gw-cta-subbar > .gw-subbar-cart-btn:focus-visible i {
color: #b45309 !important;
}
.des .gw-cta-subbar > .gw-subbar-cart-btn:hover .gw-subbar-cart-text,
.des .gw-cta-subbar > .gw-subbar-cart-btn:hover .gw-subbar-cart-paren,
.des .gw-cta-subbar > .gw-subbar-cart-btn:focus-visible .gw-subbar-cart-text,
.des .gw-cta-subbar > .gw-subbar-cart-btn:focus-visible .gw-subbar-cart-paren {
color: #78350f !important;
border-bottom: 0 !important;
}
/* Notices, Callouts, Pitfall Cards, Topic Block & Lineage Bar */
.gw-hero-decision-notice,
.gw-hero-decision-notice.is-l3-archive,
.gw-holdback-banner,
.gw-multi-exam-alert {
background: #fef7e0 !important;
color: #78350f !important;
border: 0 !important;
}
.gw-mobile-toc-details,
.gw-topic-block,
.gw-v23-meta-bar,
.gw-v2-lineage-strip,
.gw-corpus-telemetry-card,
.gw-corpus-card,
.gw-lineage-box,
.gw-lineage-pred-item,
.gw-side-price-box,
.gw-bottom-cta-bar,
.gw-comment-form-card,
.gw-article-exam-box,
.gw-policy-callout,
.gw-policy-prose .policy-article ul,
.buy {
border: 0 !important;
box-shadow: none !important;
background: #f1f3f4 !important;
}
.gw-side-prep-box {
border: 0 !important;
background: #e8f0fe !important;
color: #174ea6 !important;
}
.gw-v2-pitfall-card {
border: 0 !important;
box-shadow: none !important;
background: #f1f3f4 !important;
}
.gw-comment-form-card {
padding: 24px 26px !important;
border-radius: 12px !important;
}
.gw-comment-form-card .respond-title {
border-bottom: 0 !important;
padding-bottom: 4px !important;
}
#comments {
border: 0 !important;
}
#comments .question {
border-bottom-color: #eef0f4 !important;
}
/* De-Nest Zone 2 Deliverable Wrapper & L3 Tier-C Wrapper */
.gw-v23-deliverable-box,
.gw-v2-tierc-notice {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 4px 0 0 0 !important;
border-radius: 0 !important;
}
.gw-v23-exp-flow,
.gw-deliv-spec-grid {
border-top: 0 !important;
}
.gw-deliv-spec-item {
border: 0 !important;
background: #f1f3f4 !important;
}
/* PDF Structure Preview: Tonal Layering (#f1f5f9 Frame -> #ffffff Sheet), Zero Borders */
.gw-pdf-viewer-frame {
border: 0 !important;
box-shadow: none !important;
background: #f1f3f4 !important;
padding: 12px 14px 14px !important;
}
.gw-pdf-viewer-chrome {
border-bottom: 0 !important;
padding-bottom: 6px !important;
}
.gw-pdf-sheet {
border: 0 !important;
box-shadow: none !important;
background: #ffffff !important;
}
.gw-pdf-sheet-head {
border-bottom: 1px solid #f1f5f9 !important;
}
.gw-pdf-mock-stem {
border: 0 !important;
background: #f8fafc !important;
}
.gw-pdf-mock-opts span {
border: 0 !important;
background: #ffffff !important;
}
.gw-pdf-mock-exp {
border: 0 !important;
background: #e6f4ea !important;
color: #137333 !important;
}
/* De-Nest Zone 3 3-Layer Russian-Doll Matrix Container */
.gw-editorial-sample-box,
#gw-editorial-quality-sample {
margin-top: 28px !important;
padding: 0 !important;
background: transparent !important;
border-radius: 0 !important;
}
.gw-boundary-stack {
gap: 24px !important;
}
.gw-boundary-matrix-card {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
border-radius: 0 !important;
}
.gw-editorial-gov-bar {
border-top: 0 !important;
background: #f1f3f4 !important;
border-radius: 8px !important;
padding: 10px 14px !important;
margin-top: 16px !important;
}
/* FAQ Accordions & Static FAQ Cards: Single Unified Soft Block */
.gw-faq-item,
.gw-faq-item[open],
.gw-faq-card {
border: 0 !important;
box-shadow: none !important;
background: #f1f3f4 !important;
}
.gw-faq-q,
.gw-faq-item[open] .gw-faq-q {
background: transparent !important;
border-bottom: 0 !important;
}
.gw-faq-a {
background: transparent !important;
}
/* Secondary Non-Purchase Action Links / Buttons */
.gw-auth-sub-block {
border-top: 0 !important;
}
.gw-filter-search-btn,
.gw-side-sample-btn,
.gw-cert-btn-detail,
.gw-article-btn-detail,
.gw-article-btn-sample,
.gw-write-review-jump,
.btn-border-2,
.gw-uc-btn-secondary,
.gw-euc-next-free,
.gw-auth-secondary-btn {
border: 0 !important;
box-shadow: none !important;
background: #f1f5f9 !important;
color: #1e293b !important;
}
.gw-article-exam-box .gw-article-btn-detail,
.gw-article-exam-box .gw-article-btn-sample {
background: #ffffff !important;
}
.gw-filter-search-btn:hover,
.gw-side-sample-btn:hover,
.gw-cert-btn-detail:hover,
.gw-article-btn-detail:hover,
.gw-article-btn-sample:hover,
.gw-write-review-jump:hover,
.btn-border-2:hover,
.gw-uc-btn-secondary:hover,
.gw-euc-next-free:hover,
.gw-auth-secondary-btn:hover,
.gw-auth-secondary-btn:focus {
background: #e2e8f0 !important;
color: #0f172a !important;
}
/* --------------------------------------------------------------------------
5. TABLES SITE-WIDE: HORIZONTAL HAIRLINES ONLY (ZERO OUTER FRAME / VERTICALS)
-------------------------------------------------------------------------- */
.gw-clean-spec-table,
.gw-main-sheet .gw-clean-spec-table,
.gw-hub-spec-table,
.gw-sample-note-table,
.gw-v23-track-wrap,
.gw-v23-track-table,
.gw-sibling-table,
.gw-roadmap-table,
.gw-uc-order-table,
.gw-policy-prose table.gw-spec-table {
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
.gw-clean-spec-table th,
.gw-clean-spec-table td,
.gw-hub-spec-table th,
.gw-hub-spec-table td,
.gw-sample-note-table th,
.gw-sample-note-table td,
.gw-v23-track-table th,
.gw-v23-track-table td,
.gw-sibling-table th,
.gw-sibling-table td,
.gw-roadmap-table th,
.gw-roadmap-table td,
.gw-uc-order-table th,
.gw-uc-order-table td,
.gw-policy-prose table.gw-spec-table th,
.gw-policy-prose table.gw-spec-table td {
border-left: 0 !important;
border-right: 0 !important;
}
.gw-clean-spec-table th,
.gw-clean-spec-table td,
.gw-hub-spec-table th,
.gw-hub-spec-table td {
background: transparent !important;
border-top: 0 !important;
border-bottom: 1px solid #eef0f4 !important;
padding-left: 6px !important;
}
.gw-clean-spec-table tr:first-child th,
.gw-clean-spec-table tr:first-child td,
.gw-hub-spec-table tr:first-child th,
.gw-hub-spec-table tr:first-child td {
border-top: 1px solid #eef0f4 !important;
}
.gw-sample-note-table thead th,
.gw-v23-track-table thead th,
.gw-sibling-table thead th,
.gw-roadmap-table thead th,
.gw-uc-order-table thead th {
background: #f8fafc !important;
border-top: 0 !important;
border-bottom: 1px solid #e2e8f0 !important;
}
.gw-sample-note-table tbody td,
.gw-v23-track-table tbody td,
.gw-sibling-table tbody td,
.gw-roadmap-table tbody td,
.gw-uc-order-table tbody td {
background: transparent !important;
border-top: 0 !important;
border-bottom: 1px solid #eef0f4 !important;
}
.gw-v23-track-table tbody tr.is-current td {
background: #fef7e0 !important;
}
/* Zone 3 Matrix Interactive Card-View Mode: Soft Tinted Cards, Zero Borders */
#gw-editorial-quality-sample.is-card-view .gw-sample-note-table tr {
background: #f1f3f4 !important;
border: 0 !important;
box-shadow: none !important;
padding: 11px 14px !important;
}
#gw-editorial-quality-sample.is-card-view .gw-sample-note-table td {
border: 0 !important;
border-bottom: 1px solid #dfe3e8 !important;
}
#gw-editorial-quality-sample.is-card-view .gw-sample-note-table td:first-child {
background: #ffffff !important;
border-bottom: 0 !important;
}
#gw-editorial-quality-sample.is-card-view .gw-sample-note-table td:last-child {
border-bottom: 0 !important;
}
/* Mobile Stacked Tables (<= 767px): Replace Row Borders with Soft Surface Fills */
@media screen and (max-width: 767px) {
.gw-main-sheet .gw-clean-spec-table tr,
.gw-hub-spec-table tr {
border-top: 0 !important;
border-bottom: 1px solid #eef0f4 !important;
}
.gw-main-sheet .gw-clean-spec-table tr:first-child th,
.gw-main-sheet .gw-clean-spec-table tr:first-child td,
.gw-main-sheet .gw-clean-spec-table th,
.gw-hub-spec-table th {
border-top: 0 !important;
border-bottom: 0 !important;
}
.gw-main-sheet .gw-clean-spec-table td,
.gw-hub-spec-table td {
border-bottom: 0 !important;
}
.gw-sibling-table tbody tr,
.gw-roadmap-table tbody tr,
.gw-policy-prose table.gw-spec-table tr {
border: 0 !important;
background: #f1f3f4 !important;
}
.gw-policy-prose table.gw-spec-table th {
border: 0 !important;
background: transparent !important;
}
}
/* --------------------------------------------------------------------------
6. CART, CHECKOUT (/order.html), MODALS, SITEMAP & PRACTICE PAGES (CSS ONLY)
-------------------------------------------------------------------------- */
.gw-cart-item-card,
.gw-cart-summary-bar,
.gw-cart-bundle-box,
.gw-checkout-panel,
.gw-uc-stat-card,
.gw-uc-quick-item,
.gw-uc-empty,
.gw-jp-benefit-box,
.gw-auth-guest-note {
border: 0 !important;
box-shadow: none !important;
background: #f1f3f4 !important;
}
.gw-commerce-sheet table.gw-uc-order-table + div,
article.gw-single-sheet > div[data-nosnippet],
article.gw-single-sheet > div:first-child > span:first-child {
border: 0 !important;
box-shadow: none !important;
}
.gw-pay-method-card {
border: 0 !important;
box-shadow: none !important;
background: #ffffff !important;
}
.gw-cb-pill {
background: #f1f3f4 !important;
}
.gw-cb-pill.is-wallet {
background: #e8f0fe !important;
color: #174ea6 !important;
}
.gw-checkout-trust-box {
background: #eef7f1 !important;
border: 0 !important;
border-radius: 10px !important;
padding: 14px 16px !important;
}
#gw-live-email-confirm {
background: #e8f0fe !important;
color: #174ea6 !important;
border: 0 !important;
}
#gw-live-email-confirm i,
#gw-live-email-confirm strong {
color: #174ea6 !important;
}
#button-voucher,
#button-point {
border: 0 !important;
box-shadow: none !important;
background: #e2e8f0 !important;
color: #0f172a !important;
}
#button-voucher:hover,
#button-point:hover {
background: #cbd5e1 !important;
}
.modal,
#myModal,
#myModals,
#releaseNotifyModal,
.gw-purchase-modal {
border: 0 !important;
}
.gw-modal-close,
.modal .close,
.gw-modal-price-card,
.gw-modal-secondary-cta {
border: 0 !important;
box-shadow: none !important;
}
.gw-modal-close,
.modal .close,
.gw-modal-secondary-cta {
background: #f1f3f4 !important;
}
.gw-sitemap-link-list li a,
.gw-sitemap-vendor-chip,
.gw-sitemap-cert-link,
.gw-sitemap-exam-list li a,
.gw-sitemap-az-links a,
.gw-sitemap-xml-links a {
border: 0 !important;
background: #f1f3f4 !important;
}
.gw-sitemap-link-list li a:hover,
.gw-sitemap-vendor-chip:hover,
.gw-sitemap-cert-link:hover,
.gw-sitemap-exam-list li a:hover,
.gw-sitemap-az-links a:hover,
.gw-sitemap-xml-links a:hover {
background: #fce8e6 !important;
color: #a50e0e !important;
}
/* Online Sample Practice (-shiken.html) */
.gw-exam-summary-banner,
.gw-captcha-notice,
.gw-q-card,
.gw-opt-item label,
.gw-q-answer,
.gw-exam-locked-alert,
.gw-q-hotspot-note,
.gw-exam-unlock-card,
.gw-pager-num,
.gw-pager-unlock-btn,
.gw-q-ans-btn,
.gw-self-btn,
.gw-exam-pager-btns .btn-default {
border: 0 !important;
box-shadow: none !important;
}
.gw-q-card {
background: #f1f3f4 !important;
}
.gw-q-head {
border-bottom: 0 !important;
background: transparent !important;
}
.gw-opt-item label {
background: #ffffff !important;
}
.gw-opt-item.green label {
background: #e6f4ea !important;
}
.gw-pager-num,
.gw-q-ans-btn,
.gw-self-btn,
.gw-exam-pager-btns .btn-default {
background: #f1f3f4 !important;
}
.gw-pager-num.is-active {
background: #b91c1c !important;
color: #ffffff !important;
}
/* --------------------------------------------------------------------------
7. PRESERVED BOUNDARIES: FORM INPUTS, PRIMARY PURCHASE CTAS & :FOCUS-VISIBLE
-------------------------------------------------------------------------- */
.search-area,
.search-area1 {
border: 1px solid #cbd5e1 !important;
box-shadow: none !important;
background: #ffffff !important;
}
.search-area .search-field,
.search-area1 .search-field {
border: 0 !important;
}
input.form-control,
select.form-control,
textarea.form-control,
.gw-filter-input,
.gw-cert-mini-filter,
.gw-side-mini-input,
.gw-sitemap-search input[type="search"],
.gw-drawer-search input[type="search"],
.gw-drawer-search input[type="text"],
.gw-pager-input {
border: 1px solid #cbd5e1 !important;
background: #ffffff !important;
box-shadow: none !important;
}
/* Non-Breathing Disabled/Standby Reset Buttons Keep Zero Shadow */
.gw-cta-row .btn-cart1.gw-btn-reset:not(#gw-hero-buy-btn),
#pay-now[disabled],
.test-button {
box-shadow: none !important;
}
/* Unmistakable Keyboard :focus-visible Accessibility Ring Site-Wide */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
summary:focus:not(:focus-visible),
.btn:focus:not(:focus-visible) {
outline: none !important;
}
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
summary:focus-visible,
.btn:focus-visible,
input[type="checkbox"]:focus-visible,
input[type="radio"]:focus-visible,
input[type="button"]:focus-visible,
input[type="submit"]:focus-visible {
outline: 2px solid #64748b !important;
outline-offset: 2px !important;
}
/* --------------------------------------------------------------------------
8. V2.9.2 FULL-FUNNEL UX, PRACTICE SAMPLE, HEADER SEARCH & DETAIL POLISH
-------------------------------------------------------------------------- */
/* Item 11.1: Sticky Header Anchor Offset Across TOC, Matrices & Review Jumps */
.gw-editorial-section,
[id^="gw-"],
[id^="h2-"],
.gw-boundary-matrix-card,
#comments,
#respond {
scroll-margin-top: 76px;
}
/* Item 06: Compact Desktop Header Search Box & Zero-Overlap Flex Geometry */
@media screen and (min-width: 992px) {
.gw-site-header .gw-header-bar {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
flex-wrap: nowrap !important;
}
.gw-site-header .gw-header-logo {
flex: 0 0 auto !important;
float: none !important;
margin: 0 !important;
}
.gw-site-header .gw-brand-lockup {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
white-space: nowrap !important;
}
.gw-site-header .gw-header-nav {
flex: 0 0 auto !important;
float: none !important;
margin: 0 auto !important;
}
.gw-site-header .gw-header-nav ul {
display: flex !important;
align-items: center !important;
gap: 24px !important;
flex-wrap: nowrap !important;
}
.gw-site-header .gw-header-nav li,
.gw-site-header .gw-header-nav a {
white-space: nowrap !important;
flex-shrink: 0 !important;
}
.gw-site-header .gw-header-actions {
flex: 0 0 auto !important;
float: none !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
flex-wrap: nowrap !important;
}
}
@media screen and (max-width: 1320px) {
.gw-site-header .gw-logo-tagline,
.gw-err-header .gw-logo-tagline {
display: none !important;
}
}
.gw-header-search-form {
display: inline-flex;
align-items: center;
height: 36px;
border: 1px solid #cbd5e1;
border-radius: 999px;
background: #ffffff;
padding: 0 4px 0 13px;
margin-right: 2px;
flex-shrink: 0;
}
.gw-header-search-form input[type="search"],
.gw-header-search-form input[type="text"] {
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
width: 160px;
height: 32px;
font-size: 13px;
color: #1e293b;
padding: 0;
outline: none !important;
}
.gw-header-search-form input[type="search"]::placeholder {
color: #64748b;
}
.gw-header-search-form:focus-within {
border-color: #2563eb;
}
.gw-header-search-form button[type="submit"] {
border: 0 !important;
background: transparent !important;
color: #64748b;
width: 28px;
height: 28px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0 !important;
cursor: pointer;
}
.gw-header-search-form button[type="submit"]:hover {
color: #b91c1c;
background: #f1f3f4 !important;
}
@media screen and (min-width: 1200px) and (max-width: 1320px) {
.gw-header-search-form input[type="search"] {
width: 146px;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.gw-site-header .gw-header-nav ul {
gap: 18px !important;
}
.gw-header-search-form input[type="search"] {
width: 122px;
}
}
/* Item 09: Homepage Borderless 4-Item Trust Strip & Sticky Right Rail */
.gw-home-trust-strip {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 8px 12px;
background: #f1f3f4 !important;
border: 0 !important;
border-radius: 10px;
padding: 13px 16px;
margin: 14px 0 24px 0;
}
.gw-hts-item {
display: flex;
align-items: center;
gap: 7px;
font-size: 12.8px;
font-weight: 600;
color: #1e293b;
line-height: 1.42;
}
.gw-hts-item i {
color: #b91c1c;
font-size: 14px;
flex-shrink: 0;
}
@media (max-width: 991px) {
.gw-home-trust-strip {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.gw-home-trust-strip {
grid-template-columns: 1fr;
gap: 7px;
padding: 12px 14px;
}
}
@media (min-width: 992px) {
section.main.index-top,
section.main.index-top > .container.gw-split-stage {
overflow: visible !important;
}
.gw-split-stage > .gw-side-stack.gw-home-sticky-rail,
.gw-home-sticky-rail {
align-self: stretch !important;
position: static !important;
top: auto !important;
height: auto !important;
}
.gw-home-sticky-rail > .gw-home-quick-guide {
position: sticky !important;
top: 24px !important;
}
}
/* Item 08: Retired Exam Redirect Memory Banner & Kicker Lineage Chip */
.gw-redirect-memory-banner {
display: flex;
align-items: flex-start;
gap: 8px;
background: #e8f0fe !important;
color: #174ea6 !important;
border: 0 !important;
border-radius: 8px;
padding: 11px 14px;
margin: 0 0 14px 0;
font-size: 13.5px;
line-height: 1.65;
}
.gw-redirect-memory-banner i {
color: #174ea6 !important;
margin-top: 3px;
flex-shrink: 0;
}
.gw-kicker-lineage {
display: inline-flex;
align-items: center;
padding: 3px 9px;
border-radius: 999px;
background: #e8f0fe !important;
color: #174ea6 !important;
font-size: 12px;
font-weight: 700;
border: 0 !important;
}
/* Item 04: Static A4 PDF Paper Recording Sample Sheet (Zero Interactive Quiz Styling) */
.gw-practice-sample-card {
background: #f1f3f4;
border: 0 !important;
box-shadow: none !important;
border-radius: 10px;
padding: 18px 20px;
margin: 16px 0;
cursor: default;
}
.gw-practice-sample-card button,
.gw-ps-lang-tabs,
.gw-ps-lang-btn {
margin: 0 !important;
}
.gw-ps-disclaimer {
font-size: 12px;
color: #475569;
background: #e8ecf2;
border-radius: 6px;
padding: 8px 12px;
margin-bottom: 14px;
line-height: 1.62;
}
.gw-ps-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 12px;
}
.gw-ps-head-left {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.gw-ps-badge {
display: inline-flex;
align-items: center;
gap: 5px;
background: #fce8e6;
color: #a50e0e;
font-size: 12px;
font-weight: 700;
padding: 3px 10px;
border-radius: 999px;
}
.gw-ps-domain {
font-size: 13.2px;
font-weight: 700;
color: #0f172a;
}
.gw-ps-edition {
font-size: 12px;
color: #64748b;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.gw-ps-lang-tabs {
display: inline-flex;
align-items: center;
align-self: center;
background: #dfe3e8;
padding: 3px;
border-radius: 7px;
gap: 3px;
height: auto !important;
min-height: 0 !important;
}
.gw-ps-lang-btn {
border: 0 !important;
box-shadow: none !important;
background: transparent;
color: #475569;
font-size: 12.3px;
font-weight: 600;
line-height: 1.35 !important;
height: auto !important;
min-height: 0 !important;
padding: 5px 11px;
border-radius: 5px;
cursor: pointer;
}
.gw-ps-lang-btn.is-active {
background: #ffffff;
color: #0f172a;
font-weight: 700;
}
.gw-ps-paper {
background: #ffffff;
border: 1px solid #e5e7eb !important;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
border-radius: 4px;
padding: 24px 28px;
cursor: default;
}
.gw-ps-qno {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 11.5px;
font-weight: 700;
letter-spacing: 0.05em;
color: #64748b;
margin-bottom: 6px;
}
.gw-ps-stem {
font-size: 14.2px;
font-weight: 600;
color: #0f172a;
line-height: 1.78;
margin: 0 0 14px 0;
}
.gw-ps-options {
display: flex;
flex-direction: column;
gap: 6px;
margin: 0;
}
.gw-ps-static-opt {
display: flex;
align-items: baseline;
gap: 8px;
padding: 2px 0;
font-size: 13.6px;
color: #1e293b;
line-height: 1.72;
cursor: default;
}
.gw-ps-static-key {
font-weight: 700;
color: #0f172a;
min-width: 20px;
flex-shrink: 0;
}
.gw-ps-static-text {
color: #1e293b;
}
.gw-ps-rationale {
margin-top: 18px;
padding-top: 15px;
border-top: 1px solid #e2e8f0;
cursor: default;
}
.gw-ps-ans-line {
font-size: 13.8px;
font-weight: 700;
color: #0f172a;
margin-bottom: 8px;
}
.gw-ps-exp-heading {
font-size: 13.2px;
font-weight: 700;
color: #1e293b;
margin-bottom: 5px;
}
.gw-ps-summary {
font-size: 13.5px;
color: #334155;
line-height: 1.76;
margin: 0 0 10px 0;
}
.gw-ps-notes {
display: flex;
flex-direction: column;
gap: 5px;
}
.gw-ps-note-item {
display: flex;
align-items: baseline;
gap: 7px;
font-size: 13px;
color: #334155;
line-height: 1.68;
}
.gw-ps-note-key {
font-weight: 700;
color: #1e293b;
min-width: 18px;
flex-shrink: 0;
}
@media (max-width: 575px) {
.gw-practice-sample-card {
padding: 14px 12px;
}
.gw-ps-paper {
padding: 16px 15px;
}
.gw-ps-stem {
font-size: 13.8px;
}
}
/* Item 05: Guest Order Detail Guidance Block */
.gw-guest-mypage-guide {
background: #f1f3f4;
border: 0 !important;
border-radius: 10px;
padding: 15px 18px;
margin-top: 18px;
}
.gw-gmg-title {
font-size: 14px;
font-weight: 700;
color: #0f172a;
margin-bottom: 6px;
}
.gw-gmg-title i {
color: #b91c1c;
margin-right: 5px;
}
.gw-gmg-body {
font-size: 13.2px;
color: #334155;
line-height: 1.72;
margin: 0;
}
.gw-gmg-body a {
color: #b91c1c;
font-weight: 700;
text-decoration: underline;
}
/* Item 11.4: Mobile Hero Buy CTA Anti-Orphan Wrapping */
@media (max-width: 480px) {
.des .gw-cta-row #gw-hero-buy-btn {
height: auto !important;
min-height: 50px;
padding: 10px 14px !important;
border-radius: 10px !important;
line-height: 1.42 !important;
white-space: normal !important;
}
}
/* Item 12.4: Remove Duplicate Q::before and Fake +::after on Static /faq.html Cards */
.gw-faq-card .gw-faq-q::before,
.gw-faq-card .gw-faq-q::after {
content: none !important;
display: none !important;
}
.gw-faq-card .gw-faq-q {
cursor: default !important;
padding-right: 16px !important;
}
/* Item 12.5: Borderless Policy Sidebar Active Item & Support Card */
.gw-policy-nav-item,
.gw-policy-nav-item:hover,
.gw-policy-nav-item.is-active,
.gw-side-support-card {
border: 0 !important;
box-shadow: none !important;
}
.gw-policy-nav-item {
border-radius: 7px !important;
}
.gw-policy-nav-item:hover {
background: #e8ecf2 !important;
}
.gw-policy-nav-item.is-active {
background: #fce8e6 !important;
color: #a50e0e !important;
font-weight: 700;
}
/* --------------------------------------------------------------------------
9. CHROME M3 10S-CYCLE SOFT-GLOW BREATHING PRIMARY PURCHASE CTA
(Google .chr-button--inverted-border.chr-button--glow Spirit + Concentric
8px-10px Rounded-Rect Geometry: Pure White + 1px Crimson + 10s Soft Backlight)
-------------------------------------------------------------------------- */
@property --gw-cta-pulse {
syntax: '';
inherits: false;
initial-value: 0;
}
/* Prevent parent containers from clipping the 32px soft coral-crimson backlight */
.des .gw-cta-row,
.gw-sticky-dock-card,
.gw-mobile-sticky-bar,
.gw-cart-summary-bar,
.gw-checkout-panel {
overflow: visible !important;
}
/* Unified Pure-White Concentric Rounded-Rect Appearance Across All 5 Primary CTAs
(Applies to both standby & active sticky dock states to prevent slide-in color jump) */
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1,
#gw-sticky-purchase-dock button[type="submit"].gw-sticky-buy-btn,
#gw-mobile-sticky-bar button[type="submit"].gw-mob-sticky-btn,
.gw-cart-summary-bar a.gw-auth-submit,
#pay-now.gw-auth-submit:not([disabled]) {
background: #ffffff !important;
background-color: #ffffff !important;
color: #b91c1c !important;
border: 1px solid #b91c1c !important;
border-radius: 10px !important;
font-weight: 700 !important;
text-decoration: none !important;
transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1 i,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1 span,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1 .gw-cta-price-chunk,
#gw-sticky-purchase-dock button[type="submit"].gw-sticky-buy-btn i,
#gw-sticky-purchase-dock button[type="submit"].gw-sticky-buy-btn span,
#gw-mobile-sticky-bar button[type="submit"].gw-mob-sticky-btn i,
#gw-mobile-sticky-bar button[type="submit"].gw-mob-sticky-btn span,
.gw-cart-summary-bar a.gw-auth-submit i,
.gw-cart-summary-bar a.gw-auth-submit span,
#pay-now.gw-auth-submit:not([disabled]) i,
#pay-now.gw-auth-submit:not([disabled]) span {
color: inherit !important;
}
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1 {
border-radius: 10px !important;
padding: 12px 24px !important;
}
@media (max-width: 480px) {
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1 {
border-radius: 10px !important;
padding: 10px 14px !important;
}
}
.gw-cart-summary-bar a.gw-auth-submit {
border-radius: 10px !important;
padding: 0 26px !important;
font-weight: 700 !important;
text-decoration: none !important;
}
#pay-now.gw-auth-submit:not([disabled]) {
border-radius: 10px !important;
padding: 0 24px !important;
font-weight: 700 !important;
}
#gw-sticky-purchase-dock button[type="submit"].gw-sticky-buy-btn {
border-radius: 9px !important;
padding: 11px 16px !important;
}
#gw-mobile-sticky-bar button[type="submit"].gw-mob-sticky-btn {
border-radius: 8px !important;
padding: 9px 15px !important;
}
@keyframes gw-cta-breathe-10s {
0%, 22%, 100% {
--gw-cta-pulse: 0;
transform: scale(1);
box-shadow: 0 0 0 rgba(220, 38, 38, 0), 0 0 0 0 rgba(239, 68, 68, 0), 0 0 0 0 rgba(248, 113, 113, 0);
}
10% {
--gw-cta-pulse: 1;
transform: scale(1.02);
box-shadow: 0 4px 14px rgba(220, 38, 38, 0.10), 0 0 18px 2px rgba(239, 68, 68, 0.26), 0 0 32px 6px rgba(248, 113, 113, 0.22);
}
}
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1,
.gw-cart-summary-bar a.gw-auth-submit,
#pay-now.gw-auth-submit:not([disabled]) {
--gw-cta-pulse: 0;
box-shadow:
0 calc(4px * var(--gw-cta-pulse)) calc(14px * var(--gw-cta-pulse)) rgba(220, 38, 38, calc(0.10 * var(--gw-cta-pulse))),
0 0 calc(18px * var(--gw-cta-pulse)) calc(2px * var(--gw-cta-pulse)) rgba(239, 68, 68, calc(0.26 * var(--gw-cta-pulse))),
0 0 calc(32px * var(--gw-cta-pulse)) calc(6px * var(--gw-cta-pulse)) rgba(248, 113, 113, calc(0.22 * var(--gw-cta-pulse))) !important;
animation: gw-cta-breathe-10s 10s ease-in-out 1.2s infinite;
}
@media screen and (min-width: 992px) {
#gw-sticky-purchase-dock:not(.is-dock-standby) button[type="submit"].gw-sticky-buy-btn {
--gw-cta-pulse: 0;
box-shadow:
0 calc(4px * var(--gw-cta-pulse)) calc(14px * var(--gw-cta-pulse)) rgba(220, 38, 38, calc(0.10 * var(--gw-cta-pulse))),
0 0 calc(18px * var(--gw-cta-pulse)) calc(2px * var(--gw-cta-pulse)) rgba(239, 68, 68, calc(0.26 * var(--gw-cta-pulse))),
0 0 calc(32px * var(--gw-cta-pulse)) calc(6px * var(--gw-cta-pulse)) rgba(248, 113, 113, calc(0.22 * var(--gw-cta-pulse))) !important;
animation: gw-cta-breathe-10s 10s ease-in-out 1.2s infinite;
}
body:has(#gw-sticky-purchase-dock:not(.is-dock-standby)) .des .gw-cta-row #gw-hero-buy-btn.btn-cart1 {
animation: none;
--gw-cta-pulse: 0;
}
}
@media screen and (max-width: 991px) {
#gw-mobile-sticky-bar:not(.is-dock-standby) button[type="submit"].gw-mob-sticky-btn {
--gw-cta-pulse: 0;
box-shadow:
0 calc(4px * var(--gw-cta-pulse)) calc(14px * var(--gw-cta-pulse)) rgba(220, 38, 38, calc(0.10 * var(--gw-cta-pulse))),
0 0 calc(18px * var(--gw-cta-pulse)) calc(2px * var(--gw-cta-pulse)) rgba(239, 68, 68, calc(0.26 * var(--gw-cta-pulse))),
0 0 calc(32px * var(--gw-cta-pulse)) calc(6px * var(--gw-cta-pulse)) rgba(248, 113, 113, calc(0.22 * var(--gw-cta-pulse))) !important;
animation: gw-cta-breathe-10s 10s ease-in-out 1.2s infinite;
}
body:has(#gw-mobile-sticky-bar:not(.is-dock-standby)) .des .gw-cta-row #gw-hero-buy-btn.btn-cart1 {
animation: none;
--gw-cta-pulse: 0;
}
}
/* Soft Coral Blush Fill & Immediate Calm Pause on Hover / Focus / Active
(Models Google .chr-button--inverted-border:hover) */
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1:hover,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1:focus,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1:focus-visible,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1:active,
#gw-sticky-purchase-dock button[type="submit"].gw-sticky-buy-btn:hover,
#gw-sticky-purchase-dock button[type="submit"].gw-sticky-buy-btn:focus,
#gw-sticky-purchase-dock button[type="submit"].gw-sticky-buy-btn:focus-visible,
#gw-sticky-purchase-dock button[type="submit"].gw-sticky-buy-btn:active,
#gw-mobile-sticky-bar button[type="submit"].gw-mob-sticky-btn:hover,
#gw-mobile-sticky-bar button[type="submit"].gw-mob-sticky-btn:focus,
#gw-mobile-sticky-bar button[type="submit"].gw-mob-sticky-btn:focus-visible,
#gw-mobile-sticky-bar button[type="submit"].gw-mob-sticky-btn:active,
.gw-cart-summary-bar a.gw-auth-submit:hover,
.gw-cart-summary-bar a.gw-auth-submit:focus,
.gw-cart-summary-bar a.gw-auth-submit:focus-visible,
.gw-cart-summary-bar a.gw-auth-submit:active,
#pay-now.gw-auth-submit:not([disabled]):hover,
#pay-now.gw-auth-submit:not([disabled]):focus,
#pay-now.gw-auth-submit:not([disabled]):focus-visible,
#pay-now.gw-auth-submit:not([disabled]):active {
animation: none !important;
--gw-cta-pulse: 0 !important;
transform: translateY(-1px) scale(1) !important;
background: #fce8e6 !important;
background-color: #fce8e6 !important;
color: #991b1b !important;
border-color: #991b1b !important;
box-shadow: 0 4px 12px rgba(185, 28, 28, 0.12) !important;
}
@media (prefers-reduced-motion: reduce) {
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1,
#gw-sticky-purchase-dock button[type="submit"].gw-sticky-buy-btn,
#gw-mobile-sticky-bar button[type="submit"].gw-mob-sticky-btn,
.gw-cart-summary-bar a.gw-auth-submit,
#pay-now.gw-auth-submit:not([disabled]) {
animation: none !important;
--gw-cta-pulse: 0 !important;
transform: none !important;
box-shadow: none !important;
}
}
/* --------------------------------------------------------------------------
10. V2.9.3 QUIET TECHNICAL PUBLISHING UI SYSTEM
(Generous Paper Whitespace, De-AI / De-Boxed Hierarchy, Strict Color
Restraint, Slate Data Bars & Monochrome Technical Spec Sheets)
-------------------------------------------------------------------------- */
/* 10.1 Paper Whitespace, Breathing Room & Relaxed Typography / Tables */
body,
body.gw-standalone-error,
html body.gw-standalone-error {
background-color: #f6f7f9 !important;
}
@media screen and (min-width: 992px) {
.gw-main-sheet {
padding: 38px 44px !important;
border-radius: 12px !important;
}
.gw-single-sheet,
.gw-policy-card {
padding: 40px 48px !important;
border-radius: 12px !important;
}
.gw-commerce-sheet {
padding: 36px 42px !important;
border-radius: 12px !important;
}
.gw-side-card {
padding: 20px 22px !important;
border-radius: 12px !important;
}
}
.gw-editorial-section {
padding: 40px 0 !important;
}
.gw-editorial-section.br-b {
border-bottom: 1px solid #eef2f6 !important;
}
.des .gw-cta-row {
margin-top: 20px !important;
margin-bottom: 14px !important;
}
.des .gw-cta-subbar {
margin-top: 10px !important;
margin-bottom: 18px !important;
gap: 10px 18px !important;
}
.gw-v2-geo-lead,
.gw-sample-lead,
.gw-v2-pitfall-body,
.gw-faq-a,
.gw-article-prose p,
.gw-brand-hero .des-title,
.gw-allcerts-hero .des-title {
line-height: 1.85 !important;
color: #334155 !important;
}
@media screen and (min-width: 768px) {
.gw-clean-spec-table th,
.gw-clean-spec-table td,
.gw-hub-spec-table th,
.gw-hub-spec-table td {
padding: 14px 14px !important;
line-height: 1.76 !important;
border-bottom: 1px solid #eef2f6 !important;
}
.gw-clean-spec-table tr:first-child th,
.gw-clean-spec-table tr:first-child td,
.gw-hub-spec-table tr:first-child th,
.gw-hub-spec-table tr:first-child td {
border-top: 1px solid #eef2f6 !important;
}
.gw-clean-spec-table th,
.gw-hub-spec-table th {
color: #475569 !important;
font-weight: 600 !important;
}
}
.gw-sample-note-table thead th,
.gw-v23-track-table thead th,
.gw-sibling-table thead th,
.gw-roadmap-table thead th,
.gw-uc-order-table thead th {
padding: 12px 15px !important;
font-size: 12.5px !important;
font-weight: 600 !important;
color: #475569 !important;
background: #f8fafc !important;
border-bottom: 1px solid #e2e8f0 !important;
}
.gw-sample-note-table tbody td,
.gw-v23-track-table tbody td,
.gw-sibling-table tbody td,
.gw-roadmap-table tbody td,
.gw-uc-order-table tbody td {
padding: 14px 15px !important;
font-size: 13.5px !important;
line-height: 1.75 !important;
color: #334155 !important;
border-bottom: 1px solid #f1f5f9 !important;
}
@media screen and (max-width: 767px) {
.gw-sibling-table tbody tr,
.gw-roadmap-table tbody tr,
.gw-policy-prose table.gw-spec-table tr {
background: #f8fafc !important;
border: 1px solid #eef2f6 !important;
border-radius: 10px !important;
}
.gw-sibling-table tbody td,
.gw-roadmap-table tbody td,
.gw-uc-order-table tbody td {
padding: 4px 0 !important;
border-bottom: 0 !important;
}
}
#gw-editorial-quality-sample.is-card-view .gw-sample-note-table tr {
background: #f8fafc !important;
border: 1px solid #eef2f6 !important;
border-radius: 10px !important;
}
#gw-editorial-quality-sample.is-card-view .gw-sample-note-table td {
padding: 6px 0 !important;
border-bottom: 1px solid #eef2f6 !important;
}
#gw-editorial-quality-sample.is-card-view .gw-sample-note-table td:first-child,
#gw-editorial-quality-sample.is-card-view .gw-sample-note-table td:last-child {
border-bottom: 0 !important;
}
/* 10.2 De-AI Eyebrow Kicker Removal & De-Boxed Light Hairline Containers */
.gw-home-hero .gw-hero-kicker,
.gw-allcerts-hero .gw-hero-kicker,
.gw-niche-regime-banner,
.gw-sample-head {
display: none !important;
}
article.gw-single-sheet > div:first-child > span:first-child {
background: transparent !important;
border: 0 !important;
padding: 0 !important;
color: #64748b !important;
font-weight: 600 !important;
}
.gw-meta-grid,
.gw-v23-kpi-strip,
.gw-deliv-spec-item {
background: #f8fafc !important;
border: 1px solid #eef2f6 !important;
border-radius: 10px !important;
}
.gw-topic-block {
background: transparent !important;
padding: 4px 0 !important;
}
.gw-topic-pill,
.gw-study-col-topic-pill {
background: #f8fafc !important;
border: 1px solid #e2e8f0 !important;
color: #334155 !important;
border-radius: 6px !important;
}
.gw-v23-meta-bar,
.gw-v2-lineage-strip,
.gw-editorial-gov-bar {
background: transparent !important;
border: 0 !important;
border-top: 1px solid #f1f5f9 !important;
border-radius: 0 !important;
padding: 14px 0 0 0 !important;
color: #64748b !important;
}
.gw-v2-pitfall-grid {
gap: 18px !important;
}
.gw-v2-pitfall-card {
background: #f8fafc !important;
border: 1px solid #eef2f6 !important;
border-radius: 10px !important;
padding: 20px 22px !important;
}
.gw-practice-sample-card {
background: #f8fafc !important;
border: 1px solid #eef2f6 !important;
padding: 22px 24px !important;
}
@media (max-width: 575px) {
.gw-practice-sample-card {
padding: 16px 14px !important;
}
}
.gw-ps-badge {
background: #e2e8f0 !important;
color: #334155 !important;
border-radius: 5px !important;
font-weight: 600 !important;
}
.gw-ps-disclaimer {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
padding: 2px 0 !important;
color: #64748b !important;
}
/* Open 1px Hairline Book-Index FAQ Layout */
.gw-faq-list {
gap: 0 !important;
border-top: 1px solid #eef2f6 !important;
}
.gw-faq-item,
.gw-faq-item[open],
.gw-faq-card {
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid #eef2f6 !important;
border-radius: 0 !important;
box-shadow: none !important;
margin: 0 !important;
}
.gw-faq-q {
padding: 18px 32px 18px 2px !important;
background: transparent !important;
}
.gw-faq-card .gw-faq-q {
padding: 20px 4px 8px 2px !important;
}
.gw-faq-a {
padding: 0 12px 20px 30px !important;
line-height: 1.85 !important;
}
.gw-faq-card .gw-faq-a {
padding: 0 8px 22px 30px !important;
}
@media (max-width: 575px) {
.gw-faq-a,
.gw-faq-card .gw-faq-a {
padding-left: 4px !important;
}
}
/* 10.3 Strict Color Restraint: Color Only Where Semantically Necessary */
.gw-home-exam-card .gw-hec-badge.is-prep,
.gw-exam-meta-tag.is-prep,
.gw-side-prep-box {
background: #eff6ff !important;
color: #1e40af !important;
border: 0 !important;
}
.gw-hero-decision-notice.is-l3-archive,
.gw-holdback-banner,
.gw-multi-exam-alert {
background: #fffbeb !important;
color: #92400e !important;
border: 1px solid #fde68a !important;
border-radius: 8px !important;
padding: 11px 14px !important;
}
.gw-kicker-brand,
.gw-kicker-code,
.gw-kicker-lineage {
background: #f1f5f9 !important;
color: #475569 !important;
font-weight: 600 !important;
}
a.gw-kicker-brand:hover,
.gw-kicker-brand:hover {
background: #e2e8f0 !important;
color: #0f172a !important;
}
.gw-kicker-status {
background: #f1f5f9 !important;
color: #334155 !important;
font-weight: 600 !important;
}
.gw-kicker-status i {
color: #15803d !important;
}
.des .gw-cta-subbar > .gw-subbar-reassure {
color: #475569 !important;
}
.des .gw-cta-subbar > .gw-subbar-reassure i {
color: #64748b !important;
}
.des .gw-cta-subbar > .gw-subbar-cart-btn {
background: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
color: #334155 !important;
border-radius: 8px !important;
padding: 6px 13px !important;
font-weight: 600 !important;
}
.des .gw-cta-subbar > .gw-subbar-cart-btn i {
color: #64748b !important;
}
.des .gw-cta-subbar > .gw-subbar-cart-btn .gw-subbar-cart-text,
.des .gw-cta-subbar > .gw-subbar-cart-btn .gw-subbar-cart-paren {
color: #334155 !important;
border-bottom: 0 !important;
}
.des .gw-cta-subbar > .gw-subbar-cart-btn:hover,
.des .gw-cta-subbar > .gw-subbar-cart-btn:focus-visible {
background: #f1f5f9 !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
}
.des .gw-cta-subbar > .gw-subbar-cart-btn:hover i,
.des .gw-cta-subbar > .gw-subbar-cart-btn:hover .gw-subbar-cart-text,
.des .gw-cta-subbar > .gw-subbar-cart-btn:hover .gw-subbar-cart-paren,
.des .gw-cta-subbar > .gw-subbar-cart-btn:focus-visible i,
.des .gw-cta-subbar > .gw-subbar-cart-btn:focus-visible .gw-subbar-cart-text,
.des .gw-cta-subbar > .gw-subbar-cart-btn:focus-visible .gw-subbar-cart-paren {
color: #0f172a !important;
}
.gw-hero-decision-notice:not(.is-l3-archive) {
background: transparent !important;
border: 0 !important;
border-top: 1px solid #e2e8f0 !important;
border-radius: 0 !important;
padding: 10px 0 0 0 !important;
margin: 12px 0 18px 0 !important;
color: #475569 !important;
font-size: 13px !important;
line-height: 1.68 !important;
}
.gw-hero-decision-notice:not(.is-l3-archive) i {
color: #64748b !important;
}
.gw-hero-decision-notice:not(.is-l3-archive) a {
color: #0f172a !important;
}
.gw-redirect-memory-banner {
background: #f8fafc !important;
color: #334155 !important;
border: 1px solid #dce3ec !important;
border-radius: 8px !important;
padding: 10px 14px !important;
}
.gw-redirect-memory-banner i {
color: #64748b !important;
}
.gw-v2-pitfall-tag,
.gw-v2-pitfall-tag.is-info,
.gw-v2-pitfall-tag.is-ok {
background: transparent !important;
color: #64748b !important;
padding: 0 !important;
border-radius: 0 !important;
font-size: 12px !important;
font-weight: 600 !important;
margin-bottom: 5px !important;
}
.gw-boundary-matrix-domain {
background: transparent !important;
color: #64748b !important;
padding: 0 !important;
font-size: 12px !important;
font-weight: 500 !important;
}
.gw-v23-track-table tbody tr.is-current td {
background: #f8fafc !important;
}
.gw-v23-track-table tbody tr.is-current td:first-child {
border-left: 0 !important;
padding-left: 14px !important;
}
.gw-v23-track-table tbody tr.is-current td strong {
color: #0f172a !important;
}
.gw-v23-track-table tr.is-current .gw-v23-stage-tag {
background: #e2e8f0 !important;
color: #0f172a !important;
font-weight: 700 !important;
}
.gw-faq-badge,
.gw-faq-q::before {
background: transparent !important;
color: #64748b !important;
border: 0 !important;
border-radius: 0 !important;
width: 22px !important;
min-width: 22px !important;
height: auto !important;
padding: 1px 0 0 0 !important;
justify-content: flex-start !important;
font-size: 13.5px !important;
font-weight: 700 !important;
line-height: 1.5 !important;
}
.gw-faq-q::after,
.gw-faq-item[open] .gw-faq-q::after {
color: #94a3b8 !important;
font-weight: 400 !important;
top: 18px !important;
right: 6px !important;
}
.gw-home-trust-strip {
background: #f8fafc !important;
border: 1px solid #eef2f6 !important;
padding: 14px 18px !important;
}
.gw-hts-item i {
color: #64748b !important;
}
.gw-home-vendor-card,
.gw-home-cert-item,
.gw-home-exam-card,
.gw-home-exam-card.is-presale,
.gw-bento-card,
.gw-cert-exam-card,
.gw-study-col-card,
.gw-news-card,
.gw-prevnext-card {
background: #f8fafc !important;
border: 1px solid #eef2f6 !important;
}
.gw-home-vendor-card:hover,
.gw-home-cert-item:hover,
.gw-home-exam-card:hover,
.gw-cert-exam-card:hover,
.gw-study-col-card:hover,
.gw-news-card:hover,
.gw-prevnext-card:hover {
background: #ffffff !important;
border: 1px solid #cbd5e1 !important;
border-color: #cbd5e1 !important;
}
.gw-home-exam-card .gw-hec-badge.is-ai {
background: #ffffff !important;
color: #475569 !important;
border: 1px solid #e2e8f0 !important;
}
.gw-bento-icon {
background: #ffffff !important;
border: 1px solid #e2e8f0 !important;
color: #475569 !important;
}
.gw-bento-icon i {
color: #475569 !important;
}
.gw-roadmap-code-pill {
background: #ffffff !important;
border: 1px solid #cbd5e1 !important;
color: #1e293b !important;
}
.gw-roadmap-code-pill strong {
color: #0f172a !important;
}
.gw-roadmap-code-pill:hover {
background: #fce8e6 !important;
border: 1px solid #b91c1c !important;
border-color: #b91c1c !important;
color: #991b1b !important;
}
.gw-roadmap-code-pill:hover strong {
color: #991b1b !important;
}
.gw-exam-row-go {
color: #64748b !important;
}
.gw-exam-row:hover .gw-exam-row-go {
color: #b91c1c !important;
}
.gw-vblock {
margin-bottom: 30px !important;
}
.gw-vblock-head {
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid #e2e8f0 !important;
border-radius: 0 !important;
padding: 0 0 10px 0 !important;
margin-bottom: 6px !important;
}
.gw-vblock-more {
color: #64748b !important;
font-weight: 500 !important;
}
.gw-vblock-more:hover {
color: #b91c1c !important;
}
section.gw-vblock > div[style*="text-align:right"] {
display: none !important;
}
.gw-upd-old-code {
background: #f1f5f9 !important;
color: #475569 !important;
border: 0 !important;
font-weight: 600 !important;
}
.gw-upd-status-pill {
background: transparent !important;
color: #64748b !important;
padding: 0 !important;
font-weight: 500 !important;
}
.gw-upd-succ-link {
color: #0f172a !important;
font-weight: 600 !important;
text-decoration: underline !important;
text-decoration-color: #cbd5e1 !important;
text-underline-offset: 3px !important;
}
.gw-upd-succ-link:hover {
color: #b91c1c !important;
text-decoration-color: #b91c1c !important;
}
/* 10.4 Monochrome Slate Domain Bars & Clean A4 PDF Spec Sheet */
.gw-domain-bars {
gap: 13px !important;
margin: 14px 0 8px !important;
}
.gw-domain-bar-track {
height: 5px !important;
background: #e2e8f0 !important;
border-radius: 3px !important;
}
.gw-domain-bar-fill {
background: #334155 !important;
border-radius: 3px !important;
}
.gw-domain-bar-pct {
color: #0f172a !important;
font-variant-numeric: tabular-nums;
font-weight: 700 !important;
}
.gw-pdf-chrome-dots,
.gw-pdf-mock-bars,
.gw-pdf-mock-opts {
display: none !important;
}
.gw-pdf-viewer-frame {
background: #f8fafc !important;
border: 1px solid #eef2f6 !important;
border-radius: 10px !important;
padding: 16px 18px !important;
}
.gw-pdf-viewer-chrome {
padding: 0 0 10px 0 !important;
justify-content: space-between !important;
}
.gw-pdf-chrome-pill,
.gw-pdf-sheet-tag,
.gw-pdf-mock-qbadge {
background: #f1f5f9 !important;
color: #475569 !important;
}
.gw-pdf-sheet {
background: #ffffff !important;
border: 1px solid #e2e8f0 !important;
border-radius: 8px !important;
padding: 16px 18px !important;
}
.gw-pdf-mock-stem {
background: transparent !important;
padding: 4px 0 !important;
}
.gw-pdf-mock-exp {
background: #f8fafc !important;
border: 1px solid #e2e8f0 !important;
border-radius: 6px !important;
color: #334155 !important;
padding: 10px 12px !important;
margin-top: 8px !important;
}
.gw-pdf-mock-ans-chip {
background: #e2e8f0 !important;
color: #0f172a !important;
}
/* 10.5 Cart (/cart.html) & Checkout (/order.html) De-Cluttering */
.gw-cart-item-card,
.gw-cart-summary-bar,
.gw-cart-bundle-box,
.gw-checkout-panel {
background: #f8fafc !important;
border: 1px solid #eef2f6 !important;
border-radius: 10px !important;
}
.gw-cart-summary-bar div[style*="#ecfdf5"],
.gw-cart-summary-bar div[style*="#f0fdf4"] {
background: #ffffff !important;
border: 1px solid #e2e8f0 !important;
color: #334155 !important;
font-weight: 500 !important;
}
.gw-cart-summary-bar div[style*="#ecfdf5"] i,
.gw-cart-summary-bar div[style*="#f0fdf4"] i {
color: #64748b !important;
}
.gw-cart-summary-bar div[style*="#047857"] {
color: #334155 !important;
font-weight: 600 !important;
}
.gw-cart-bundle-box span[style*="#047857"] {
color: #475569 !important;
font-weight: 600 !important;
}
.gw-pay-method-card {
background: #ffffff !important;
border: 1px solid #e2e8f0 !important;
border-radius: 10px !important;
}
.gw-cb-pill,
.gw-cb-pill.is-wallet {
background: #f1f5f9 !important;
color: #334155 !important;
}
.gw-checkout-trust-box {
background: #ffffff !important;
border: 1px solid #eef2f6 !important;
color: #475569 !important;
}
.gw-checkout-trust-box i,
.gw-checkout-trust-box strong,
.gw-checkout-trust-box div,
.gw-checkout-trust-box li {
color: inherit !important;
}
.gw-checkout-trust-box i {
color: #64748b !important;
}
#gw-live-email-confirm {
background: #ffffff !important;
border: 1px solid #cbd5e1 !important;
color: #334155 !important;
border-radius: 8px !important;
}
#gw-live-email-confirm i {
color: #64748b !important;
}
#gw-live-email-confirm strong {
color: #0f172a !important;
}
/* 10.6 Remaining Legacy Solid Buttons Unified (Article CTA, Comment Submit, 404/410) */
.gw-article-exam-box {
background: #f8fafc !important;
border: 1px solid #eef2f6 !important;
border-radius: 10px !important;
}
.gw-article-exam-box .gw-side-buy-btn {
background: #ffffff !important;
background-color: #ffffff !important;
color: #b91c1c !important;
border: 1px solid #b91c1c !important;
border-radius: 10px !important;
font-weight: 700 !important;
box-shadow: none !important;
}
.gw-article-exam-box .gw-side-buy-btn i,
.gw-article-exam-box .gw-side-buy-btn span {
color: inherit !important;
}
.gw-article-exam-box .gw-side-buy-btn:hover,
.gw-article-exam-box .gw-side-buy-btn:focus,
.gw-article-exam-box .gw-side-buy-btn:focus-visible {
background: #fce8e6 !important;
background-color: #fce8e6 !important;
color: #991b1b !important;
border-color: #991b1b !important;
box-shadow: none !important;
}
.gw-comment-form-card {
background: #f8fafc !important;
border: 1px solid #eef2f6 !important;
}
.des #button-review.gw-comment-submit-btn {
background: #ffffff !important;
background-color: #ffffff !important;
color: #334155 !important;
border: 1px solid #cbd5e1 !important;
border-radius: 8px !important;
font-weight: 600 !important;
box-shadow: none !important;
}
.des #button-review.gw-comment-submit-btn:hover,
.des #button-review.gw-comment-submit-btn:focus,
.des #button-review.gw-comment-submit-btn:focus-visible {
background: #f1f5f9 !important;
background-color: #f1f5f9 !important;
color: #0f172a !important;
border-color: #94a3b8 !important;
box-shadow: none !important;
}
body.gw-standalone-error .error-card {
border: 1px solid #dce3ec !important;
}
body.gw-standalone-error .error-number:not(.error-success) {
background: #f1f5f9 !important;
color: #475569 !important;
}
body.gw-standalone-error .error-number.error-success {
background: #ecfdf5 !important;
color: #047857 !important;
}
body.gw-standalone-error .error-actions .gw-auth-submit {
background: #ffffff !important;
background-color: #ffffff !important;
color: #b91c1c !important;
border: 1px solid #b91c1c !important;
border-radius: 10px !important;
box-shadow: none !important;
}
body.gw-standalone-error .error-actions .gw-auth-submit:hover,
body.gw-standalone-error .error-actions .gw-auth-submit:focus,
body.gw-standalone-error .error-actions .gw-auth-submit:focus-visible {
background: #fce8e6 !important;
background-color: #fce8e6 !important;
color: #991b1b !important;
border-color: #991b1b !important;
box-shadow: none !important;
}
/* 10.7 Plan A Bicolor Upright Vector Wordmark & Hairline Tagline Lockup */
.gw-site-header .gw-brand-lockup,
header.gw-err-header .gw-brand-lockup {
gap: 11px !important;
align-items: center !important;
}
.gw-site-header .gw-brand-lockup img,
header.gw-err-header .gw-brand-lockup img {
height: 25px !important;
max-height: 25px !important;
width: auto !important;
display: block !important;
}
.gw-logo-tagline {
border-left: 1px solid #e2e8f0 !important;
padding-left: 11px !important;
color: #64748b !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 1.3 !important;
}
.gw-mobile-logo {
display: inline-flex !important;
align-items: center !important;
}
.gw-mobile-logo img {
height: 22px !important;
max-height: 22px !important;
width: auto !important;
display: block !important;
}
.gw-footer-logo-link img {
height: 23px !important;
max-height: 23px !important;
width: auto !important;
display: block !important;
}
/* --------------------------------------------------------------------------
11. V2.9.4 STRUCTURAL HIERARCHY & PRECISION HEADER ALIGNMENT
(60px Zero-Offset Header Axis + 4-Level Editorial Chapter Architecture)
-------------------------------------------------------------------------- */
/* 11.1 Desktop 60px Precision Header (0.0px Vertical Axis Alignment) */
@media screen and (min-width: 992px) {
.gw-site-header {
background: #ffffff !important;
border-bottom: 1px solid #dce3ec !important;
border-width: 0 0 1px 0 !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02) !important;
}
.gw-site-header .gw-header-bar {
height: 60px !important;
min-height: 60px !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
}
.gw-site-header .gw-header-logo {
display: flex !important;
align-items: center !important;
height: 60px !important;
line-height: 1 !important;
margin: 0 !important;
padding: 0 !important;
}
.gw-site-header .gw-brand-lockup {
display: inline-flex !important;
align-items: center !important;
height: 60px !important;
gap: 12px !important;
line-height: 1 !important;
}
.gw-site-header .gw-brand-lockup img {
height: 30px !important;
max-height: 30px !important;
width: auto !important;
display: block !important;
}
.gw-site-header .gw-logo-tagline {
display: inline-flex !important;
align-items: center !important;
height: 18px !important;
padding: 0 0 0 12px !important;
border-left: 1px solid #cbd5e1 !important;
font-size: 12px !important;
font-weight: 500 !important;
color: #475569 !important;
line-height: 1 !important;
}
.gw-site-header .gw-header-nav,
.gw-site-header .gw-header-nav nav,
.gw-site-header .gw-header-nav ul,
.gw-site-header .gw-header-nav li {
display: flex !important;
align-items: center !important;
height: 60px !important;
margin: 0 !important;
padding: 0 !important;
}
.gw-site-header .gw-header-nav {
margin: 0 auto !important;
}
.gw-site-header .gw-header-nav ul {
gap: 28px !important;
}
.gw-site-header .gw-header-nav a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 60px !important;
padding: 0 4px !important;
margin: 0 !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1 !important;
color: #1e293b !important;
border-top: 2px solid transparent !important;
border-bottom: 2px solid transparent !important;
}
.gw-site-header .gw-header-nav a:hover,
.gw-site-header .gw-header-nav a.active {
color: #b91c1c !important;
border-bottom-color: #b91c1c !important;
}
.gw-site-header .gw-header-actions {
height: 60px !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
}
.gw-site-header .gw-header-search-form {
height: 36px !important;
margin: 0 2px 0 0 !important;
border: 1px solid #cbd5e1 !important;
background: #f8fafc !important;
}
.gw-site-header .gw-header-search-form:focus-within {
background: #ffffff !important;
border-color: #94a3b8 !important;
}
.gw-site-header .gw-header-search-form input[type="search"],
.gw-site-header .gw-header-search-form input[type="text"] {
margin: 0 !important;
}
.gw-site-header .gw-cart-icon-link {
width: 36px !important;
height: 36px !important;
margin: 0 !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: #f8fafc !important;
border: 1px solid #e2e8f0 !important;
}
.gw-site-header .gw-cart-icon-link:hover,
.gw-site-header .gw-cart-icon-link.is-active {
background: #fce8e6 !important;
border-color: #fecaca !important;
color: #b91c1c !important;
}
.gw-site-header .gw-account-dropdown {
height: 36px !important;
margin: 0 !important;
padding: 0 13px !important;
display: inline-flex !important;
align-items: center !important;
background: #f8fafc !important;
border: 1px solid #e2e8f0 !important;
border-radius: 999px !important;
}
.gw-site-header .gw-account-dropdown:hover {
background: #f1f5f9 !important;
border-color: #cbd5e1 !important;
}
.gw-site-header .gw-account-link {
font-size: 13.5px !important;
font-weight: 600 !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
color: #1e293b !important;
margin: 0 !important;
padding: 0 !important;
}
.gw-site-header .gw-account-link span,
.gw-site-header .gw-account-link i {
font-size: 13.5px !important;
line-height: 1 !important;
margin: 0 !important;
padding: 0 !important;
}
.gw-site-header .gw-account-link:hover,
.gw-site-header .gw-account-link:hover span {
color: #b91c1c !important;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.gw-site-header .gw-brand-lockup img {
height: 27px !important;
max-height: 27px !important;
}
.gw-site-header .gw-header-nav ul {
gap: 18px !important;
}
}
@media screen and (max-width: 1340px) {
.gw-site-header .gw-logo-tagline,
header.gw-err-header .gw-logo-tagline {
display: none !important;
}
}
/* Mobile Header (< 992px) & Standalone Error Header */
@media screen and (max-width: 991px) {
.sf-header,
.global-nav.sf-header {
border-bottom: 1px solid #dce3ec !important;
border-width: 0 0 1px 0 !important;
}
.gw-mobile-logo img {
height: 24px !important;
max-height: 24px !important;
}
}
header.gw-err-header {
background: #ffffff !important;
border-bottom: 1px solid #dce3ec !important;
border-width: 0 0 1px 0 !important;
}
.gw-err-header-inner {
min-height: 60px !important;
padding: 0 15px !important;
align-items: center !important;
}
header.gw-err-header .gw-brand-lockup img {
height: 28px !important;
max-height: 28px !important;
}
header.gw-err-header nav.gw-err-nav a {
border: 0 !important;
border-bottom: 0 !important;
text-decoration: none !important;
}
@media screen and (max-width: 767px) {
.gw-err-header-inner {
padding: 10px 15px !important;
}
}
/* 11.2 L0 Stage Canvas, White Sheet Cut-Lines & Footer Framing */
body,
body.gw-standalone-error,
html body.gw-standalone-error {
background-color: #f1f4f8 !important;
}
section.main > .container:not(.gw-split-stage),
.gw-main-sheet,
.gw-single-sheet,
.gw-commerce-sheet,
.gw-side-card,
.gw-auth-card,
.gw-policy-card,
body.gw-standalone-error .error-card {
background: #ffffff !important;
border: 1px solid #dce3ec !important;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
}
footer,
footer.gw-site-footer {
background: #eaeff5 !important;
border-top: 1px solid #cbd5e1 !important;
border-width: 1px 0 0 0 !important;
}
.gw-footer-heading {
border-bottom: 1px solid #cbd5e1 !important;
border-width: 0 0 1px 0 !important;
padding-bottom: 8px !important;
margin-bottom: 12px !important;
}
.gw-footer-contact-box {
border: 1px solid #dce3ec !important;
}
/* 11.3 L1 Major Chapters / H2 (Chapter Dividers + 3.5px Crimson Spine + Bottom Rule) */
.gw-home-trust-strip {
background: #f8fafc !important;
border: 1px solid #dce3ec !important;
margin: 16px 0 0 0 !important;
}
.gw-main-sheet > .gw-home-catalog-sec,
.gw-main-sheet > .gw-home-bento-grid,
.gw-main-sheet > .gw-home-news-section {
margin-top: 32px !important;
padding-top: 32px !important;
margin-bottom: 0 !important;
border-top: 1px solid #cbd5e1 !important;
}
.gw-main-sheet > .gw-home-bento-grid {
padding-bottom: 0 !important;
}
.gw-main-sheet > .gw-allcerts-hero + .gw-home-catalog-sec {
margin-top: 0 !important;
padding-top: 0 !important;
margin-bottom: 28px !important;
border-top: 0 !important;
}
.gw-editorial-section {
padding: 36px 0 !important;
}
.gw-editorial-section.br-b,
.spot-feedback .feedback-content.br-b {
border-bottom: 1px solid #cbd5e1 !important;
}
.des > .gw-editorial-section:first-of-type {
margin-top: 28px !important;
padding-top: 36px !important;
border-top: 2px solid #cbd5e1 !important;
}
.spot-feedback {
padding-top: 32px !important;
}
.gw-brand-hero,
.gw-allcerts-hero {
padding-bottom: 24px !important;
margin-bottom: 26px !important;
border-bottom: 1px solid #cbd5e1 !important;
}
.gw-directory-section {
padding: 28px 0 !important;
border-bottom: 1px solid #cbd5e1 !important;
}
#gw-vendor-hub-panel > .gw-guide-card + .gw-guide-card {
margin-top: 4px !important;
padding-top: 28px !important;
border-top: 1px solid #cbd5e1 !important;
}
.gw-section-title-bar,
.gw-section-head,
.gw-review-sec-head,
.gw-form-sec-head {
padding-bottom: 11px !important;
margin-bottom: 18px !important;
border-bottom: 1px solid #dce3ec !important;
}
h2.gw-native-h2,
.des .content h2.gw-native-h2 {
position: relative !important;
padding: 0 0 10px 13px !important;
margin: 0 0 14px 0 !important;
border-bottom: 1px solid #dce3ec !important;
}
.gw-section-title-bar h2,
.gw-section-head h2,
.gw-section-head h2.gw-native-h2,
.des .content .gw-section-head h2,
.des .content .gw-section-head h2.gw-native-h2,
.gw-review-sec-head h2,
.des .content .gw-review-sec-head h2,
.gw-form-sec-head h2 {
position: relative !important;
padding: 0 0 0 13px !important;
margin: 0 !important;
border-bottom: 0 !important;
}
#gw-vendor-hub-panel > .gw-guide-card > h2,
.gw-article-prose h2,
.gw-policy-prose .policy-article h2,
.gw-sitemap-h2 {
position: relative !important;
padding: 0 0 10px 13px !important;
margin-bottom: 16px !important;
border-left: 0 !important;
border-bottom: 1px solid #dce3ec !important;
}
.gw-section-title-bar h2::before,
.gw-section-head h2::before,
h2.gw-native-h2::before,
.gw-review-sec-head h2::before,
.gw-form-sec-head h2::before,
#gw-vendor-hub-panel > .gw-guide-card > h2::before,
.gw-article-prose h2::before,
.gw-policy-prose .policy-article h2::before,
.gw-sitemap-h2::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 0.16em !important;
bottom: 0.16em !important;
width: 3.5px !important;
border-radius: 2px !important;
background: #b91c1c !important;
}
h2.gw-native-h2::before,
#gw-vendor-hub-panel > .gw-guide-card > h2::before,
.gw-article-prose h2::before,
.gw-policy-prose .policy-article h2::before,
.gw-sitemap-h2::before {
bottom: calc(10px + 0.16em) !important;
}
.gw-section-head h2.gw-native-h2::before {
bottom: 0.16em !important;
}
.gw-vblock-head {
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid #cbd5e1 !important;
border-radius: 0 !important;
padding: 0 0 10px 0 !important;
margin-bottom: 8px !important;
}
/* 11.4 L2 Subsections / H3 & Subheads (1px Solid Hairline Dividers, Zero Subhead Left Stripes) */
.gw-topic-block {
margin-top: 24px !important;
padding-top: 22px !important;
border-top: 1px solid #e2e8f0 !important;
border-radius: 0 !important;
}
.gw-topic-head {
border-left: 0 !important;
padding-left: 0 !important;
font-size: 15.5px !important;
font-weight: 700 !important;
color: #0f172a !important;
margin-bottom: 12px !important;
}
.gw-v23-meta-bar {
margin-top: 22px !important;
padding: 12px 15px !important;
background: #f8fafc !important;
border: 1px solid #dce3ec !important;
border-radius: 8px !important;
}
.gw-v25-dates-row {
margin-top: 12px !important;
padding-top: 10px !important;
border-top: 1px solid #e2e8f0 !important;
}
.gw-v2-pitfall-card {
background: #f8fafc !important;
border: 1px solid #dce3ec !important;
border-radius: 10px !important;
padding: 18px 20px !important;
}
.gw-v2-pitfall-tag,
.gw-v2-pitfall-tag.is-info,
.gw-v2-pitfall-tag.is-ok {
display: block !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 6px !important;
margin-bottom: 8px !important;
background: transparent !important;
border-bottom: 1px solid #e2e8f0 !important;
border-radius: 0 !important;
color: #475569 !important;
}
#gw-exam-pitfalls + .gw-v23-deliverable-box,
#gw-v23-kpi-dashboard + .gw-v23-deliverable-box {
margin-top: 28px !important;
padding-top: 26px !important;
border-top: 1px solid #e2e8f0 !important;
border-radius: 0 !important;
}
.gw-v23-deliv-title {
border-left: 0 !important;
padding-left: 0 !important;
font-size: 16.5px !important;
font-weight: 700 !important;
color: #0f172a !important;
}
.gw-v23-deliv-title > i {
display: none !important;
}
.gw-pdf-viewer-frame {
margin-top: 14px !important;
background: #f1f5f9 !important;
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
padding: 16px 18px !important;
}
.gw-pdf-viewer-chrome {
border-bottom: 1px solid #dce3ec !important;
margin-bottom: 12px !important;
padding-bottom: 10px !important;
}
.gw-pdf-sheet {
background: #ffffff !important;
border: 1px solid #cbd5e1 !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}
.gw-practice-sample-card {
margin-top: 28px !important;
background: #f1f5f9 !important;
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
}
.gw-ps-paper {
background: #ffffff !important;
border: 1px solid #dce3ec !important;
border-radius: 8px !important;
}
#gw-editorial-quality-sample,
.gw-editorial-sample-box {
margin-top: 30px !important;
padding: 28px 0 0 0 !important;
background: transparent !important;
border: 0 !important;
border-top: 1px solid #e2e8f0 !important;
border-radius: 0 !important;
}
#gw-v2-study-plan > .gw-section-head + #gw-editorial-quality-sample {
margin-top: 2px !important;
padding-top: 0 !important;
border-top: 0 !important;
}
h3.gw-sample-title {
border-left: 0 !important;
padding-left: 0 !important;
font-size: 17.5px !important;
font-weight: 700 !important;
color: #0f172a !important;
margin-bottom: 8px !important;
}
.gw-boundary-matrix-card {
background: #ffffff !important;
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
overflow: hidden !important;
}
.gw-boundary-matrix-head {
background: #f1f5f9 !important;
border-bottom: 1px solid #dce3ec !important;
padding: 11px 16px !important;
margin: 0 !important;
}
.gw-boundary-matrix-sub {
background: #f8fafc !important;
border-bottom: 1px solid #e2e8f0 !important;
padding: 8px 16px !important;
margin: 0 !important;
}
#gw-editorial-quality-sample:not(.is-card-view) .gw-sample-note-table tbody tr:last-child td {
border-bottom: 0 !important;
}
#gw-editorial-quality-sample.is-card-view .gw-matrix-table-scroll {
padding: 12px !important;
}
.gw-cert-tracks-block {
padding-bottom: 24px !important;
margin-bottom: 24px !important;
border-bottom: 1px solid #e2e8f0 !important;
border-radius: 0 !important;
}
.gw-vendor-featured-box {
padding-bottom: 26px !important;
margin-bottom: 6px !important;
border-bottom: 1px solid #cbd5e1 !important;
}
.gw-subhead-label {
border-left: 0 !important;
padding-left: 0 !important;
font-size: 16px !important;
font-weight: 700 !important;
color: #0f172a !important;
}
.gw-subhead-label > i {
display: none !important;
}
.gw-v2-hub-box {
background: #f8fafc !important;
border: 1px solid #dce3ec !important;
border-radius: 10px !important;
padding: 18px 20px !important;
}
.gw-v2-hub-box h3 {
padding-bottom: 8px !important;
margin-bottom: 10px !important;
border-bottom: 1px solid #e2e8f0 !important;
}
.gw-article-prose h3,
.gw-policy-prose .policy-article h3 {
border-left: 0 !important;
padding-left: 0 !important;
margin-top: 24px !important;
}
/* 11.5 L3 Content Units (Cards, Left-Header Spec Tables, Directories, FAQ & Rail) */
.gw-meta-grid,
.gw-v23-kpi-strip {
background: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
overflow: hidden !important;
}
@media screen and (min-width: 680px) {
.gw-meta-cell:nth-child(odd) {
border-right: 1px solid #e2e8f0 !important;
}
.gw-meta-cell:nth-child(n+3) {
border-top: 1px solid #e2e8f0 !important;
}
.gw-v23-kpi-cell + .gw-v23-kpi-cell {
border-left: 1px solid #e2e8f0 !important;
}
}
.gw-home-vendor-card,
.gw-home-cert-item,
.gw-home-exam-card,
.gw-home-exam-card.is-presale,
.gw-bento-card,
.gw-cert-exam-card,
.gw-study-col-card,
.gw-news-card,
.gw-prevnext-card,
.gw-deliv-spec-item {
background: #f8fafc !important;
border: 1px solid #dce3ec !important;
}
.gw-home-vendor-card:hover,
.gw-home-cert-item:hover,
.gw-home-exam-card:hover,
.gw-home-exam-card.is-presale:hover,
.gw-cert-exam-card:hover,
.gw-study-col-card:hover,
.gw-news-card:hover,
.gw-prevnext-card:hover {
background: #ffffff !important;
border: 1px solid #94a3b8 !important;
border-color: #94a3b8 !important;
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05) !important;
}
.gw-hec-foot,
.gw-news-foot {
border-top: 1px solid #e2e8f0 !important;
padding-top: 9px !important;
margin-top: 8px !important;
}
.gw-home-subvendors {
margin-top: 14px !important;
background: #f8fafc !important;
border: 1px solid #dce3ec !important;
border-radius: 8px !important;
}
@media screen and (min-width: 768px) {
.gw-clean-spec-table,
.gw-main-sheet .gw-clean-spec-table,
.gw-hub-spec-table {
border-top: 1px solid #cbd5e1 !important;
border-bottom: 1px solid #cbd5e1 !important;
}
.gw-clean-spec-table tr:first-child th,
.gw-clean-spec-table tr:first-child td,
.gw-main-sheet .gw-clean-spec-table tr:first-child th,
.gw-main-sheet .gw-clean-spec-table tr:first-child td,
.gw-hub-spec-table tr:first-child th,
.gw-hub-spec-table tr:first-child td {
border-top: 0 !important;
}
.gw-clean-spec-table th,
.gw-main-sheet .gw-clean-spec-table th,
.gw-hub-spec-table th {
background: #f8fafc !important;
color: #1e293b !important;
font-weight: 600 !important;
border-right: 1px solid #e2e8f0 !important;
border-bottom: 1px solid #e2e8f0 !important;
padding: 13px 16px !important;
}
.gw-clean-spec-table td,
.gw-main-sheet .gw-clean-spec-table td,
.gw-hub-spec-table td {
background: #ffffff !important;
border-bottom: 1px solid #e2e8f0 !important;
padding: 13px 16px !important;
}
.gw-clean-spec-table tr:last-child th,
.gw-clean-spec-table tr:last-child td,
.gw-main-sheet .gw-clean-spec-table tr:last-child th,
.gw-main-sheet .gw-clean-spec-table tr:last-child td,
.gw-hub-spec-table tr:last-child th,
.gw-hub-spec-table tr:last-child td {
border-bottom: 0 !important;
}
}
.gw-v23-track-wrap,
.gw-roadmap-table-wrap {
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
overflow: hidden !important;
background: #ffffff !important;
}
@media screen and (max-width: 767px) {
.gw-v23-track-wrap {
overflow-x: auto !important;
overflow-y: hidden !important;
}
.gw-roadmap-table-wrap {
border: 0 !important;
border-radius: 0 !important;
overflow: visible !important;
background: transparent !important;
}
.gw-roadmap-table tbody tr,
.gw-sibling-table tbody tr {
border: 1px solid #dce3ec !important;
}
}
.gw-v23-track-wrap thead th,
.gw-roadmap-table-wrap thead th,
.gw-sample-note-table thead th {
background: #f1f5f9 !important;
border-bottom: 1px solid #cbd5e1 !important;
color: #1e293b !important;
}
.gw-v23-track-wrap tbody tr:last-child td,
.gw-roadmap-table-wrap tbody tr:last-child td {
border-bottom: 0 !important;
}
.gw-exam-directory {
background: #ffffff !important;
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
overflow: hidden !important;
}
.gw-exam-row {
border-bottom: 1px solid #e2e8f0 !important;
border-radius: 0 !important;
padding: 13px 16px !important;
}
.gw-exam-row:last-child {
border-bottom: 0 !important;
}
.gw-home-news-list {
border-top: 1px solid #dce3ec !important;
}
.gw-home-news-row {
border-bottom: 1px solid #e2e8f0 !important;
border-radius: 0 !important;
}
.gw-vblock-item {
border-bottom: 1px solid #e2e8f0 !important;
}
.gw-faq-list {
border-top: 1px solid #cbd5e1 !important;
}
.gw-faq-item,
.gw-faq-item[open],
.gw-faq-card {
border-bottom: 1px solid #dce3ec !important;
}
.gw-faq-badge,
.gw-faq-q::before {
color: #b91c1c !important;
}
.gw-side-title,
.gw-side-vendor-head,
.gw-side-search-label,
.left-vendor dl dt,
.gw-sticky-toc {
border-bottom: 1px solid #e2e8f0 !important;
padding-bottom: 9px !important;
margin-bottom: 11px !important;
}
.gw-sticky-dock-card {
border: 1px solid #cbd5e1 !important;
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06) !important;
}
.gw-sticky-sub-actions {
border-top: 1px solid #e2e8f0 !important;
padding-top: 9px !important;
}
/* 11.6 Straight-Edge Hairline Dividers (Zero Corner Hooks) & A-Z Vendor Rhythm */
.gw-editorial-section,
.gw-topic-block,
.gw-v23-deliverable-box,
#gw-editorial-quality-sample,
.gw-editorial-sample-box,
.gw-cert-tracks-block,
.gw-vendor-featured-box,
.gw-cert-subcat-box,
#gw-vendor-hub-panel > .gw-guide-card,
.gw-directory-section,
.gw-brand-hero,
.gw-allcerts-hero,
.gw-main-sheet > .gw-home-catalog-sec,
.gw-main-sheet > .gw-home-bento-grid,
.gw-main-sheet > .gw-home-news-section,
.gw-faq-list,
.gw-faq-item,
.gw-faq-card,
.gw-vblock,
.gw-vblock-item {
border-radius: 0 !important;
}
.gw-vblock {
margin-bottom: 0 !important;
}
.gw-vblock + .gw-vblock {
margin-top: 24px !important;
padding-top: 24px !important;
border-top: 1px solid #dce3ec !important;
}
/* --------------------------------------------------------------------------
12. V2.9.5 FULL-SITE, MEMBER & COMMERCE MINIMALIST UNIFICATION
(Single-Sheet Canvas Fix, M3 Surface Sweep, Slate Navy Accents,
Pagination / Alerts / Forms & Secondary Button De-Solidification)
-------------------------------------------------------------------------- */
/* 12.1 Eliminate "Russian-Doll" Double White Container on Single-Column Pages */
body section.main > .container.gw-sitemap-wrap,
body section.main > .container.gw-single-stage,
body section.main > .container:has(> .gw-auth-stage),
body section.main > .container:has(> .gw-auth-dual-stage),
body section.main > .container:has(> .gw-commerce-sheet),
body section.main > .container:has(> .gw-rcpt-wrap),
body section.main > .container:has(> .gw-rcpt-stage),
body section.main > .container:has(> .gw-retired-panel),
body section.main > .container:has(> .gw-sitemap-hero-card),
body section.main > .container:has(> .gw-err-panel) {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.gw-auth-card,
.gw-commerce-sheet,
.gw-rcpt-toolbar,
.gw-rcpt-form-card,
.gw-retired-panel,
.gw-sitemap-hero-card,
.gw-sitemap-section,
.gw-sitemap-vendor-card,
.gw-single-sheet {
background: #ffffff !important;
border: 1px solid #dce3ec !important;
border-radius: 10px !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}
/* 12.2 Unbordered M3 #f1f3f4 Gray Surface Leaks -> Crisp #F8FAFC + #DCE3EC */
.gw-uc-stat-card,
.gw-uc-quick-item,
.gw-uc-empty,
.gw-jp-benefit-box,
.gw-auth-guest-note,
.gw-guest-mypage-guide,
.gw-policy-callout {
background: #f8fafc !important;
border: 1px solid #dce3ec !important;
border-radius: 8px !important;
box-shadow: none !important;
}
.gw-uc-quick-item:hover,
.gw-uc-quick-item:focus {
background: #ffffff !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
}
/* 12.3 Pagination, Alerts, .has-success & Saturated Royal-Blue Sweep */
.pagination > li > a,
.pagination > li > span {
background: #ffffff !important;
border: 1px solid #dce3ec !important;
color: #334155 !important;
border-radius: 6px !important;
margin: 0 3px !important;
box-shadow: none !important;
font-weight: 500 !important;
}
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
background: #f8fafc !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background: #fef2f2 !important;
border: 1.5px solid #b91c1c !important;
color: #b91c1c !important;
font-weight: 700 !important;
}
.pagination > .disabled > a,
.pagination > .disabled > span,
.pagination > .disabled > a:hover,
.pagination > .disabled > span:hover,
.pagination > .disabled > a:focus,
.pagination > .disabled > span:focus {
background: #f8fafc !important;
color: #94a3b8 !important;
border-color: #e2e8f0 !important;
}
.alert-success {
background: #ecfdf5 !important;
border: 1px solid #a7f3d0 !important;
color: #065f46 !important;
border-radius: 8px !important;
box-shadow: none !important;
}
.alert-danger {
background: #fef2f2 !important;
border: 1px solid #fecaca !important;
color: #991b1b !important;
border-radius: 8px !important;
box-shadow: none !important;
}
.alert-warning {
background: #fffbeb !important;
border: 1px solid #fde68a !important;
color: #92400e !important;
border-radius: 8px !important;
box-shadow: none !important;
}
.alert-info {
background: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
color: #1e293b !important;
border-radius: 8px !important;
box-shadow: none !important;
}
.has-success .form-control {
border-color: #cbd5e1 !important;
box-shadow: none !important;
}
.has-success .form-control:focus {
border-color: #0f172a !important;
box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.08) !important;
}
.has-success .control-label,
.has-success .help-block,
.has-success .checkbox,
.has-success .radio {
color: #334155 !important;
}
#releaseNotifyModal .gw-modal-box {
background: #ffffff !important;
border: 1px solid #dce3ec !important;
border-radius: 10px !important;
}
#releaseNotifyModal .gw-modal-price-card.is-prep,
.gw-modal-price-card.is-prep {
background: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
border-radius: 8px !important;
color: #1e293b !important;
box-shadow: none !important;
}
#releaseNotifyModal .gw-modal-prep-kicker,
.gw-modal-prep-kicker {
color: #475569 !important;
}
#releaseNotifyModal .gw-modal-prep-main,
.gw-modal-prep-main {
color: #0f172a !important;
}
#releaseNotifyModal .gw-modal-cta.is-prep,
.gw-modal-cta.is-prep,
.gw-cta-row .btn-cart2,
.gw-side-notify-btn {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1.5px solid #475569 !important;
color: #0f172a !important;
border-radius: 8px !important;
box-shadow: none !important;
}
#releaseNotifyModal .gw-modal-cta.is-prep:hover,
.gw-modal-cta.is-prep:hover,
.gw-cta-row .btn-cart2:hover,
.gw-side-notify-btn:hover {
background: #f1f5f9 !important;
background-color: #f1f5f9 !important;
border-color: #1e293b !important;
color: #0f172a !important;
}
.gw-upd-succ-link,
.gw-sib-code-link {
color: #1e293b !important;
font-weight: 600 !important;
}
.gw-upd-succ-link:hover,
.gw-sib-code-link:hover {
color: #b91c1c !important;
}
.gw-domain-bar-fill {
background: #334155 !important;
}
.gw-domain-bar-pct {
color: #1e293b !important;
}
.gw-roadmap-code-pill {
background: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
color: #1e293b !important;
}
.gw-roadmap-code-pill:hover {
background: #fef2f2 !important;
border-color: #b91c1c !important;
color: #991b1b !important;
}
/* 12.4 Secondary / Account Button Unification (5 Primary Purchase CTAs Untouched) */
button.gw-auth-submit:not(#pay-now),
.gw-submit-btn,
#contactForm #submit {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1.5px solid #b91c1c !important;
color: #b91c1c !important;
border-radius: 8px !important;
box-shadow: none !important;
animation: none !important;
}
button.gw-auth-submit:not(#pay-now):hover,
button.gw-auth-submit:not(#pay-now):focus,
.gw-submit-btn:hover,
.gw-submit-btn:focus,
#contactForm #submit:hover,
#contactForm #submit:focus {
background: #fef2f2 !important;
background-color: #fef2f2 !important;
border-color: #991b1b !important;
color: #991b1b !important;
box-shadow: 0 2px 6px rgba(185, 28, 28, 0.08) !important;
}
.gw-modal-cta:not(.is-prep),
.gw-dl-btn-jp,
a[data-ga-download="jp"].btn,
.gw-uc-btn-primary,
.gw-rcpt-print-btn,
.gw-cert-btn-cart,
.gw-side-buy-btn:not(#submit),
.gw-btn-primary,
.gw-uc-empty a.gw-auth-submit,
.gw-commerce-sheet > div:not(.gw-cart-summary-bar) > a.gw-auth-submit,
.gw-auth-card a.gw-auth-submit,
.gw-action-row a.gw-auth-submit,
.error-actions a.gw-auth-submit {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1.5px solid #b91c1c !important;
color: #b91c1c !important;
border-radius: 8px !important;
box-shadow: none !important;
font-weight: 700 !important;
}
.gw-modal-cta:not(.is-prep):hover,
.gw-modal-cta:not(.is-prep):focus,
.gw-dl-btn-jp:hover,
.gw-dl-btn-jp:focus,
a[data-ga-download="jp"].btn:hover,
a[data-ga-download="jp"].btn:focus,
.gw-uc-btn-primary:hover,
.gw-uc-btn-primary:focus,
.gw-rcpt-print-btn:hover,
.gw-rcpt-print-btn:focus,
.gw-cert-btn-cart:hover,
.gw-cert-btn-cart:focus,
.gw-side-buy-btn:not(#submit):hover,
.gw-side-buy-btn:not(#submit):focus,
.gw-btn-primary:hover,
.gw-btn-primary:focus,
.gw-uc-empty a.gw-auth-submit:hover,
.gw-commerce-sheet > div:not(.gw-cart-summary-bar) > a.gw-auth-submit:hover,
.gw-auth-card a.gw-auth-submit:hover,
.gw-action-row a.gw-auth-submit:hover,
.error-actions a.gw-auth-submit:hover {
background: #fef2f2 !important;
background-color: #fef2f2 !important;
border-color: #991b1b !important;
color: #991b1b !important;
box-shadow: none !important;
}
.gw-dl-btn-en,
a[data-ga-download="en"].btn,
.btn-border-2,
.gw-inline-apply .btn-default {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #cbd5e1 !important;
color: #1e293b !important;
border-radius: 8px !important;
box-shadow: none !important;
font-weight: 600 !important;
}
.gw-dl-btn-en:hover,
.gw-dl-btn-en:focus,
a[data-ga-download="en"].btn:hover,
a[data-ga-download="en"].btn:focus,
.btn-border-2:hover,
.btn-border-2:focus,
.gw-inline-apply .btn-default:hover,
.gw-inline-apply .btn-default:focus {
background: #f8fafc !important;
background-color: #f8fafc !important;
border-color: #0f172a !important;
color: #0f172a !important;
box-shadow: none !important;
}
.gw-cert-chip {
background: #ffffff !important;
border: 1px solid #dce3ec !important;
color: #334155 !important;
}
.gw-cert-chip:hover {
background: #f8fafc !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
}
.gw-cert-chip.is-active {
background: #fef2f2 !important;
border: 1px solid #b91c1c !important;
color: #b91c1c !important;
font-weight: 700 !important;
}
html body.gw-standalone-error .error-number.error-success {
background: #ecfdf5 !important;
border: 1px solid #a7f3d0 !important;
color: #047857 !important;
}
/* 12.5 Mobile Menu Toggle Zero-Black-Border & Sitemap / Secondary Pill Hairlines */
button.fabtn,
.fabtn,
button.gw-mobile-menu-btn,
.gw-mobile-menu-btn {
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
outline: none;
}
.gw-sitemap-link-list li a,
.gw-sitemap-vendor-chip,
.gw-sitemap-cert-link,
.gw-sitemap-exam-list li a {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #dce3ec !important;
border-radius: 8px !important;
box-shadow: none !important;
}
.gw-sitemap-link-list li a:hover,
.gw-sitemap-link-list li a:focus,
.gw-sitemap-vendor-chip:hover,
.gw-sitemap-vendor-chip:focus,
.gw-sitemap-cert-link:hover,
.gw-sitemap-cert-link:focus,
.gw-sitemap-exam-list li a:hover,
.gw-sitemap-exam-list li a:focus {
background: #ffffff !important;
background-color: #ffffff !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
}
.gw-auth-secondary-btn,
body.gw-standalone-error .error-actions a:not(.gw-auth-submit) {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
color: #1e293b !important;
border-radius: 8px !important;
box-shadow: none !important;
}
.gw-auth-secondary-btn:hover,
.gw-auth-secondary-btn:focus,
body.gw-standalone-error .error-actions a:not(.gw-auth-submit):hover,
body.gw-standalone-error .error-actions a:not(.gw-auth-submit):focus {
background: #ffffff !important;
background-color: #ffffff !important;
border-color: #0f172a !important;
color: #0f172a !important;
}
/* ==========================================================================
13. GOWUKAKU v2.9.6: UNIFIED 4-TIER BORDER-RADIUS, SURFACE & HEADER SYSTEM
========================================================================== */
:root {
--gw-r-xs: 4px;
--gw-r-sm: 6px;
--gw-r-md: 8px;
--gw-r-lg: 10px;
--gw-r-xl: 12px;
}
/* 13.1 Tier 1 (4px — --gw-r-xs): Micro Code Chips, PDF Sheet Micro-Labels & Required Badges */
.gw-inline-code,
code.gw-upd-old-code,
.gw-upd-old-code,
.gw-pred-old-code,
.gw-pdf-sheet-tag,
.gw-pdf-mock-qbadge,
.gw-pdf-mock-ans-chip,
.gw-pdf-mock-bars span,
.gw-pdf-mock-opts i,
.gw-domain-bar-track,
.gw-domain-bar-fill {
border-radius: var(--gw-r-xs, 4px) !important;
}
.gw-req,
.gw-req-badge,
.gw-jp-req {
background: #fef2f2 !important;
background-color: #fef2f2 !important;
border: 1px solid #fecaca !important;
color: #b91c1c !important;
border-radius: var(--gw-r-xs, 4px) !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
padding: 1px 6px !important;
display: inline-flex !important;
align-items: center !important;
vertical-align: middle;
}
/* 13.2 Tier 2 (6px — --gw-r-sm): Hero Kickers, Static/Metadata Badges, Code Pills & Status Pills */
.gw-hero-kicker {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 8px !important;
}
.gw-hero-kicker > *,
.gw-hero-kicker .gw-kicker-brand,
.gw-hero-kicker .gw-kicker-code,
.gw-hero-kicker .gw-kicker-lineage,
.gw-hero-kicker .gw-kicker-status,
.gw-policy-kicker,
.gw-article-exam-head .gw-kicker-brand {
border-radius: var(--gw-r-sm, 6px) !important;
min-height: 28px !important;
padding: 3px 10px !important;
font-size: 12.5px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #dce3ec !important;
color: #334155 !important;
text-decoration: none !important;
box-sizing: border-box !important;
}
.gw-hero-kicker > a:hover,
.gw-hero-kicker > a:focus,
.gw-hero-kicker a.gw-kicker-brand:hover,
.gw-hero-kicker a.gw-kicker-brand:focus,
.gw-hero-kicker a.gw-kicker-lineage:hover,
.gw-hero-kicker a.gw-kicker-lineage:focus {
background: #ffffff !important;
background-color: #ffffff !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
text-decoration: none !important;
}
.gw-hero-kicker > .gw-kicker-status,
.gw-hero-kicker .gw-kicker-status {
background: #f0fdf4 !important;
background-color: #f0fdf4 !important;
border-color: #bbf7d0 !important;
color: #166534 !important;
}
.gw-hero-kicker > .gw-kicker-status i,
.gw-hero-kicker .gw-kicker-status i {
color: #15803d !important;
}
.gw-exam-code-pill,
.gw-hec-badge,
.gw-hec-practice,
.gw-exam-meta-tag,
.gw-hc-vendor,
.gw-home-news-date,
.gw-news-tag,
.gw-status-pill,
.gw-upd-status-pill,
.gw-topic-pill,
.gw-topic-pill em,
.gw-study-col-topic-pill,
.gw-v2-tierc-badge,
.gw-v23-old-chip,
.gw-v23-cur-chip,
.gw-v23-ver-chip,
.gw-v23-json-pill,
.gw-v23-stage-tag,
.gw-v23-spec-badge,
.gw-ps-badge,
.gw-sample-badge,
.gw-faq-badge,
.gw-cb-pill,
.gw-scl-vendor,
.gw-sitemap-az-letter,
.gw-cert-chip-cnt,
.gw-cert-count-pill,
.gw-side-track-cnt,
.gw-vblock-cnt,
.gw-hv-cnt,
.gw-svc-count,
.gw-sc-verdict,
.gw-q-type-pill,
.gw-q-res,
.gw-sib-level-pill,
.gw-pdf-chrome-pill,
.gw-corpus-scope,
.gw-boundary-matrix-domain,
.gw-niche-regime-banner,
.gw-ps-lang-btn,
.gw-matrix-view-btn,
body.gw-standalone-error .error-number,
.gw-err-code,
.gw-gone-code {
border-radius: var(--gw-r-sm, 6px) !important;
}
.gw-news-tag {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #dce3ec !important;
color: #475569 !important;
}
/* 13.3 Tier 3 (8px — --gw-r-md): Header Controls, Search Bars, Inputs, Interactive Chips, Buttons, Pagination & Alerts */
.gw-site-header .gw-header-search-form,
header.gw-err-header .gw-header-search-form,
.gw-header-search-form {
height: 36px !important;
border-radius: var(--gw-r-md, 8px) !important;
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #dce3ec !important;
padding: 0 4px 0 11px !important;
}
.gw-site-header .gw-header-search-form:focus-within,
header.gw-err-header .gw-header-search-form:focus-within,
.gw-header-search-form:focus-within {
background: #ffffff !important;
background-color: #ffffff !important;
border-color: #94a3b8 !important;
}
.gw-header-search-form button[type="submit"] {
width: 28px !important;
height: 28px !important;
border-radius: var(--gw-r-sm, 6px) !important;
color: #475569 !important;
background: transparent !important;
border: 0 !important;
}
.gw-header-search-form button[type="submit"]:hover,
.gw-header-search-form button[type="submit"]:focus {
background: #f1f5f9 !important;
color: #0f172a !important;
}
.gw-site-header .gw-cart-icon-link,
.gw-cart-icon-link,
header.gw-err-header .gw-err-icon-btn {
position: relative !important;
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
max-width: 36px !important;
flex: 0 0 36px !important;
box-sizing: border-box !important;
border-radius: var(--gw-r-md, 8px) !important;
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #dce3ec !important;
color: #334155 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
text-decoration: none !important;
box-shadow: none !important;
}
.gw-site-header .gw-cart-icon-link:hover,
.gw-site-header .gw-cart-icon-link:focus,
.gw-cart-icon-link:hover,
.gw-cart-icon-link:focus,
header.gw-err-header .gw-err-icon-btn:hover,
header.gw-err-header .gw-err-icon-btn:focus {
background: #ffffff !important;
background-color: #ffffff !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
}
.gw-site-header .gw-cart-icon-link.is-active,
.gw-cart-icon-link.is-active {
background: #ffffff !important;
background-color: #ffffff !important;
border-color: #b91c1c !important;
color: #b91c1c !important;
}
.gw-site-header .gw-account-dropdown,
.gw-account-dropdown,
header.gw-err-header .gw-err-account-btn {
height: 36px !important;
border-radius: var(--gw-r-md, 8px) !important;
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #dce3ec !important;
color: #334155 !important;
padding: 0 12px !important;
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
text-decoration: none !important;
box-shadow: none !important;
}
.gw-site-header .gw-account-dropdown:hover,
.gw-account-dropdown:hover,
header.gw-err-header .gw-err-account-btn:hover,
header.gw-err-header .gw-err-account-btn:focus {
background: #ffffff !important;
background-color: #ffffff !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
}
.gw-site-header .gw-account-link,
.gw-account-link {
color: inherit !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
text-decoration: none !important;
}
.gw-site-header .gw-account-link:hover,
.gw-site-header .gw-account-link:hover span {
color: #0f172a !important;
}
.gw-account-caret {
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
padding: 0 0 0 2px !important;
margin: 0 !important;
color: #64748b !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.gw-account-dropdown > .dropdown-toggle::after,
.gw-site-header .gw-account-dropdown > .dropdown-toggle::after {
display: none !important;
content: none !important;
}
.gw-account-link > svg {
flex-shrink: 0;
}
.gw-account-chevron {
opacity: 0.72;
flex-shrink: 0;
margin-left: 1px;
}
/* Lock desktop account button outer box so logged-out (ログイン) and logged-in (マイページ + chevron) cause 0px header shift */
@media screen and (min-width: 992px) {
.gw-site-header .gw-account-dropdown,
header.gw-err-header .gw-err-account-btn {
width: 126px !important;
min-width: 126px !important;
max-width: 126px !important;
height: 36px !important;
flex: 0 0 126px !important;
box-sizing: border-box !important;
padding: 0 !important;
gap: 0 !important;
justify-content: center !important;
border-radius: var(--gw-r-md, 8px) !important;
}
.gw-site-header .gw-account-dropdown > .gw-account-link,
.gw-site-header .gw-account-dropdown > .gw-account-link:only-child,
.gw-site-header .gw-account-dropdown > .gw-account-link:not(:only-child),
.gw-site-header .gw-account-dropdown > .gw-account-link.dropdown-toggle {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 1 1 auto !important;
width: 100% !important;
height: 100% !important;
box-sizing: border-box !important;
padding: 0 8px !important;
gap: 5px !important;
border-radius: inherit !important;
white-space: nowrap !important;
text-decoration: none !important;
background: transparent !important;
}
}
.gw-mobile-actions,
.gw-header-mobile-actions {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
}
.gw-mobile-icon,
button.gw-mobile-menu-btn,
button.fabtn.gw-mobile-menu-btn,
.gw-mobile-menu-btn {
position: relative !important;
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
border-radius: var(--gw-r-md, 8px) !important;
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #dce3ec !important;
color: #334155 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
margin: 0 !important;
box-shadow: none !important;
text-decoration: none !important;
}
.gw-mobile-icon:hover,
.gw-mobile-icon:focus,
button.gw-mobile-menu-btn:hover,
button.gw-mobile-menu-btn:focus,
button.fabtn.gw-mobile-menu-btn:hover,
button.fabtn.gw-mobile-menu-btn:focus,
.gw-mobile-menu-btn:hover,
.gw-mobile-menu-btn:focus {
background: #ffffff !important;
background-color: #ffffff !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
}
button.fabtn.gw-drawer-close,
.gw-drawer-close {
border-radius: var(--gw-r-md, 8px) !important;
background: #f8fafc !important;
border: 1px solid #dce3ec !important;
color: #334155 !important;
}
button.fabtn.gw-drawer-close:hover,
.gw-drawer-close:hover {
background: #ffffff !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
}
.gw-header-actions svg,
.gw-mobile-actions svg,
.gw-drawer-search button svg,
header.gw-err-header svg {
display: block;
flex-shrink: 0;
}
.gw-cart-icon-link .gw-cart-dot,
.gw-mobile-icon .gw-cart-dot,
.gw-err-icon-btn .gw-cart-dot,
.gw-cart-dot {
position: absolute !important;
top: 5px !important;
right: 5px !important;
width: 8px !important;
height: 8px !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 999px !important;
background: #dc2626 !important;
box-shadow: 0 0 0 2px #ffffff !important;
pointer-events: none;
}
/* Search Bars & Form Inputs -> 8px */
.search-area1 {
border-radius: var(--gw-r-md, 8px) !important;
}
.gw-drawer-search input[type="search"],
.gw-drawer-search input[type="text"],
.gw-filter-input,
.gw-sitemap-search input,
.gw-sitemap-search input[type="search"],
#gw-upd-filter,
.gw-side-mini-input,
.gw-cert-mini-filter,
.gw-auth-form .form-control,
.gw-editorial-form .form-control,
.gw-rcpt-input,
.gw-rcpt-select {
border-radius: var(--gw-r-md, 8px) !important;
border: 1px solid #cbd5e1 !important;
background-color: #ffffff !important;
box-shadow: none !important;
}
.gw-drawer-search button[type="submit"] {
border-radius: var(--gw-r-md, 8px) !important;
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #cbd5e1 !important;
color: #334155 !important;
box-shadow: none !important;
}
.gw-drawer-search button[type="submit"]:hover,
.gw-drawer-search button[type="submit"]:focus {
background: #f8fafc !important;
background-color: #f8fafc !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
}
/* Interactive Filter / Vendor / Jump Chips -> 8px */
.gw-cert-chip,
#gwCertChipToggle,
#gwCertChipToggle.gw-cert-chip-toggle,
.gw-cert-chip-toggle,
.gw-subvendor-pill,
.gw-home-quick-tags a,
.gw-vendor-jump-pill,
.gw-side-pin-chip,
.gw-cert-hot-exams a,
.gw-boundary-jump-pill,
.gw-v23-file-chip,
.gw-roadmap-code-pill,
.gw-upd-succ-link,
.gw-sitemap-vendor-chip,
.gw-az-bar a,
.gw-az-item,
.gw-sitemap-az-links a,
.gw-sitemap-xml-links a,
.gw-uc-pills a,
body.gw-standalone-error .error-vendor-pills a,
.error-vendor-pills a,
.gw-policy-nav-item,
.gw-side-track-item {
border-radius: var(--gw-r-md, 8px) !important;
border: 1px solid #dce3ec !important;
background: #f8fafc !important;
background-color: #f8fafc !important;
color: #334155 !important;
box-shadow: none !important;
}
.gw-cert-chip:hover,
.gw-cert-chip:focus,
#gwCertChipToggle:hover,
#gwCertChipToggle:focus,
.gw-cert-chip-toggle:hover,
.gw-subvendor-pill:hover,
.gw-home-quick-tags a:hover,
.gw-vendor-jump-pill:hover,
.gw-side-pin-chip:hover,
.gw-cert-hot-exams a:hover,
.gw-boundary-jump-pill:hover,
.gw-v23-file-chip:hover,
.gw-roadmap-code-pill:hover,
.gw-upd-succ-link:hover,
.gw-sitemap-vendor-chip:hover,
.gw-az-bar a:hover,
.gw-az-item:hover,
.gw-sitemap-az-links a:hover,
.gw-sitemap-xml-links a:hover,
.gw-uc-pills a:hover,
body.gw-standalone-error .error-vendor-pills a:hover,
.error-vendor-pills a:hover,
.gw-policy-nav-item:hover,
.gw-side-track-item:hover {
background: #ffffff !important;
background-color: #ffffff !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
}
/* Brand Sidebar Vendor Tag Cloud (#gwSideVendorList .gw-vendor-pill) */
.gw-vendor-pill,
#gwSideVendorList .gw-vendor-pill {
border-radius: var(--gw-r-sm, 6px) !important;
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #dce3ec !important;
color: #475569 !important;
box-shadow: none !important;
}
.gw-vendor-pill:hover,
.gw-vendor-pill:focus,
#gwSideVendorList .gw-vendor-pill:hover,
#gwSideVendorList .gw-vendor-pill:focus {
background: #ffffff !important;
background-color: #ffffff !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
}
.gw-vendor-pill.is-active,
#gwSideVendorList .gw-vendor-pill.is-active,
.gw-side-pin-chip.is-active,
.gw-cert-chip.is-active {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1.5px solid #b91c1c !important;
color: #b91c1c !important;
font-weight: 700 !important;
}
/* Mobile Slide-Out Drawer Neutral Icon & Sublink Polish */
#menu .left-menu a i.fa,
.leftMenu .left-menu a i.fa {
color: #64748b !important;
}
#menu .left-menu a:hover i.fa,
#menu .left-menu a:focus i.fa,
.leftMenu .left-menu a:hover i.fa,
.leftMenu .left-menu a:focus i.fa {
color: #b91c1c !important;
}
.gw-drawer-sublinks a {
color: #64748b !important;
text-decoration: none !important;
}
.gw-drawer-sublinks a:hover,
.gw-drawer-sublinks a:focus {
color: #0f172a !important;
text-decoration: underline !important;
}
.gw-uc-pills a.active,
.gw-uc-pills a.active:hover {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1.5px solid #b91c1c !important;
color: #b91c1c !important;
font-weight: 700 !important;
}
.gw-ps-lang-tabs,
.gw-matrix-view-switch,
.gw-hero-decision-notice.is-l3-archive,
.gw-deliv-spec-item,
.gw-about-service-icon {
border-radius: var(--gw-r-md, 8px) !important;
}
/* Secondary Neutral Buttons -> 8px + #ffffff bg + 1px solid #cbd5e1 + #334155 */
.gw-filter-search-btn,
.gw-side-sample-btn,
.gw-cert-btn-detail,
.gw-article-btn-detail,
.gw-article-btn-sample,
.gw-write-review-jump,
.gw-dl-btn-en,
a[data-ga-download="en"].btn,
.gw-auth-secondary-btn,
body.gw-standalone-error .error-actions a:not(.gw-auth-submit),
#button-review,
#button-voucher,
#button-point,
.gw-rcpt-edit-toggle,
.gw-uc-btn-secondary,
.btn.btn-xs.gw-uc-btn-secondary,
.des .gw-cta-subbar > .gw-subbar-cart-btn,
.gw-modal-secondary-cta {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #cbd5e1 !important;
color: #334155 !important;
border-radius: var(--gw-r-md, 8px) !important;
box-shadow: none !important;
}
.gw-filter-search-btn:hover,
.gw-filter-search-btn:focus,
.gw-side-sample-btn:hover,
.gw-side-sample-btn:focus,
.gw-cert-btn-detail:hover,
.gw-cert-btn-detail:focus,
.gw-article-btn-detail:hover,
.gw-article-btn-detail:focus,
.gw-article-btn-sample:hover,
.gw-article-btn-sample:focus,
.gw-write-review-jump:hover,
.gw-write-review-jump:focus,
.gw-dl-btn-en:hover,
.gw-dl-btn-en:focus,
a[data-ga-download="en"].btn:hover,
a[data-ga-download="en"].btn:focus,
.gw-auth-secondary-btn:hover,
.gw-auth-secondary-btn:focus,
body.gw-standalone-error .error-actions a:not(.gw-auth-submit):hover,
body.gw-standalone-error .error-actions a:not(.gw-auth-submit):focus,
#button-review:hover,
#button-review:focus,
#button-voucher:hover,
#button-voucher:focus,
#button-point:hover,
#button-point:focus,
.gw-rcpt-edit-toggle:hover,
.gw-rcpt-edit-toggle:focus,
.gw-uc-btn-secondary:hover,
.gw-uc-btn-secondary:focus,
.btn.btn-xs.gw-uc-btn-secondary:hover,
.btn.btn-xs.gw-uc-btn-secondary:focus,
.des .gw-cta-subbar > .gw-subbar-cart-btn:hover,
.des .gw-cta-subbar > .gw-subbar-cart-btn:focus,
.gw-modal-secondary-cta:hover,
.gw-modal-secondary-cta:focus {
background: #f8fafc !important;
background-color: #f8fafc !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
box-shadow: none !important;
}
#button-voucher,
#button-point {
height: 44px !important;
}
.btn.btn-xs.gw-uc-btn-primary,
.btn.btn-xs.gw-uc-btn-secondary,
.gw-uc-btn-primary,
.gw-uc-btn-secondary,
.gw-article-exam-box .gw-side-buy-btn,
.gw-side-buy-btn,
.gw-side-notify-btn,
.gw-cert-btn-cart,
.gw-btn-primary,
.gw-modal-cta,
#gw-sticky-purchase-dock button[type="submit"].gw-sticky-buy-btn,
.gw-sticky-buy-btn {
border-radius: var(--gw-r-md, 8px) !important;
}
.pagination > li > a,
.pagination > li > span,
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-radius: var(--gw-r-md, 8px) !important;
border: 1px solid #dce3ec !important;
background: #ffffff;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover {
border-color: #b91c1c !important;
}
.alert {
border-radius: var(--gw-r-md, 8px) !important;
}
/* 13.4 Tier 4 (12px Outer Sheets / 10px Inner Sub-Panels & Hero CTA; 999px Circular Dots Only) */
.gw-main-sheet,
.gw-single-sheet,
.gw-commerce-sheet,
.gw-side-card,
.gw-auth-card,
.gw-policy-card,
.gw-home-exam-card,
body.gw-standalone-error .error-card {
border-radius: var(--gw-r-xl, 12px) !important;
}
.search-area,
.gw-side-prep-box,
.gw-home-cert-item,
.gw-side-track-list,
.gw-mobile-toc-details,
.gw-euc-next-free,
.gw-article-exam-box {
border-radius: var(--gw-r-lg, 10px) !important;
}
.gw-pdf-chrome-dots i {
border-radius: 999px !important;
}
/* ==========================================================================
14. V2.9.7 — MOBILE-FIRST KEYLINE, EDITORIAL FOOTER, CARD-FIRST TABLES
& TOUCH ERGONOMICS (<= 991px ONLY — 100% DESKTOP NON-REGRESSION)
========================================================================== */
/* 14.1 Universal Sub-Desktop Keylines, Russian-Doll Unboxing & Bottom Clearance (<= 991px) */
@media screen and (max-width: 991px) {
.container.bread,
section.main > .container,
main.main > .container,
header.gw-err-header > .container,
footer.gw-site-footer > .container {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
/* Eliminate Russian-doll double horizontal padding on all single-column containers */
body section.main > .container:not(.gw-split-stage),
body section.main > .container.gw-sitemap-wrap,
body section.main > .container.gw-single-stage,
body section.main > .container:has(> .gw-auth-stage),
body section.main > .container:has(> .gw-auth-dual-stage),
body section.main > .container:has(> .gw-commerce-sheet),
body section.main > .container:has(> .gw-rcpt-wrap),
body section.main > .container:has(> .gw-rcpt-stage),
body section.main > .container:has(> .gw-retired-panel),
body section.main > .container:has(> .gw-sitemap-hero-card),
body section.main > .container:has(> .gw-err-panel) {
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* Standalone exception.tpl stage aligns directly to main.main keyline */
body.gw-standalone-error main.main > .error-stage,
main.main > .error-stage {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* Customer review nested Bootstrap .row / .col-md-12 squeeze cleanup */
.product-comments,
.product-comments > li > .col-md-12,
.product-comments .row.col-md-12 {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.product-comments .row.fix {
margin-left: 0 !important;
margin-right: 0 !important;
}
/* Footer safe bottom clearance for logo switcher pill & iOS home indicator */
footer.gw-site-footer {
padding: 30px 0 calc(64px + env(safe-area-inset-bottom, 0px)) 0 !important;
}
/* Mobile sticky purchase bar iOS safe-area bottom inset */
.gw-mobile-sticky-bar {
padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
}
/* Single-row horizontal touch-scroll member navigation pill bar */
.gw-uc-pills {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
gap: 8px !important;
padding: 2px 2px 6px 2px !important;
margin-bottom: 16px !important;
}
.gw-uc-pills::-webkit-scrollbar {
display: none;
}
.gw-uc-pills a {
flex: 0 0 auto !important;
white-space: nowrap !important;
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
min-height: 36px !important;
padding: 6px 12px !important;
border-radius: var(--gw-r-md, 8px) !important;
}
/* Multi-line safe height on .gw-auth-submit buttons (paysucces, payerror, 404, etc.) */
.gw-auth-submit,
a.gw-auth-submit,
button.gw-auth-submit {
min-height: 46px !important;
height: auto !important;
padding-top: 11px !important;
padding-bottom: 11px !important;
line-height: 1.4 !important;
white-space: normal !important;
}
}
/* 14.2 Tablet Unified 24px Outer Keyline & 60px Drawer Offset (768px - 991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
.gw-mobile-nav,
header.gw-err-header .gw-err-header-inner,
.gw-gone-header-inner {
min-height: 60px !important;
padding-left: 24px !important;
padding-right: 24px !important;
}
.container.bread {
padding: 14px 24px 8px 24px !important;
}
section.main,
main.main {
padding-left: 24px !important;
padding-right: 24px !important;
}
footer.gw-site-footer {
padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
}
footer.gw-site-footer > .container {
padding-left: 24px !important;
padding-right: 24px !important;
box-sizing: border-box !important;
}
.leftMenu,
.menu-dark-backdrop {
top: 60px !important;
height: calc(100dvh - 60px) !important;
}
/* Fit 5-column #gw-upd-table cleanly inside 768px-991px tablet sheet without clipping */
#gw-upd-table {
width: 100% !important;
min-width: 0 !important;
table-layout: auto !important;
}
#gw-upd-table thead th,
#gw-upd-table tbody td {
padding: 10px 8px !important;
font-size: 12.5px !important;
}
#gw-upd-table .gw-upd-succ-links {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 5px !important;
}
#gw-upd-table .gw-upd-code-list {
flex-wrap: wrap !important;
}
#gw-upd-table .gw-upd-note-cell {
min-width: 0 !important;
}
}
/* 14.3 Phone Keyline (16px), Architectural Footer, Heroes, Bento & Card-First Tables (<= 767px) */
@media screen and (max-width: 767px) {
/* --- A. Unified 16px Outer Keyline & Single-Line Scrollable Breadcrumb --- */
.gw-mobile-nav,
header.gw-err-header .gw-err-header-inner,
.gw-gone-header-inner {
min-height: 56px !important;
padding-left: 16px !important;
padding-right: 16px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.container.bread {
padding: 10px 16px 6px 16px !important;
}
.bread .bread-content {
display: block !important;
white-space: nowrap !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
font-size: 12.5px !important;
line-height: 1.5 !important;
}
.bread .bread-content::-webkit-scrollbar {
display: none;
}
section.main,
main.main {
padding-left: 16px !important;
padding-right: 16px !important;
}
footer.gw-site-footer > .container {
padding-left: 16px !important;
padding-right: 16px !important;
box-sizing: border-box !important;
}
/* --- B. Architectural Mobile Footer Redesign --- */
.gw-footer-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 22px 14px !important;
}
.gw-footer-grid > .gw-footer-col:nth-child(1),
.gw-footer-grid > .gw-footer-col:nth-child(2) {
grid-column: 1 / -1 !important;
min-width: 0 !important;
}
.gw-footer-grid > .gw-footer-col:nth-child(3) {
grid-column: 1 / 2 !important;
min-width: 0 !important;
}
.gw-footer-grid > .gw-footer-col:nth-child(4) {
grid-column: 2 / 3 !important;
min-width: 0 !important;
}
.gw-footer-brand-col {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
}
.gw-footer-logo-link {
display: inline-flex !important;
justify-content: center !important;
margin: 0 auto !important;
}
.gw-footer-tagline {
text-align: center !important;
font-size: 12.5px !important;
margin-top: 6px !important;
}
.gw-footer-about {
max-width: 340px !important;
margin: 6px auto 12px auto !important;
font-size: 12px !important;
line-height: 1.65 !important;
color: #64748b !important;
text-align: center !important;
}
.gw-footer-contact-box {
width: 100% !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
padding: 11px 14px !important;
border-radius: var(--gw-r-md, 8px) !important;
background: #ffffff !important;
border: 1px solid #cbd5e1 !important;
}
.gw-footer-contact-box .gw-fc-mail {
justify-content: center !important;
word-break: break-word;
}
.gw-footer-vendor-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
}
.gw-footer-vendor-grid li {
margin: 0 !important;
min-width: 0 !important;
}
.gw-footer-vendor-grid li a {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 6px !important;
width: 100% !important;
min-height: 38px !important;
padding: 7px 11px !important;
box-sizing: border-box !important;
background: rgba(255, 255, 255, 0.78) !important;
border: 1px solid #d5dde8 !important;
border-radius: var(--gw-r-md, 8px) !important;
font-size: 13px !important;
font-weight: 600 !important;
color: #1e293b !important;
text-decoration: none !important;
line-height: 1.3 !important;
}
.gw-footer-vendor-grid li a::after {
content: "\203A";
color: #94a3b8;
font-size: 15px;
line-height: 1;
flex: 0 0 auto;
}
.gw-footer-more-link {
margin-top: 8px !important;
}
.gw-footer-more-link a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
width: 100% !important;
min-height: 38px !important;
padding: 7px 12px !important;
box-sizing: border-box !important;
background: #ffffff !important;
border: 1px solid #cbd5e1 !important;
border-radius: var(--gw-r-md, 8px) !important;
font-size: 13px !important;
font-weight: 700 !important;
color: #b91c1c !important;
text-decoration: none !important;
}
.gw-footer-grid > .gw-footer-col:nth-child(3) .gw-footer-nav-list li a,
.gw-footer-grid > .gw-footer-col:nth-child(4) .gw-footer-nav-list li a {
font-size: 12.5px !important;
line-height: 1.45 !important;
padding: 4px 0 !important;
display: inline-block !important;
color: #334155 !important;
}
.gw-footer-disclaimer {
background: rgba(255, 255, 255, 0.52) !important;
border: 1px solid #dce3ec !important;
border-radius: var(--gw-r-md, 8px) !important;
padding: 10px 12px !important;
font-size: 12px !important;
line-height: 1.65 !important;
color: #475569 !important;
margin: 0 0 12px 0 !important;
}
.gw-footer-copy {
text-align: center !important;
font-size: 12px !important;
color: #475569 !important;
margin: 0 !important;
}
/* --- C. Centered Editorial Heroes on Directory, Hub, Sitemap, Updates & Auth --- */
.gw-auth-card > h1,
.gw-auth-card > h2,
.gw-auth-card > .gw-jp-auth-title,
.gw-auth-card > .gw-auth-lead {
text-align: center !important;
}
.gw-auth-card > .gw-hero-kicker {
justify-content: center !important;
}
.gw-auth-card .gw-auth-form,
.gw-auth-card .gw-auth-form label,
.gw-auth-card .gw-field-label {
text-align: left !important;
}
.gw-brand-hero {
text-align: center !important;
}
.gw-brand-hero[style*="display:flex"],
.gw-brand-hero[style*="display: flex"] {
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
}
.gw-brand-hero .gw-hero-kicker {
justify-content: center !important;
}
.gw-brand-hero h1,
.gw-brand-hero .des-title {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
.gw-brand-hero h1 {
font-size: 20px !important;
line-height: 1.42 !important;
text-wrap: balance;
word-break: auto-phrase;
}
.gw-brand-hero .des-title {
text-wrap: balance;
word-break: auto-phrase;
}
.gw-sitemap-hero-card .gw-policy-title,
.gw-updates-hero h1,
.gw-auth-card > h1 {
text-wrap: balance;
}
.gw-section-title-bar {
flex-wrap: wrap !important;
gap: 4px 10px !important;
}
.gw-section-title-bar h2 {
font-size: 16.5px !important;
line-height: 1.38 !important;
flex: 1 1 auto !important;
}
/* Keep interactive filter bars inside .gw-brand-hero left-aligned */
.gw-brand-hero .gw-inline-filter-bar,
.gw-brand-hero #gwCertChipList {
text-align: left !important;
}
.gw-sitemap-hero-card .gw-policy-header {
text-align: center !important;
}
.gw-sitemap-hero-card .gw-policy-kicker,
.gw-sitemap-hero-card .gw-policy-title,
.gw-sitemap-hero-card .gw-policy-lead {
text-align: center !important;
justify-content: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
.gw-updates-hero {
text-align: center !important;
}
.gw-updates-hero .gw-updates-kicker-row {
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
}
.gw-updates-hero .gw-hero-kicker {
justify-content: center !important;
}
.gw-updates-hero h1,
.gw-updates-hero .gw-updates-lead {
text-align: center !important;
}
/* --- D. Homepage Compact Quick Tags --- */
.gw-home-quick-tags {
gap: 6px !important;
justify-content: center !important;
}
.gw-home-quick-tags a {
padding: 5px 10px !important;
font-size: 12.5px !important;
}
/* --- E. Product Detail Page Mobile UX Elevation --- */
.des .gw-cta-row #gw-hero-buy-btn,
.gw-cta-row .gw-btn-reset {
width: 100% !important;
box-sizing: border-box !important;
}
.des .gw-cta-subbar,
.gw-cta-subbar {
display: flex !important;
flex-direction: column-reverse !important;
align-items: stretch !important;
gap: 8px !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.des .gw-cta-subbar > .gw-subbar-cart-btn,
.gw-subbar-cart-btn {
width: 100% !important;
min-height: 44px !important;
justify-content: center !important;
padding: 9px 14px !important;
box-sizing: border-box !important;
}
.gw-subbar-reassure {
text-align: center !important;
justify-content: center !important;
font-size: 12px !important;
width: 100% !important;
}
/* Restore .gw-v23-kpi-strip internal 2x2 crosshair dividers */
.gw-v23-kpi-strip .gw-v23-kpi-cell:nth-child(odd) {
border-right: 1px solid #dce3ec !important;
}
.gw-v23-kpi-strip .gw-v23-kpi-cell:nth-child(-n+2) {
border-bottom: 1px solid #dce3ec !important;
}
/* Convert #gw-v2-copurchase (.gw-v23-track-table) into clean stacked mobile cards */
#gw-v2-copurchase > .gw-swipe-hint {
display: none !important;
}
#gw-v2-copurchase .gw-v23-track-wrap {
border: 0 !important;
background: transparent !important;
overflow: visible !important;
padding: 0 !important;
box-shadow: none !important;
}
#gw-v2-copurchase .gw-v23-track-table,
#gw-v2-copurchase .gw-v23-track-table tbody {
display: block !important;
width: 100% !important;
min-width: 0 !important;
}
#gw-v2-copurchase .gw-v23-track-table thead {
display: none !important;
}
#gw-v2-copurchase .gw-v23-track-table tbody tr {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
background: #ffffff !important;
border: 1px solid #dce3ec !important;
border-radius: var(--gw-r-lg, 10px) !important;
padding: 12px 14px !important;
margin: 0 0 10px 0 !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}
#gw-v2-copurchase .gw-v23-track-table tbody tr.is-current {
background: #f8fafc !important;
border-color: #94a3b8 !important;
}
#gw-v2-copurchase .gw-v23-track-table tbody td {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
padding: 4px 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
white-space: normal !important;
}
#gw-v2-copurchase .gw-v23-track-table tbody td:nth-child(3) {
margin-top: 4px !important;
padding-top: 7px !important;
border-top: 1px solid #e2e8f0 !important;
color: #475569 !important;
}
#gw-v2-copurchase .gw-v23-track-table tbody td:nth-child(3)::before {
content: attr(data-label) "：";
font-weight: 700;
font-size: 12px;
color: #64748b;
}
#gw-v2-copurchase .gw-v23-track-table tbody td:nth-child(4) {
padding-top: 6px !important;
}
/* Un-squeeze nested PDF sample boxes on phones */
.gw-v23-deliverable-box,
.gw-pdf-viewer-frame,
.gw-practice-sample-card,
.gw-ps-paper {
padding-left: 12px !important;
padding-right: 12px !important;
}
/* 2-column related exam chip grid in mobile sidebar */
.left-vendor dl.gw-rel-exam-dl,
.left-vendor.left-news dl.gw-rel-exam-dl,
dl.gw-rel-exam-dl {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
}
.left-vendor dl.gw-rel-exam-dl > dt,
.left-vendor.left-news dl.gw-rel-exam-dl > dt,
dl.gw-rel-exam-dl > dt {
grid-column: 1 / -1 !important;
text-align: left !important;
margin-bottom: 4px !important;
}
dl.gw-rel-exam-dl > .c {
display: none !important;
}
.left-vendor dl.gw-rel-exam-dl > dd,
.left-vendor.left-news dl.gw-rel-exam-dl > dd,
dl.gw-rel-exam-dl > dd {
margin: 0 !important;
min-width: 0 !important;
width: 100% !important;
box-sizing: border-box !important;
border: 1px solid #e2e8f0 !important;
border-radius: var(--gw-r-md, 8px) !important;
background: #f8fafc !important;
}
.left-vendor dl.gw-rel-exam-dl > dd a.gw-rel-exam-link,
.left-vendor.left-news dl.gw-rel-exam-dl > dd a.gw-rel-exam-link,
dl.gw-rel-exam-dl > dd a.gw-rel-exam-link {
padding: 8px 10px !important;
font-size: 13px !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
gap: 6px !important;
border: 0 !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
/* --- F. /exam-updates.html (#gw-upd-table) Stacked Mobile Transition Cards --- */
.gw-v23-track-wrap:has(> #gw-upd-table) {
border: 0 !important;
background: transparent !important;
overflow: visible !important;
padding: 0 !important;
box-shadow: none !important;
}
#gw-upd-table,
#gw-upd-table tbody {
display: block;
width: 100%;
min-width: 0 !important;
}
#gw-upd-table thead {
display: none !important;
}
/* Keep non-!important display so inline JS filter `rows[i].style.display = 'none'` works seamlessly */
#gw-upd-table tbody tr.gw-upd-row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 8px 10px;
width: 100%;
box-sizing: border-box;
background: #ffffff;
border: 1px solid #dce3ec;
border-radius: var(--gw-r-lg, 10px);
padding: 13px 14px;
margin: 0 0 10px 0;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
#gw-upd-table tbody tr.gw-upd-row[style*="display: none"],
#gw-upd-table tbody tr.gw-upd-row[style*="display:none"] {
display: none !important;
}
#gw-upd-table tbody tr.gw-upd-row > td.gw-upd-vendor {
order: 1;
flex: 0 0 auto;
padding: 2px 8px !important;
background: #f1f5f9 !important;
border-radius: var(--gw-r-sm, 6px) !important;
font-size: 12px !important;
font-weight: 700 !important;
color: #0f172a !important;
border: 0 !important;
line-height: 1.4 !important;
}
#gw-upd-table tbody tr.gw-upd-row > td.gw-upd-status-cell {
order: 2;
flex: 0 0 auto;
margin-left: auto;
padding: 0 !important;
border: 0 !important;
}
#gw-upd-table tbody tr.gw-upd-row > td.gw-upd-code-cell {
order: 3;
width: 100%;
flex: 1 1 100%;
padding: 2px 0 0 0 !important;
border: 0 !important;
}
#gw-upd-table tbody tr.gw-upd-row > td.gw-upd-code-cell::before {
content: "旧コード: ";
color: #64748b;
font-size: 12px;
font-weight: 600;
}
#gw-upd-table tbody tr.gw-upd-row > td:nth-child(4) {
order: 4;
width: 100%;
flex: 1 1 100%;
padding: 2px 0 !important;
border: 0 !important;
}
#gw-upd-table tbody tr.gw-upd-row > td.gw-upd-note-cell {
order: 5;
width: 100%;
min-width: 0 !important;
flex: 1 1 100%;
padding: 8px 0 0 0 !important;
border: 0 !important;
border-top: 1px solid #e2e8f0 !important;
font-size: 12.8px !important;
color: #475569 !important;
line-height: 1.6 !important;
}
/* --- G. Swipeable A-Z Directory Bar & News Vendor Filter Rail --- */
.gw-az-bar {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
justify-content: flex-start !important;
gap: 6px !important;
padding: 4px 2px 6px 2px !important;
scrollbar-width: none;
}
.gw-az-bar::-webkit-scrollbar {
display: none;
}
.gw-az-bar .gw-az-item,
.gw-az-bar a {
flex: 0 0 auto !important;
min-width: 36px !important;
height: 36px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: var(--gw-r-md, 8px) !important;
}
.gw-brand-hero > .gw-cert-chip-list:not(#gwCertChipList),
.gw-news-filter-block .gw-cert-chip-list {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
justify-content: flex-start !important;
gap: 8px !important;
padding: 2px 2px 6px 2px !important;
scrollbar-width: none;
text-align: left !important;
}
.gw-brand-hero > .gw-cert-chip-list:not(#gwCertChipList)::-webkit-scrollbar,
.gw-news-filter-block .gw-cert-chip-list::-webkit-scrollbar {
display: none;
}
.gw-brand-hero > .gw-cert-chip-list:not(#gwCertChipList) > .gw-cert-chip,
.gw-news-filter-block .gw-cert-chip-list > .gw-cert-chip {
flex: 0 0 auto !important;
white-space: nowrap !important;
min-height: 34px !important;
}
/* --- H. Directory Exam Row Title Un-Truncation (/nisyowumeka.html, brand.html, cert.html) --- */
.gw-vblock-item {
flex-direction: column !important;
align-items: flex-start !important;
gap: 5px !important;
padding: 12px 14px !important;
}
.gw-vblock-item > .gw-exam-code-pill {
max-width: 100% !important;
}
.gw-vblock-item-name {
flex: 0 0 auto !important;
width: 100% !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
line-height: 1.48 !important;
}
.gw-exam-row-main {
flex-direction: column !important;
align-items: flex-start !important;
gap: 5px !important;
}
.gw-exam-row-main > .gw-exam-code-pill {
max-width: 100% !important;
}
.gw-exam-row-name {
flex: 0 0 auto !important;
width: 100% !important;
display: block !important;
-webkit-line-clamp: unset !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
line-height: 1.5 !important;
}
.gw-cert-exam-top {
flex-direction: column !important;
align-items: flex-start !important;
gap: 5px !important;
}
.gw-cert-exam-top > .gw-exam-code-pill {
max-width: 100% !important;
}
.gw-cert-exam-title {
flex: 0 0 auto !important;
width: 100% !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
line-height: 1.48 !important;
}
/* --- I. Cart, Checkout & Usercenter Order/Point Cards --- */
.gw-cart-summary-bar {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 14px !important;
}
.gw-cart-summary-bar > div {
width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
align-items: stretch !important;
}
.gw-cart-summary-bar > div:last-child > div {
width: 100% !important;
justify-content: space-between !important;
gap: 12px !important;
}
.gw-cart-summary-bar .gw-auth-submit {
width: 100% !important;
min-width: 0 !important;
justify-content: center !important;
box-sizing: border-box !important;
}
.gw-cart-bundle-box form[role="search"] {
width: 100% !important;
min-width: 0 !important;
flex: 1 1 100% !important;
display: flex !important;
gap: 6px !important;
}
#gw-cart-quick-q {
flex: 1 1 auto !important;
min-width: 0 !important;
width: auto !important;
}
.gw-cart-bundle-box .gw-filter-search-btn {
flex: 0 0 auto !important;
width: auto !important;
padding: 0 16px !important;
}
/* Checkout (order/index.html) point balance label & side-by-side apply bar */
.gw-checkout-panel .gw-field-label {
display: flex !important;
flex-wrap: wrap !important;
align-items: baseline !important;
gap: 2px 8px !important;
line-height: 1.5 !important;
}
.gw-inline-apply {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
}
.gw-inline-apply .form-control {
flex: 1 1 auto !important;
min-width: 0 !important;
width: auto !important;
}
.gw-inline-apply .btn,
.gw-inline-apply input[type="button"] {
flex: 0 0 auto !important;
width: auto !important;
min-width: 76px !important;
}
/* Usercenter & Commerce .gw-uc-order-table crisp white mobile cards */
table.gw-uc-order-table {
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
table.gw-uc-order-table thead {
display: none !important;
}
table.gw-uc-order-table,
table.gw-uc-order-table tbody {
display: block !important;
width: 100% !important;
}
table.gw-uc-order-table tbody tr {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
background: #ffffff !important;
border: 1px solid #dce3ec !important;
border-radius: var(--gw-r-lg, 10px) !important;
padding: 12px 14px !important;
margin: 0 0 12px 0 !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}
/* Member Center tables (order.html & point.html): horizontal key-value flex rows */
.gw-main-sheet:not(.gw-commerce-sheet) table.gw-uc-order-table tbody td {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
width: 100% !important;
box-sizing: border-box !important;
padding: 6px 0 !important;
border: 0 !important;
border-bottom: 1px solid #f1f5f9 !important;
}
.gw-main-sheet:not(.gw-commerce-sheet) table.gw-uc-order-table tbody td:last-child {
border-bottom: 0 !important;
padding-top: 10px !important;
}
.gw-main-sheet:not(.gw-commerce-sheet) table.gw-uc-order-table tbody td:last-child:not(:has(.gw-m-label)) {
justify-content: flex-end !important;
}
/* Commerce tables (order/index.html & order/paysucces.html): clean stacked SKU cards */
.gw-commerce-sheet table.gw-uc-order-table tbody td {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
padding: 6px 0 !important;
border: 0 !important;
border-bottom: 1px solid #f1f5f9 !important;
text-align: left !important;
}
.gw-commerce-sheet table.gw-uc-order-table tbody td:last-child {
border-bottom: 0 !important;
padding-top: 8px !important;
}
.gw-commerce-sheet table.gw-uc-order-table tbody td:last-child:has(.gw-m-label) {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
}
/* 14.4 True 2x2 Bento Grids on Standard Phones (350px - 767px) */
@media screen and (min-width: 350px) and (max-width: 767px) {
/* Homepage 2x2 Trust Strip Mini-Bento */
.gw-home-trust-strip {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
background: transparent !important;
border: 0 !important;
padding: 0 !important;
}
.gw-home-trust-strip > .gw-hts-item {
background: #f8fafc !important;
border: 1px solid #dce3ec !important;
border-radius: var(--gw-r-md, 8px) !important;
padding: 9px 10px !important;
font-size: 12px !important;
line-height: 1.4 !important;
display: flex !important;
align-items: flex-start !important;
gap: 6px !important;
text-align: left !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
.gw-home-trust-strip > .gw-hts-item i {
margin-top: 2px !important;
}
/* Product Detail 2x2 .gw-meta-grid */
.gw-meta-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
border-radius: var(--gw-r-md, 8px) !important;
overflow: hidden !important;
}
.gw-meta-grid > .gw-meta-cell {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
text-align: left !important;
padding: 10px 12px !important;
gap: 4px !important;
min-width: 0 !important;
box-sizing: border-box !important;
border-right: 0 !important;
}
.gw-meta-grid > .gw-meta-cell:nth-child(odd) {
border-right: 1px solid #e2e8f0 !important;
}
.gw-meta-grid > .gw-meta-cell:nth-child(-n+2) {
border-bottom: 1px solid #e2e8f0 !important;
}
.gw-meta-grid > .gw-meta-cell:nth-child(n+3) {
border-bottom: 0 !important;
}
.gw-meta-grid > .gw-meta-cell .gw-meta-v {
text-align: left !important;
justify-content: flex-start !important;
font-size: 13.5px !important;
line-height: 1.38 !important;
width: 100% !important;
}
.gw-meta-grid > .gw-meta-cell .gw-meta-sub {
display: block !important;
font-size: 12px !important;
}
}
/* --------------------------------------------------------------------------
15. V2.9.8 ZERO-DISPLACEMENT HOVER MECHANICS, 3-TIER BUTTON SYSTEM,
UNIFIED LIST/SIDEBAR BORDER RETENTION & MEASURED CONVERSION FOCUS
-------------------------------------------------------------------------- */
/* 15.1 Zero-Displacement Breathing & All-Button Hover Mechanics (dx=0, dy=0, dw=0, dh=0) */
@keyframes gw-cta-breathe-10s {
0%, 24%, 100% {
--gw-cta-pulse: 0;
transform: none;
box-shadow: 0 0 0 rgba(220, 38, 38, 0), 0 0 0 0 rgba(239, 68, 68, 0), 0 0 0 0 rgba(248, 113, 113, 0);
}
10% {
--gw-cta-pulse: 1;
transform: none;
box-shadow: 0 4px 14px rgba(220, 38, 38, 0.10), 0 0 18px 2px rgba(239, 68, 68, 0.26), 0 0 32px 6px rgba(248, 113, 113, 0.22);
}
}
.btn,
.btn:hover,
.btn:focus,
.btn:focus-visible,
.btn:active,
button.gw-btn-reset,
button.gw-btn-reset:hover,
button.gw-btn-reset:focus,
button.gw-btn-reset:focus-visible,
button.gw-btn-reset:active,
.gw-cta-row .btn-cart1.gw-btn-reset,
.gw-cta-row .btn-cart1.gw-btn-reset:hover,
.gw-cta-row .btn-cart1.gw-btn-reset:focus,
.gw-cta-row .btn-cart1.gw-btn-reset:focus-visible,
.gw-cta-row .btn-cart1.gw-btn-reset:active,
.gw-cta-row .btn-cart2.gw-btn-reset,
.gw-cta-row .btn-cart2.gw-btn-reset:hover,
.gw-cta-row .btn-cart2.gw-btn-reset:focus,
.gw-cta-row .btn-cart2.gw-btn-reset:focus-visible,
.gw-cta-row .btn-cart2.gw-btn-reset:active,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1:hover,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1:focus,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1:focus-visible,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1:active,
#gw-sticky-purchase-dock .gw-sticky-buy-btn,
#gw-sticky-purchase-dock .gw-sticky-buy-btn:hover,
#gw-sticky-purchase-dock .gw-sticky-buy-btn:focus,
#gw-sticky-purchase-dock .gw-sticky-buy-btn:focus-visible,
#gw-sticky-purchase-dock .gw-sticky-buy-btn:active,
#gw-mobile-sticky-bar .gw-mob-sticky-btn,
#gw-mobile-sticky-bar .gw-mob-sticky-btn:hover,
#gw-mobile-sticky-bar .gw-mob-sticky-btn:focus,
#gw-mobile-sticky-bar .gw-mob-sticky-btn:focus-visible,
#gw-mobile-sticky-bar .gw-mob-sticky-btn:active,
.gw-cart-summary-bar a.gw-auth-submit,
.gw-cart-summary-bar a.gw-auth-submit:hover,
.gw-cart-summary-bar a.gw-auth-submit:focus,
.gw-cart-summary-bar a.gw-auth-submit:focus-visible,
.gw-cart-summary-bar a.gw-auth-submit:active,
#pay-now.gw-auth-submit,
#pay-now.gw-auth-submit:hover,
#pay-now.gw-auth-submit:focus,
#pay-now.gw-auth-submit:focus-visible,
#pay-now.gw-auth-submit:active,
.gw-subbar-cart-btn,
.gw-subbar-cart-btn:hover,
.gw-subbar-cart-btn:focus,
.gw-subbar-cart-btn:focus-visible,
.gw-subbar-cart-btn:active,
.gw-sticky-cart-link,
.gw-sticky-cart-link:hover,
.gw-sticky-cart-link:focus,
.gw-sticky-cart-link:focus-visible,
.gw-sticky-cart-link:active,
.gw-cert-btn-cart,
.gw-cert-btn-cart:hover,
.gw-cert-btn-cart:focus,
.gw-cert-btn-cart:focus-visible,
.gw-cert-btn-cart:active,
.gw-cert-btn-detail,
.gw-cert-btn-detail:hover,
.gw-cert-btn-detail:focus,
.gw-cert-btn-detail:focus-visible,
.gw-cert-btn-detail:active,
.gw-filter-search-btn,
.gw-filter-search-btn:hover,
.gw-filter-search-btn:focus,
.gw-filter-search-btn:focus-visible,
.gw-filter-search-btn:active,
.gw-side-buy-btn,
.gw-side-buy-btn:hover,
.gw-side-buy-btn:focus,
.gw-side-buy-btn:focus-visible,
.gw-side-buy-btn:active,
.gw-side-sample-btn,
.gw-side-sample-btn:hover,
.gw-side-sample-btn:focus,
.gw-side-sample-btn:focus-visible,
.gw-side-sample-btn:active,
.gw-side-notify-btn,
.gw-side-notify-btn:hover,
.gw-side-notify-btn:focus,
.gw-side-notify-btn:focus-visible,
.gw-side-notify-btn:active,
.gw-article-btn-detail,
.gw-article-btn-detail:hover,
.gw-article-btn-detail:focus,
.gw-article-btn-detail:focus-visible,
.gw-article-btn-detail:active,
.gw-article-btn-sample,
.gw-article-btn-sample:hover,
.gw-article-btn-sample:focus,
.gw-article-btn-sample:focus-visible,
.gw-article-btn-sample:active,
.gw-write-review-jump,
.gw-write-review-jump:hover,
.gw-write-review-jump:focus,
.gw-write-review-jump:focus-visible,
.gw-write-review-jump:active,
.gw-auth-submit,
.gw-auth-submit:hover,
.gw-auth-submit:focus,
.gw-auth-submit:focus-visible,
.gw-auth-submit:active,
.gw-auth-secondary-btn,
.gw-auth-secondary-btn:hover,
.gw-auth-secondary-btn:focus,
.gw-auth-secondary-btn:focus-visible,
.gw-auth-secondary-btn:active,
.gw-uc-btn-primary,
.gw-uc-btn-primary:hover,
.gw-uc-btn-primary:focus,
.gw-uc-btn-primary:focus-visible,
.gw-uc-btn-primary:active,
.gw-uc-btn-secondary,
.gw-uc-btn-secondary:hover,
.gw-uc-btn-secondary:focus,
.gw-uc-btn-secondary:focus-visible,
.gw-uc-btn-secondary:active,
.gw-dl-btn-jp,
.gw-dl-btn-jp:hover,
.gw-dl-btn-jp:focus,
.gw-dl-btn-jp:focus-visible,
.gw-dl-btn-jp:active,
.gw-dl-btn-en,
.gw-dl-btn-en:hover,
.gw-dl-btn-en:focus,
.gw-dl-btn-en:focus-visible,
.gw-dl-btn-en:active,
.gw-rcpt-print-btn,
.gw-rcpt-print-btn:hover,
.gw-rcpt-print-btn:focus,
.gw-rcpt-print-btn:focus-visible,
.gw-rcpt-print-btn:active,
.gw-rcpt-edit-toggle,
.gw-rcpt-edit-toggle:hover,
.gw-rcpt-edit-toggle:focus,
.gw-rcpt-edit-toggle:focus-visible,
.gw-rcpt-edit-toggle:active,
.gw-modal-cta,
.gw-modal-cta:hover,
.gw-modal-cta:focus,
.gw-modal-cta:focus-visible,
.gw-modal-cta:active,
.gw-modal-secondary-cta,
.gw-modal-secondary-cta:hover,
.gw-modal-secondary-cta:focus,
.gw-modal-secondary-cta:focus-visible,
.gw-modal-secondary-cta:active,
#button-review,
#button-review:hover,
#button-review:focus,
#button-review:focus-visible,
#button-review:active,
#button-voucher,
#button-voucher:hover,
#button-voucher:focus,
#button-voucher:focus-visible,
#button-voucher:active,
#button-point,
#button-point:hover,
#button-point:focus,
#button-point:focus-visible,
#button-point:active,
#contactForm #submit,
#contactForm #submit:hover,
#contactForm #submit:focus,
#contactForm #submit:focus-visible,
#contactForm #submit:active,
.gw-submit-btn,
.gw-submit-btn:hover,
.gw-submit-btn:focus,
.gw-submit-btn:focus-visible,
.gw-submit-btn:active,
.btn-border-2,
.btn-border-2:hover,
.btn-border-2:focus,
.btn-border-2:focus-visible,
.btn-border-2:active,
.gw-euc-next-free,
.gw-euc-next-free:hover,
.gw-euc-next-free:focus,
.gw-euc-next-free:focus-visible,
.gw-euc-next-free:active,
.gw-drawer-close,
.gw-drawer-close:hover,
.gw-drawer-close:focus,
.gw-drawer-close:focus-visible,
.gw-drawer-close:active {
transform: none !important;
}
/* 15.2 Unified Full-Site Button System (Light-Surface Bordered System, Zero Black Slabs, Unified 8px Radius) */
/* Tier A — Primary Purchase & Dedicated-Page Submit Buttons */
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1,
#gw-sticky-purchase-dock button[type="submit"].gw-sticky-buy-btn,
#gw-mobile-sticky-bar button[type="submit"].gw-mob-sticky-btn,
.gw-cart-summary-bar a.gw-auth-submit,
#pay-now.gw-auth-submit:not([disabled]),
button.gw-auth-submit:not(#pay-now),
.gw-submit-btn,
#contactForm #submit,
.btn-common,
.gw-cert-btn-cart,
.gw-article-exam-box .gw-side-buy-btn,
.gw-inline-cart-form .gw-side-buy-btn,
.gw-side-buy-btn,
.gw-modal-cta:not(.is-prep),
.gw-dl-btn-jp,
a[data-ga-download="jp"].btn,
.gw-uc-btn-primary,
.btn.btn-xs.gw-uc-btn-primary,
.gw-rcpt-print-btn,
.gw-btn-primary,
.gw-uc-empty a.gw-auth-submit,
.gw-empty-cart-recovery a.gw-auth-submit,
.gw-commerce-sheet > div:not(.gw-cart-summary-bar) > a.gw-auth-submit,
.gw-auth-card a.gw-auth-submit,
.gw-action-row a.gw-auth-submit,
body.gw-standalone-error .error-actions a.gw-auth-submit,
.error-actions a.gw-auth-submit {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1.5px solid #b91c1c !important;
color: #b91c1c !important;
border-radius: var(--gw-r-md, 8px) !important;
font-weight: 700 !important;
transform: none !important;
}
/* Non-breathing Tier A buttons stay flat at rest; the 5 breathing CTAs keep their --gw-cta-pulse halo */
button.gw-auth-submit:not(#pay-now),
.gw-submit-btn,
#contactForm #submit,
.btn-common,
.gw-cert-btn-cart,
.gw-article-exam-box .gw-side-buy-btn,
.gw-inline-cart-form .gw-side-buy-btn,
.gw-side-buy-btn,
.gw-modal-cta:not(.is-prep),
.gw-dl-btn-jp,
a[data-ga-download="jp"].btn,
.gw-uc-btn-primary,
.btn.btn-xs.gw-uc-btn-primary,
.gw-rcpt-print-btn,
.gw-btn-primary,
.gw-uc-empty a.gw-auth-submit,
.gw-empty-cart-recovery a.gw-auth-submit,
.gw-commerce-sheet > div:not(.gw-cart-summary-bar) > a.gw-auth-submit,
.gw-auth-card a.gw-auth-submit,
.gw-action-row a.gw-auth-submit,
body.gw-standalone-error .error-actions a.gw-auth-submit,
.error-actions a.gw-auth-submit {
box-shadow: none !important;
animation: none !important;
}
button.gw-auth-submit:not(#pay-now) i,
button.gw-auth-submit:not(#pay-now) span,
.gw-submit-btn i,
.gw-submit-btn span,
#contactForm #submit i,
#contactForm #submit span,
.btn-common i,
.btn-common span,
.gw-article-exam-box .gw-side-buy-btn i,
.gw-article-exam-box .gw-side-buy-btn span,
.gw-inline-cart-form .gw-side-buy-btn i,
.gw-inline-cart-form .gw-side-buy-btn span,
.gw-side-buy-btn i,
.gw-side-buy-btn span {
color: inherit !important;
}
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1:hover,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1:focus,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1:focus-visible,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1:active,
#gw-sticky-purchase-dock button[type="submit"].gw-sticky-buy-btn:hover,
#gw-sticky-purchase-dock button[type="submit"].gw-sticky-buy-btn:focus,
#gw-sticky-purchase-dock button[type="submit"].gw-sticky-buy-btn:focus-visible,
#gw-sticky-purchase-dock button[type="submit"].gw-sticky-buy-btn:active,
#gw-mobile-sticky-bar button[type="submit"].gw-mob-sticky-btn:hover,
#gw-mobile-sticky-bar button[type="submit"].gw-mob-sticky-btn:focus,
#gw-mobile-sticky-bar button[type="submit"].gw-mob-sticky-btn:focus-visible,
#gw-mobile-sticky-bar button[type="submit"].gw-mob-sticky-btn:active,
.gw-cart-summary-bar a.gw-auth-submit:hover,
.gw-cart-summary-bar a.gw-auth-submit:focus,
.gw-cart-summary-bar a.gw-auth-submit:focus-visible,
.gw-cart-summary-bar a.gw-auth-submit:active,
#pay-now.gw-auth-submit:not([disabled]):hover,
#pay-now.gw-auth-submit:not([disabled]):focus,
#pay-now.gw-auth-submit:not([disabled]):focus-visible,
#pay-now.gw-auth-submit:not([disabled]):active,
button.gw-auth-submit:not(#pay-now):hover,
button.gw-auth-submit:not(#pay-now):focus,
button.gw-auth-submit:not(#pay-now):focus-visible,
button.gw-auth-submit:not(#pay-now):active,
.gw-submit-btn:hover,
.gw-submit-btn:focus,
.gw-submit-btn:focus-visible,
.gw-submit-btn:active,
#contactForm #submit:hover,
#contactForm #submit:focus,
#contactForm #submit:focus-visible,
#contactForm #submit:active,
.btn-common:hover,
.btn-common:focus,
.btn-common:focus-visible,
.btn-common:active,
.gw-cert-btn-cart:hover,
.gw-cert-btn-cart:focus,
.gw-cert-btn-cart:focus-visible,
.gw-cert-btn-cart:active,
.gw-article-exam-box .gw-side-buy-btn:hover,
.gw-article-exam-box .gw-side-buy-btn:focus,
.gw-article-exam-box .gw-side-buy-btn:focus-visible,
.gw-article-exam-box .gw-side-buy-btn:active,
.gw-inline-cart-form .gw-side-buy-btn:hover,
.gw-inline-cart-form .gw-side-buy-btn:focus,
.gw-inline-cart-form .gw-side-buy-btn:focus-visible,
.gw-inline-cart-form .gw-side-buy-btn:active,
.gw-side-buy-btn:hover,
.gw-side-buy-btn:focus,
.gw-side-buy-btn:focus-visible,
.gw-side-buy-btn:active,
.gw-modal-cta:not(.is-prep):hover,
.gw-modal-cta:not(.is-prep):focus,
.gw-modal-cta:not(.is-prep):focus-visible,
.gw-modal-cta:not(.is-prep):active,
.gw-dl-btn-jp:hover,
.gw-dl-btn-jp:focus,
.gw-dl-btn-jp:focus-visible,
.gw-dl-btn-jp:active,
a[data-ga-download="jp"].btn:hover,
a[data-ga-download="jp"].btn:focus,
a[data-ga-download="jp"].btn:focus-visible,
a[data-ga-download="jp"].btn:active,
.gw-uc-btn-primary:hover,
.gw-uc-btn-primary:focus,
.gw-uc-btn-primary:focus-visible,
.gw-uc-btn-primary:active,
.btn.btn-xs.gw-uc-btn-primary:hover,
.btn.btn-xs.gw-uc-btn-primary:focus,
.btn.btn-xs.gw-uc-btn-primary:focus-visible,
.btn.btn-xs.gw-uc-btn-primary:active,
.gw-rcpt-print-btn:hover,
.gw-rcpt-print-btn:focus,
.gw-rcpt-print-btn:focus-visible,
.gw-rcpt-print-btn:active,
.gw-btn-primary:hover,
.gw-btn-primary:focus,
.gw-btn-primary:focus-visible,
.gw-btn-primary:active,
.gw-uc-empty a.gw-auth-submit:hover,
.gw-uc-empty a.gw-auth-submit:focus,
.gw-uc-empty a.gw-auth-submit:focus-visible,
.gw-uc-empty a.gw-auth-submit:active,
.gw-empty-cart-recovery a.gw-auth-submit:hover,
.gw-empty-cart-recovery a.gw-auth-submit:focus,
.gw-empty-cart-recovery a.gw-auth-submit:focus-visible,
.gw-empty-cart-recovery a.gw-auth-submit:active,
.gw-commerce-sheet > div:not(.gw-cart-summary-bar) > a.gw-auth-submit:hover,
.gw-commerce-sheet > div:not(.gw-cart-summary-bar) > a.gw-auth-submit:focus,
.gw-commerce-sheet > div:not(.gw-cart-summary-bar) > a.gw-auth-submit:focus-visible,
.gw-commerce-sheet > div:not(.gw-cart-summary-bar) > a.gw-auth-submit:active,
.gw-auth-card a.gw-auth-submit:hover,
.gw-auth-card a.gw-auth-submit:focus,
.gw-auth-card a.gw-auth-submit:focus-visible,
.gw-auth-card a.gw-auth-submit:active,
.gw-action-row a.gw-auth-submit:hover,
.gw-action-row a.gw-auth-submit:focus,
.gw-action-row a.gw-auth-submit:focus-visible,
.gw-action-row a.gw-auth-submit:active,
body.gw-standalone-error .error-actions a.gw-auth-submit:hover,
body.gw-standalone-error .error-actions a.gw-auth-submit:focus,
body.gw-standalone-error .error-actions a.gw-auth-submit:focus-visible,
body.gw-standalone-error .error-actions a.gw-auth-submit:active,
.error-actions a.gw-auth-submit:hover,
.error-actions a.gw-auth-submit:focus,
.error-actions a.gw-auth-submit:focus-visible,
.error-actions a.gw-auth-submit:active {
animation: none !important;
--gw-cta-pulse: 0 !important;
transform: none !important;
background: #fef2f2 !important;
background-color: #fef2f2 !important;
border: 1.5px solid #991b1b !important;
color: #991b1b !important;
box-shadow: 0 2px 6px rgba(185, 28, 28, 0.08) !important;
}
/* Tier B — Secondary Neutral Action Buttons (incl. Optional Product Review Submit) */
.des .gw-cta-subbar > .gw-subbar-cart-btn,
.gw-cert-btn-detail,
.gw-filter-search-btn,
.gw-side-sample-btn,
.gw-article-btn-detail,
.gw-article-btn-sample,
.gw-write-review-jump,
.gw-dl-btn-en,
a[data-ga-download="en"].btn,
.gw-uc-btn-secondary,
.btn.btn-xs.gw-uc-btn-secondary,
.gw-rcpt-edit-toggle,
#button-voucher,
#button-point,
#button-review,
.des #button-review.gw-comment-submit-btn,
.gw-inline-apply .btn-default,
.btn-border-2,
.gw-euc-next-free,
button.fabtn.gw-drawer-close,
.gw-drawer-close,
.gw-auth-secondary-btn,
.gw-modal-secondary-cta,
body.gw-standalone-error .error-actions a:not(.gw-auth-submit) {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #cbd5e1 !important;
color: #334155 !important;
border-radius: var(--gw-r-md, 8px) !important;
box-shadow: none !important;
animation: none !important;
transform: none !important;
}
#button-review,
.des #button-review.gw-comment-submit-btn {
font-weight: 700 !important;
}
.input-group-btn > .btn-default {
border-radius: 0 var(--gw-r-md, 8px) var(--gw-r-md, 8px) 0 !important;
}
#button-voucher,
#button-point {
height: 44px !important;
border-radius: var(--gw-r-md, 8px) !important;
}
.des .gw-cta-subbar > .gw-subbar-cart-btn:hover,
.des .gw-cta-subbar > .gw-subbar-cart-btn:focus,
.des .gw-cta-subbar > .gw-subbar-cart-btn:focus-visible,
.des .gw-cta-subbar > .gw-subbar-cart-btn:active,
.gw-cert-btn-detail:hover,
.gw-cert-btn-detail:focus,
.gw-cert-btn-detail:focus-visible,
.gw-cert-btn-detail:active,
.gw-filter-search-btn:hover,
.gw-filter-search-btn:focus,
.gw-filter-search-btn:focus-visible,
.gw-filter-search-btn:active,
.gw-side-sample-btn:hover,
.gw-side-sample-btn:focus,
.gw-side-sample-btn:focus-visible,
.gw-side-sample-btn:active,
.gw-article-btn-detail:hover,
.gw-article-btn-detail:focus,
.gw-article-btn-detail:focus-visible,
.gw-article-btn-detail:active,
.gw-article-btn-sample:hover,
.gw-article-btn-sample:focus,
.gw-article-btn-sample:focus-visible,
.gw-article-btn-sample:active,
.gw-write-review-jump:hover,
.gw-write-review-jump:focus,
.gw-write-review-jump:focus-visible,
.gw-write-review-jump:active,
.gw-dl-btn-en:hover,
.gw-dl-btn-en:focus,
.gw-dl-btn-en:focus-visible,
.gw-dl-btn-en:active,
a[data-ga-download="en"].btn:hover,
a[data-ga-download="en"].btn:focus,
a[data-ga-download="en"].btn:focus-visible,
a[data-ga-download="en"].btn:active,
.gw-uc-btn-secondary:hover,
.gw-uc-btn-secondary:focus,
.gw-uc-btn-secondary:focus-visible,
.gw-uc-btn-secondary:active,
.btn.btn-xs.gw-uc-btn-secondary:hover,
.btn.btn-xs.gw-uc-btn-secondary:focus,
.btn.btn-xs.gw-uc-btn-secondary:focus-visible,
.btn.btn-xs.gw-uc-btn-secondary:active,
.gw-rcpt-edit-toggle:hover,
.gw-rcpt-edit-toggle:focus,
.gw-rcpt-edit-toggle:focus-visible,
.gw-rcpt-edit-toggle:active,
#button-voucher:hover,
#button-voucher:focus,
#button-voucher:focus-visible,
#button-voucher:active,
#button-point:hover,
#button-point:focus,
#button-point:focus-visible,
#button-point:active,
#button-review:hover,
#button-review:focus,
#button-review:focus-visible,
#button-review:active,
.des #button-review.gw-comment-submit-btn:hover,
.des #button-review.gw-comment-submit-btn:focus,
.des #button-review.gw-comment-submit-btn:focus-visible,
.des #button-review.gw-comment-submit-btn:active,
.gw-inline-apply .btn-default:hover,
.gw-inline-apply .btn-default:focus,
.gw-inline-apply .btn-default:focus-visible,
.gw-inline-apply .btn-default:active,
.btn-border-2:hover,
.btn-border-2:focus,
.btn-border-2:focus-visible,
.btn-border-2:active,
.gw-euc-next-free:hover,
.gw-euc-next-free:focus,
.gw-euc-next-free:focus-visible,
.gw-euc-next-free:active,
button.fabtn.gw-drawer-close:hover,
button.fabtn.gw-drawer-close:focus,
button.fabtn.gw-drawer-close:focus-visible,
button.fabtn.gw-drawer-close:active,
.gw-drawer-close:hover,
.gw-drawer-close:focus,
.gw-drawer-close:focus-visible,
.gw-drawer-close:active,
.gw-auth-secondary-btn:hover,
.gw-auth-secondary-btn:focus,
.gw-auth-secondary-btn:focus-visible,
.gw-auth-secondary-btn:active,
.gw-modal-secondary-cta:hover,
.gw-modal-secondary-cta:focus,
.gw-modal-secondary-cta:focus-visible,
.gw-modal-secondary-cta:active,
body.gw-standalone-error .error-actions a:not(.gw-auth-submit):hover,
body.gw-standalone-error .error-actions a:not(.gw-auth-submit):focus,
body.gw-standalone-error .error-actions a:not(.gw-auth-submit):focus-visible,
body.gw-standalone-error .error-actions a:not(.gw-auth-submit):active {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #94a3b8 !important;
color: #0f172a !important;
box-shadow: none !important;
transform: none !important;
}
/* Tier B-Emphasis — Unreleased L0 Exam Priority-Notify Buttons (Light Surface, Zero Heavy Black Slab) */
#releaseNotifyModal .gw-modal-cta.is-prep,
.gw-modal-cta.is-prep,
.gw-cta-row .btn-cart2,
.gw-cta-row .btn-cart2.gw-btn-reset,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart2,
.gw-side-notify-btn,
#gw-sticky-purchase-dock button[type="button"].gw-sticky-buy-btn,
#gw-mobile-sticky-bar button[type="button"].gw-mob-sticky-btn {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1.5px solid #475569 !important;
color: #0f172a !important;
border-radius: var(--gw-r-md, 8px) !important;
font-weight: 700 !important;
box-shadow: none !important;
animation: none !important;
transform: none !important;
}
#releaseNotifyModal .gw-modal-cta.is-prep i,
#releaseNotifyModal .gw-modal-cta.is-prep span,
.gw-modal-cta.is-prep i,
.gw-modal-cta.is-prep span,
.gw-cta-row .btn-cart2 i,
.gw-cta-row .btn-cart2 span,
.gw-side-notify-btn i,
.gw-side-notify-btn span,
#gw-sticky-purchase-dock button[type="button"].gw-sticky-buy-btn i,
#gw-sticky-purchase-dock button[type="button"].gw-sticky-buy-btn span,
#gw-mobile-sticky-bar button[type="button"].gw-mob-sticky-btn i,
#gw-mobile-sticky-bar button[type="button"].gw-mob-sticky-btn span {
color: inherit !important;
}
#releaseNotifyModal .gw-modal-cta.is-prep:hover,
#releaseNotifyModal .gw-modal-cta.is-prep:focus,
#releaseNotifyModal .gw-modal-cta.is-prep:focus-visible,
#releaseNotifyModal .gw-modal-cta.is-prep:active,
.gw-modal-cta.is-prep:hover,
.gw-modal-cta.is-prep:focus,
.gw-modal-cta.is-prep:focus-visible,
.gw-modal-cta.is-prep:active,
.gw-cta-row .btn-cart2:hover,
.gw-cta-row .btn-cart2:focus,
.gw-cta-row .btn-cart2:focus-visible,
.gw-cta-row .btn-cart2:active,
.gw-cta-row .btn-cart2.gw-btn-reset:hover,
.gw-cta-row .btn-cart2.gw-btn-reset:focus,
.gw-cta-row .btn-cart2.gw-btn-reset:focus-visible,
.gw-cta-row .btn-cart2.gw-btn-reset:active,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart2:hover,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart2:focus,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart2:focus-visible,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart2:active,
.gw-side-notify-btn:hover,
.gw-side-notify-btn:focus,
.gw-side-notify-btn:focus-visible,
.gw-side-notify-btn:active,
#gw-sticky-purchase-dock button[type="button"].gw-sticky-buy-btn:hover,
#gw-sticky-purchase-dock button[type="button"].gw-sticky-buy-btn:focus,
#gw-sticky-purchase-dock button[type="button"].gw-sticky-buy-btn:focus-visible,
#gw-sticky-purchase-dock button[type="button"].gw-sticky-buy-btn:active,
#gw-mobile-sticky-bar button[type="button"].gw-mob-sticky-btn:hover,
#gw-mobile-sticky-bar button[type="button"].gw-mob-sticky-btn:focus,
#gw-mobile-sticky-bar button[type="button"].gw-mob-sticky-btn:focus-visible,
#gw-mobile-sticky-bar button[type="button"].gw-mob-sticky-btn:active {
background: #f1f5f9 !important;
background-color: #f1f5f9 !important;
border: 1.5px solid #1e293b !important;
color: #0f172a !important;
box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06) !important;
transform: none !important;
}
/* Disabled Checkout Submit & Modal Close Legacy #bd2d30 Leak Cleanup */
#pay-now[disabled],
#pay-now.gw-auth-submit[disabled] {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
color: #94a3b8 !important;
cursor: not-allowed !important;
box-shadow: none !important;
animation: none !important;
opacity: 1 !important;
transform: none !important;
}
#pay-now[disabled] i,
#pay-now[disabled] span,
#pay-now.gw-auth-submit[disabled] i,
#pay-now.gw-auth-submit[disabled] span {
color: inherit !important;
}
.modal .close:hover,
.modal .close:focus {
background: #f1f5f9 !important;
background-color: #f1f5f9 !important;
color: #0f172a !important;
border-color: transparent !important;
opacity: 1 !important;
}
/* Segmented Tab Switchers (.gw-ps-lang-btn & .gw-matrix-view-btn) */
.gw-ps-lang-btn,
.gw-matrix-view-btn {
border-radius: var(--gw-r-sm, 6px) !important;
transform: none !important;
}
.gw-ps-lang-btn:not(.is-active):hover,
.gw-matrix-view-btn:not(.is-active):hover {
color: #0f172a !important;
background: rgba(255, 255, 255, 0.55) !important;
transform: none !important;
}
.gw-ps-lang-btn.is-active,
.gw-ps-lang-btn.is-active:hover,
.gw-matrix-view-btn.is-active,
.gw-matrix-view-btn.is-active:hover {
background: #ffffff !important;
color: #0f172a !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08) !important;
border-radius: var(--gw-r-sm, 6px) !important;
transform: none !important;
}
/* 15.3 Unified Hover & Active Border Retention Across Lists, Sidebars & Member Center (0.0px Height Shift) */
/* 1. .gw-policy-nav-item (Homepage, Member Center, Search Sidebar, Policy Sidebar) */
.gw-policy-nav {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
}
.gw-policy-nav-item {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #dce3ec !important;
border-radius: var(--gw-r-md, 8px) !important;
color: #334155 !important;
box-shadow: none !important;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
}
.gw-policy-nav-item:hover,
.gw-policy-nav-item:focus,
.gw-policy-nav-item:focus-visible {
border: 1px solid #94a3b8 !important;
background: #ffffff !important;
background-color: #ffffff !important;
color: #0f172a !important;
box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}
.gw-policy-nav-item.is-active,
.gw-policy-nav-item.is-active:hover,
.gw-policy-nav-item.is-active:focus {
border: 1px solid #b91c1c !important;
box-shadow: inset 0 0 0 0.5px #b91c1c !important;
background: #fef2f2 !important;
background-color: #fef2f2 !important;
color: #b91c1c !important;
font-weight: 700 !important;
}
.gw-policy-nav-item.is-active i,
.gw-policy-nav-item.is-active .gw-rel-arrow {
color: #b91c1c !important;
}
/* 2. Right-Sidebar Exam & Column Lists (.gw-rel-exam-link & .left-vendor dl > dd > a) */
@media screen and (min-width: 768px) {
.left-vendor dl,
.left-vendor.left-news dl,
dl.gw-rel-exam-dl {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
margin: 0 !important;
}
.left-vendor dl > dt,
.left-vendor.left-news dl > dt,
dl.gw-rel-exam-dl > dt {
margin-bottom: 4px !important;
}
.left-vendor dl > .c,
.left-vendor.left-news dl > .c,
dl.gw-rel-exam-dl > .c {
display: none !important;
}
}
.left-vendor dl > dd,
.left-vendor.left-news dl > dd,
.left-vendor dl.gw-rel-exam-dl > dd,
.left-vendor.left-news dl.gw-rel-exam-dl > dd,
dl.gw-rel-exam-dl > dd {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
min-width: 0 !important;
}
.left-vendor dl > dd > a,
.left-vendor.left-news dl > dd > a,
.left-vendor dl.gw-rel-exam-dl > dd > a.gw-rel-exam-link,
.left-vendor.left-news dl.gw-rel-exam-dl > dd > a.gw-rel-exam-link,
dl.gw-rel-exam-dl > dd > a.gw-rel-exam-link,
a.gw-rel-exam-link {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 8px !important;
width: 100% !important;
height: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
padding: 9px 12px !important;
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #dce3ec !important;
border-radius: var(--gw-r-md, 8px) !important;
color: #334155 !important;
text-decoration: none !important;
box-shadow: none !important;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
}
.left-vendor dl > dd > a:hover,
.left-vendor dl > dd > a:focus,
.left-vendor dl > dd > a:focus-visible,
.left-vendor.left-news dl > dd > a:hover,
.left-vendor.left-news dl > dd > a:focus,
.left-vendor.left-news dl > dd > a:focus-visible,
.left-vendor dl.gw-rel-exam-dl > dd > a.gw-rel-exam-link:hover,
.left-vendor dl.gw-rel-exam-dl > dd > a.gw-rel-exam-link:focus,
.left-vendor dl.gw-rel-exam-dl > dd > a.gw-rel-exam-link:focus-visible,
.left-vendor.left-news dl.gw-rel-exam-dl > dd > a.gw-rel-exam-link:hover,
.left-vendor.left-news dl.gw-rel-exam-dl > dd > a.gw-rel-exam-link:focus,
.left-vendor.left-news dl.gw-rel-exam-dl > dd > a.gw-rel-exam-link:focus-visible,
dl.gw-rel-exam-dl > dd > a.gw-rel-exam-link:hover,
dl.gw-rel-exam-dl > dd > a.gw-rel-exam-link:focus,
dl.gw-rel-exam-dl > dd > a.gw-rel-exam-link:focus-visible,
a.gw-rel-exam-link:hover,
a.gw-rel-exam-link:focus,
a.gw-rel-exam-link:focus-visible {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #94a3b8 !important;
color: #0f172a !important;
box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}
a.gw-rel-exam-link:hover .gw-rel-code,
a.gw-rel-exam-link:focus .gw-rel-code {
color: #b91c1c !important;
}
a.gw-rel-exam-link:hover .gw-rel-arrow,
a.gw-rel-exam-link:focus .gw-rel-arrow {
color: #0f172a !important;
}
@media screen and (max-width: 767px) {
.left-vendor dl:not(.gw-rel-exam-dl),
.left-vendor.left-news dl:not(.gw-rel-exam-dl) {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
margin: 0 !important;
}
.left-vendor dl:not(.gw-rel-exam-dl) > .c,
.left-vendor.left-news dl:not(.gw-rel-exam-dl) > .c {
display: none !important;
}
.left-vendor dl.gw-rel-exam-dl > dd,
.left-vendor.left-news dl.gw-rel-exam-dl > dd,
dl.gw-rel-exam-dl > dd {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
min-width: 0 !important;
}
.left-vendor dl.gw-rel-exam-dl > dd > a.gw-rel-exam-link,
.left-vendor.left-news dl.gw-rel-exam-dl > dd > a.gw-rel-exam-link,
dl.gw-rel-exam-dl > dd > a.gw-rel-exam-link {
padding: 8px 10px !important;
font-size: 13px !important;
gap: 6px !important;
border: 1px solid #dce3ec !important;
border-radius: var(--gw-r-md, 8px) !important;
background: #f8fafc !important;
}
.left-vendor dl.gw-rel-exam-dl > dd > a.gw-rel-exam-link:hover,
.left-vendor.left-news dl.gw-rel-exam-dl > dd > a.gw-rel-exam-link:hover,
dl.gw-rel-exam-dl > dd > a.gw-rel-exam-link:hover {
background: #ffffff !important;
border: 1px solid #94a3b8 !important;
}
}
/* 3. Track Items, Quick Items, Directory Blocks & Member Center Order Tables */
.gw-side-track-list {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
}
.gw-side-track-list .gw-side-track-item,
.gw-uc-quick-item {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #dce3ec !important;
border-radius: var(--gw-r-md, 8px) !important;
color: #334155 !important;
box-shadow: none !important;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
}
.gw-side-track-list .gw-side-track-item:hover,
.gw-side-track-list .gw-side-track-item:focus,
.gw-uc-quick-item:hover,
.gw-uc-quick-item:focus {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #94a3b8 !important;
color: #0f172a !important;
box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}
.gw-side-track-list .gw-side-track-item.is-active,
.gw-side-track-list .gw-side-track-item.is-active:hover,
.gw-side-track-list .gw-side-track-item.is-active:focus {
background: #fef2f2 !important;
background-color: #fef2f2 !important;
border: 1px solid #b91c1c !important;
box-shadow: inset 0 0 0 0.5px #b91c1c !important;
color: #b91c1c !important;
font-weight: 700 !important;
}
.gw-vblock-grid {
gap: 8px !important;
padding-top: 6px !important;
}
.gw-vblock-item {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #dce3ec !important;
border-radius: var(--gw-r-md, 8px) !important;
padding: 10px 13px !important;
transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
}
.gw-vblock-item:hover,
.gw-vblock-item:focus {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #94a3b8 !important;
box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}
.gw-exam-row:hover,
.gw-home-news-row:hover {
background: #f8fafc !important;
box-shadow: none !important;
}
@media screen and (min-width: 768px) {
table.gw-uc-order-table {
border: 1px solid #cbd5e1 !important;
border-radius: var(--gw-r-lg, 10px) !important;
border-collapse: separate !important;
border-spacing: 0 !important;
overflow: hidden !important;
background: #ffffff !important;
}
table.gw-uc-order-table thead th {
background: #f8fafc !important;
border-bottom: 1px solid #cbd5e1 !important;
color: #1e293b !important;
}
table.gw-uc-order-table tbody td {
border-bottom: 1px solid #e2e8f0 !important;
background: #ffffff !important;
}
table.gw-uc-order-table tbody tr:last-child td {
border-bottom: 0 !important;
}
table.gw-uc-order-table tbody tr:hover td {
background: #f8fafc !important;
}
}
@media screen and (max-width: 767px) {
table.gw-uc-order-table tbody tr {
transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
}
table.gw-uc-order-table tbody tr:hover {
background: #ffffff !important;
border: 1px solid #94a3b8 !important;
box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}
/* Ensure guest single-sheet order detail (.gw-single-sheet .gw-clean-spec-table) also stacks cleanly on phones */
.gw-single-sheet .gw-clean-spec-table,
.gw-single-sheet .gw-clean-spec-table tbody,
.gw-single-sheet .gw-clean-spec-table tr {
display: block;
width: 100%;
}
.gw-single-sheet .gw-clean-spec-table th {
display: block;
width: 100%;
border-right: none;
border-bottom: none;
padding: 10px 14px 3px 14px;
font-size: 12.5px;
}
.gw-single-sheet .gw-clean-spec-table td {
display: block;
width: 100%;
padding: 4px 14px 12px 14px;
}
.gw-single-sheet .gw-clean-spec-table tr:last-child td {
border-bottom: none;
}
}
/* --------------------------------------------------------------------------
16. V2.9.9 ZERO AI-BORDER STRIPES, UNIFIED HERO CTA PAIR, DE-NESTED GRIDS
& MULTI-TERMINAL JAPANESE TYPOGRAPHY / WCAG AA HARMONY
-------------------------------------------------------------------------- */
/* 16.1 Single Hairline Homepage Trust Strip (Zero Nested Icon Boxes) */
.gw-home-trust-strip {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 0 !important;
background: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
overflow: hidden !important;
padding: 0 !important;
box-shadow: none !important;
}
@media screen and (max-width: 991px) {
.gw-home-trust-strip {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 0 !important;
background: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
overflow: hidden !important;
padding: 0 !important;
box-shadow: none !important;
}
}
.gw-home-trust-strip > .gw-hts-item,
.gw-hts-item {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 12px 14px !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
color: #1e293b !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.45 !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
@media screen and (min-width: 992px) {
.gw-home-trust-strip > .gw-hts-item + .gw-hts-item,
.gw-hts-item + .gw-hts-item {
border-left: 1px solid #e2e8f0 !important;
}
}
@media screen and (max-width: 991px) {
.gw-home-trust-strip > .gw-hts-item:nth-child(odd),
.gw-hts-item:nth-child(odd) {
border-right: 1px solid #e2e8f0 !important;
}
.gw-home-trust-strip > .gw-hts-item:nth-child(-n+2),
.gw-hts-item:nth-child(-n+2) {
border-bottom: 1px solid #e2e8f0 !important;
}
}
.gw-home-trust-strip > .gw-hts-item i,
.gw-hts-item i {
width: auto !important;
height: auto !important;
min-width: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
color: #64748b !important;
font-size: 14px !important;
flex-shrink: 0 !important;
}
/* 16.2 Product Hero Action Zone, L0 Kicker & Mobile Sticky Dual-Action Bar */
.des .gw-cta-row {
margin: 20px 0 0 0 !important;
padding: 0 !important;
border-bottom: 0 !important;
gap: 12px !important;
}
#gw-hero-buy-btn,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart2 {
border-radius: var(--gw-r-md, 8px) !important;
min-height: 50px !important;
}
.gw-hero-cart-btn,
.des .gw-cta-row .gw-hero-cart-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
min-height: 50px !important;
height: auto !important;
margin: 0 !important;
padding: 12px 20px !important;
border-radius: 8px !important;
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #cbd5e1 !important;
color: #334155 !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.4 !important;
box-shadow: none !important;
transform: none !important;
text-decoration: none !important;
box-sizing: border-box !important;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}
.gw-hero-cart-btn i,
.gw-hero-cart-btn span,
.des .gw-cta-row .gw-hero-cart-btn i,
.des .gw-cta-row .gw-hero-cart-btn span {
color: inherit !important;
}
.gw-hero-cart-btn:hover,
.gw-hero-cart-btn:focus,
.gw-hero-cart-btn:focus-visible,
.gw-hero-cart-btn:active,
.des .gw-cta-row .gw-hero-cart-btn:hover,
.des .gw-cta-row .gw-hero-cart-btn:focus,
.des .gw-cta-row .gw-hero-cart-btn:focus-visible,
.des .gw-cta-row .gw-hero-cart-btn:active {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #94a3b8 !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
box-shadow: none !important;
transform: none !important;
}
@media screen and (max-width: 679px) {
#gw-hero-buy-btn,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart2,
.gw-hero-cart-btn,
.des .gw-cta-row .gw-hero-cart-btn {
min-height: 48px !important;
width: 100% !important;
}
}
.des .gw-cta-subbar,
.gw-cta-subbar {
margin: 12px 0 16px 0 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 4px !important;
background: transparent !important;
border: 0 !important;
padding: 0 !important;
}
.des .gw-cta-subbar > .gw-subbar-reassure,
.gw-subbar-reassure {
font-size: 13px !important;
color: #334155 !important;
font-weight: 500 !important;
line-height: 1.55 !important;
word-break: auto-phrase;
display: inline-flex !important;
align-items: baseline !important;
justify-content: flex-start !important;
text-align: left !important;
gap: 6px !important;
width: auto !important;
}
.des .gw-cta-subbar > .gw-subbar-reassure i,
.gw-subbar-reassure i {
color: #64748b !important;
font-size: 13px !important;
}
.gw-subbar-bundle-note {
font-size: 13px !important;
color: #475569 !important;
font-weight: 400 !important;
line-height: 1.55 !important;
word-break: auto-phrase;
padding-left: 19px !important;
}
@media screen and (max-width: 679px) {
.gw-subbar-bundle-note {
padding-left: 0 !important;
}
}
/* Desktop #gw-sticky-purchase-dock unified Tier A + Tier B pair & calm meta footer */
#gw-sticky-purchase-dock .gw-sticky-buy-btn {
border-radius: 8px !important;
}
#gw-sticky-purchase-dock .gw-sticky-cart-btn,
.gw-sticky-cart-btn {
width: 100% !important;
min-height: 40px !important;
margin: 8px 0 0 0 !important;
padding: 8px 14px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
border-radius: 8px !important;
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #cbd5e1 !important;
color: #334155 !important;
font-size: 13.5px !important;
font-weight: 600 !important;
line-height: 1.4 !important;
box-shadow: none !important;
transform: none !important;
box-sizing: border-box !important;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}
#gw-sticky-purchase-dock .gw-sticky-cart-btn i,
#gw-sticky-purchase-dock .gw-sticky-cart-btn span,
.gw-sticky-cart-btn i,
.gw-sticky-cart-btn span {
color: inherit !important;
}
#gw-sticky-purchase-dock .gw-sticky-cart-btn:hover,
#gw-sticky-purchase-dock .gw-sticky-cart-btn:focus,
#gw-sticky-purchase-dock .gw-sticky-cart-btn:focus-visible,
#gw-sticky-purchase-dock .gw-sticky-cart-btn:active,
.gw-sticky-cart-btn:hover,
.gw-sticky-cart-btn:focus,
.gw-sticky-cart-btn:focus-visible,
.gw-sticky-cart-btn:active {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #94a3b8 !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
box-shadow: none !important;
transform: none !important;
}
.gw-sticky-sub-meta {
margin-top: 10px !important;
padding-top: 9px !important;
border-top: 1px solid #e2e8f0 !important;
border-radius: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 3px !important;
font-size: 12px !important;
line-height: 1.5 !important;
color: #64748b !important;
}
.gw-sticky-policy-links a {
color: #475569 !important;
text-decoration: underline !important;
text-underline-offset: 2px !important;
}
.gw-sticky-policy-links a:hover {
color: #0f172a !important;
}
.gw-hero-kicker > .gw-kicker-status[style*="#eff6ff"],
.gw-hero-kicker .gw-kicker-status[style*="#eff6ff"],
.gw-kicker-status[style*="#eff6ff"] {
background: #eff6ff !important;
background-color: #eff6ff !important;
border: 1px solid #bfdbfe !important;
color: #1e40af !important;
}
.gw-hero-kicker > .gw-kicker-status[style*="#eff6ff"] i,
.gw-hero-kicker .gw-kicker-status[style*="#eff6ff"] i,
.gw-kicker-status[style*="#eff6ff"] i {
color: #2563eb !important;
}
.gw-mob-sticky-actions {
display: inline-flex;
align-items: center;
gap: 8px;
flex: 0 0 auto;
}
#gw-mobile-sticky-bar .gw-mob-sticky-cart-btn,
.gw-mob-sticky-cart-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
height: 40px !important;
min-height: 40px !important;
min-width: 40px !important;
margin: 0 !important;
padding: 0 12px !important;
border-radius: 8px !important;
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #cbd5e1 !important;
color: #334155 !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
box-shadow: none !important;
transform: none !important;
box-sizing: border-box !important;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}
#gw-mobile-sticky-bar .gw-mob-sticky-cart-btn i,
#gw-mobile-sticky-bar .gw-mob-sticky-cart-btn span,
.gw-mob-sticky-cart-btn i,
.gw-mob-sticky-cart-btn span {
color: inherit !important;
}
#gw-mobile-sticky-bar .gw-mob-sticky-cart-btn:hover,
#gw-mobile-sticky-bar .gw-mob-sticky-cart-btn:focus,
#gw-mobile-sticky-bar .gw-mob-sticky-cart-btn:focus-visible,
#gw-mobile-sticky-bar .gw-mob-sticky-cart-btn:active,
.gw-mob-sticky-cart-btn:hover,
.gw-mob-sticky-cart-btn:focus,
.gw-mob-sticky-cart-btn:focus-visible,
.gw-mob-sticky-cart-btn:active {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #94a3b8 !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
box-shadow: none !important;
transform: none !important;
}
#gw-mobile-sticky-bar .gw-mob-sticky-btn,
#gw-mobile-sticky-bar button[type="submit"].gw-mob-sticky-btn,
#gw-mobile-sticky-bar button[type="button"].gw-mob-sticky-btn {
height: 40px !important;
min-height: 40px !important;
padding: 0 14px !important;
border-radius: 8px !important;
box-sizing: border-box !important;
}
@media screen and (max-width: 991px) {
.gw-mobile-sticky-bar {
background: rgba(255, 255, 255, 0.98) !important;
border-top: 1px solid #dce3ec !important;
box-shadow: 0 -4px 14px rgba(15, 23, 42, 0.05) !important;
}
}
@media screen and (max-width: 599px) {
#gw-mobile-sticky-bar .gw-mob-sticky-cart-btn .gw-mob-cart-label,
.gw-mob-sticky-cart-btn .gw-mob-cart-label {
display: none !important;
}
#gw-mobile-sticky-bar .gw-mob-sticky-cart-btn,
.gw-mob-sticky-cart-btn {
width: 40px !important;
min-width: 40px !important;
padding: 0 !important;
}
}
@media screen and (min-width: 600px) and (max-width: 991px) {
#gw-mobile-sticky-bar .gw-mob-sticky-cart-btn,
.gw-mob-sticky-cart-btn {
width: auto !important;
padding: 0 12px !important;
}
}
/* 16.3 Cart & Checkout Open Hairline Architecture (Zero Nested Boxes) */
.gw-cart-bundle-box {
background: transparent !important;
border: 0 !important;
border-top: 1px solid #e2e8f0 !important;
border-radius: 0 !important;
padding: 24px 0 0 0 !important;
margin-top: 28px !important;
}
.gw-checkout-trust-box {
background: transparent !important;
border: 0 !important;
border-top: 1px solid #e2e8f0 !important;
border-bottom: 1px solid #e2e8f0 !important;
border-radius: 0 !important;
padding: 13px 0 !important;
margin: 14px 0 !important;
color: #475569 !important;
}
.gw-checkout-trust-box .gw-ctb-item i,
.gw-checkout-trust-box i {
color: #64748b !important;
}
.gw-checkout-trust-box .gw-ctb-item strong,
.gw-checkout-trust-box strong {
color: #0f172a !important;
}
#gw-live-email-confirm {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
padding: 2px 0 !important;
margin: 0 0 12px 0 !important;
font-size: 13px !important;
color: #334155 !important;
}
#gw-live-email-confirm i {
color: #64748b !important;
}
#gw-live-email-confirm strong {
color: #0f172a !important;
}
/* 16.4 Multi-Terminal Japanese Typography, WCAG AA Contrast & 12px Legibility Floor */
.gw-exam-meta-date,
.gw-subhead-meta,
.gw-news-author {
color: #64748b !important;
}
.gw-subvendor-pill small {
color: #475569 !important;
}
footer.gw-site-footer .gw-footer-about,
footer.gw-site-footer .gw-fc-label,
footer.gw-site-footer .gw-footer-disclaimer,
footer.gw-site-footer .gw-footer-copy {
color: #475569 !important;
}
.gw-page-h1 {
font-size: 23px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
color: #0f172a !important;
}
@media screen and (max-width: 767px) {
.gw-page-h1 {
font-size: 20.5px !important;
font-weight: 700 !important;
line-height: 1.42 !important;
}
.gw-cert-mini-filter {
height: 38px !important;
min-height: 38px !important;
}
.gw-pager-input {
min-width: 54px !important;
height: 38px !important;
}
}
.gw-req,
.gw-req-badge,
.gw-jp-req,
.gw-pdf-sheet-tag,
.gw-deliv-spec-k,
.gw-pdf-chrome-pill,
.gw-pdf-mock-qbadge,
.gw-pdf-mock-lock,
.gw-pdf-mock-ans-chip,
.gw-study-col-topic-pill,
.gw-v23-kpi-k,
.gw-v2-pitfall-tag,
.gw-v23-stage-tag,
.gw-sticky-spec-price small {
font-size: 12px !important;
}
.gw-price-now,
.gw-cta-price-chunk,
.gw-sticky-spec-price,
.gw-mob-sticky-sub,
.gw-cert-exam-price,
.gw-cart-item-price,
.gw-cart-summary-bar,
.gw-checkout-panel,
.gw-uc-order-table td,
.gw-exam-meta-tag,
.gw-hec-qa,
.gw-sc-metrics {
font-variant-numeric: tabular-nums;
}
.gw-article-prose,
.gw-policy-prose,
.gw-faq-a,
.gw-v2-pitfall-body,
.gw-v2-geo-lead,
.gw-ps-paper,
.gw-q-stem,
.gw-q-exp {
line-break: strict;
}
/* ==========================================================================
17. V2.9.10 SINGLE-LINE OVERFLOW PURGE, UNIFIED #059669 TRUST SVGS & FOCUS/AUTOFILL UNIFICATION
========================================================================== */
/* 17.1 Full-Site Single-Line Overflow & Orphan-Tail Elimination */
.gw-nowrap {
white-space: nowrap !important;
}
h1,
h2,
h3,
h4,
.gw-v2-pitfall-title,
.gw-news-title,
.gw-prevnext-title,
.gw-hub-title {
word-break: auto-phrase;
overflow-wrap: break-word;
text-wrap: balance;
min-width: 0;
max-width: 100%;
}
p,
.gw-section-note,
.gw-v2-pitfall-body,
.gw-hub-summary,
.gw-footer-about,
.gw-footer-disclaimer,
.gw-auth-lead,
.gw-auth-sub-desc,
.gw-article-exam-desc,
.gw-hero-decision-notice,
.gw-ctb-item span,
.error-lead {
word-break: auto-phrase;
overflow-wrap: break-word;
text-wrap: pretty;
min-width: 0;
max-width: 100%;
}
@media screen and (min-width: 992px) {
.gw-home-sub {
max-width: 780px !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
.gw-home-trust-strip > .gw-hts-item,
.gw-hts-item {
word-break: auto-phrase;
}
@media screen and (min-width: 1200px) {
.gw-home-trust-strip > .gw-hts-item,
.gw-hts-item {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
padding: 11px 12px !important;
gap: 7px !important;
font-size: 13px !important;
white-space: nowrap !important;
line-height: 1.36 !important;
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.gw-home-trust-strip > .gw-hts-item > span,
.gw-hts-item > span {
display: inline-flex;
align-items: baseline;
gap: 4px;
min-width: 0;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.gw-home-trust-strip > .gw-hts-item:has(small.gw-hts-sub),
.gw-hts-item:has(small.gw-hts-sub) {
font-size: 12px !important;
padding: 11px 9px !important;
gap: 6px !important;
}
.gw-hts-item small.gw-hts-sub {
display: inline !important;
margin-top: 0 !important;
font-size: 10.5px;
line-height: 1.3;
flex-shrink: 1;
overflow: hidden;
text-overflow: ellipsis;
}
}
.gw-hts-item svg.gw-trust-svg {
flex-shrink: 0 !important;
}
.gw-hts-item small.gw-hts-sub {
display: block;
font-size: 11px;
font-weight: 500;
color: #64748b;
line-height: 1.3;
margin-top: 1px;
}
@media screen and (min-width: 768px) {
.gw-footer-tagline {
white-space: nowrap !important;
}
}
/* 17.2 Unified #059669 Geometric Stroke SVGs Across All Storefront Trust Regions */
.gw-trust-svg,
.gw-home-trust-strip svg.gw-trust-svg,
.gw-subbar-reassure svg.gw-trust-svg,
.gw-kicker-status:not([style*="#eff6ff"]) svg.gw-trust-svg,
.gw-cart-bundle-note svg.gw-trust-svg,
.gw-checkout-trust-box .gw-ctb-item svg.gw-trust-svg {
color: #059669 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
padding: 0 !important;
flex-shrink: 0 !important;
display: inline-block !important;
vertical-align: -2px;
}
.gw-hero-kicker > .gw-kicker-status,
.gw-hero-kicker .gw-kicker-status {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
}
.gw-hero-kicker .gw-kicker-status svg.gw-trust-svg {
margin-top: 0 !important;
vertical-align: middle !important;
}
.des .gw-cta-subbar > .gw-subbar-reassure,
.gw-subbar-reassure {
display: inline-flex !important;
align-items: flex-start !important;
gap: 6px !important;
}
.des .gw-cta-subbar > .gw-subbar-reassure svg.gw-trust-svg,
.gw-subbar-reassure svg.gw-trust-svg {
margin-top: 2.5px !important;
}
@media screen and (min-width: 680px) {
.des .gw-cta-subbar > .gw-subbar-reassure,
.gw-subbar-reassure {
align-items: center !important;
}
.des .gw-cta-subbar > .gw-subbar-reassure svg.gw-trust-svg,
.gw-subbar-reassure svg.gw-trust-svg {
margin-top: 0 !important;
}
}
.gw-cart-bundle-note {
display: flex !important;
align-items: flex-start !important;
gap: 6px !important;
}
.gw-cart-bundle-note svg.gw-trust-svg {
margin-top: 3px !important;
}
.gw-checkout-trust-box .gw-ctb-item {
display: flex !important;
align-items: flex-start !important;
gap: 8px !important;
}
.gw-checkout-trust-box .gw-ctb-item + .gw-ctb-item {
margin-top: 8px;
}
.gw-checkout-trust-box .gw-ctb-item svg.gw-trust-svg {
margin-top: 3.5px !important;
}
/* 17.3 Search Box Right Blue Vertical Line Purge & Full-Site Focus / Autofill Unification */
.gw-header-search-form input,
.gw-header-search-form input:focus,
.gw-header-search-form input:focus-visible,
.gw-header-search-form button:focus,
.gw-header-search-form button:focus-visible,
.search-area .search-field,
.search-area .search-field:focus,
.search-area .search-field:focus-visible,
.search-area .search-button:focus,
.search-area .search-button:focus-visible,
.search-area1 .search-field,
.search-area1 .search-field:focus,
.search-area1 .search-field:focus-visible,
.search-area1 .search-button:focus,
.search-area1 .search-button:focus-visible {
outline: none !important;
outline-width: 0 !important;
border: 0 !important;
box-shadow: none !important;
}
.gw-site-header .gw-header-search-form:focus-within,
header.gw-err-header .gw-header-search-form:focus-within,
.gw-header-search-form:focus-within,
.gw-hero-search-wrap .search-area:focus-within,
.search-area:focus-within,
.search-area1:focus-within {
border-color: #64748b !important;
background-color: #ffffff !important;
box-shadow: 0 0 0 3px rgba(100, 116, 139, 0.12) !important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not(.search-field):not(#gw-header-q):not(#gw-err-header-q):focus,
input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not(.search-field):not(#gw-header-q):not(#gw-err-header-q):focus-visible,
select:focus,
select:focus-visible,
textarea:focus,
textarea:focus-visible,
.form-control:focus,
.form-control:focus-visible,
.gw-filter-input:focus,
.gw-filter-input:focus-visible,
.gw-cert-mini-filter:focus,
.gw-cert-mini-filter:focus-visible,
.gw-side-mini-input:focus,
.gw-side-mini-input:focus-visible,
#gw-upd-filter:focus,
#gw-upd-filter:focus-visible,
#gw-sitemap-q:focus,
#gw-sitemap-q:focus-visible,
.gw-drawer-search input:focus,
.gw-drawer-search input:focus-visible,
.gw-pager-input:focus,
.gw-pager-input:focus-visible {
outline: none !important;
outline-width: 0 !important;
border-color: #64748b !important;
background-color: #ffffff !important;
box-shadow: 0 0 0 3px rgba(100, 116, 139, 0.12) !important;
}
.has-error .form-control:focus,
.has-error .form-control:focus-visible,
.form-control.error:focus,
.form-control.error:focus-visible,
input.error:focus,
input.error:focus-visible {
outline: none !important;
outline-width: 0 !important;
border-color: #b91c1c !important;
box-shadow: 0 0 0 3px rgba(185, 28, 28, 0.12) !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
box-shadow: 0 0 0 1000px #ffffff inset !important;
-webkit-text-fill-color: #0f172a !important;
caret-color: #0f172a !important;
transition: background-color 9999s ease-out 0s;
}
input:not(.search-field):not(#gw-header-q):not(#gw-err-header-q):-webkit-autofill:focus,
textarea:-webkit-autofill:focus,
select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 1000px #ffffff inset, 0 0 0 3px rgba(100, 116, 139, 0.12) !important;
box-shadow: 0 0 0 1000px #ffffff inset, 0 0 0 3px rgba(100, 116, 139, 0.12) !important;
border-color: #64748b !important;
}
/* Tactile Checkbox & Radio Design System (V2.9 Neutral Slate Fallback: #94A3B8 border / #1E293B checked) */
input[type="checkbox"],
input[type="radio"] {
appearance: none;
-webkit-appearance: none;
width: 20px !important;
height: 20px !important;
min-width: 20px;
min-height: 20px;
flex: 0 0 20px;
margin: 0 !important;
padding: 0 !important;
display: inline-grid;
place-content: center;
vertical-align: middle;
cursor: pointer;
background-color: #FFFFFF;
border: 1.75px solid #94A3B8;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.9);
transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
}
input[type="checkbox"] {
border-radius: 5.5px;
}
input[type="radio"] {
border-radius: 999px;
}
input[type="checkbox"]:not(:disabled):hover,
input[type="radio"]:not(:disabled):hover {
border-color: #475569;
background-color: #F8FAFC;
box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.06);
}
input[type="checkbox"]:not(:disabled):active,
input[type="radio"]:not(:disabled):active {
transform: scale(0.95);
}
input[type="checkbox"]:checked {
background-color: #1E293B !important;
border-color: #1E293B !important;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.2);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.2 10.4L8.5 13.7L14.9 6.8' stroke='%23FFFFFF' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
input[type="radio"]:checked {
border-color: #1E293B !important;
background-color: #FFFFFF !important;
background-image: radial-gradient(circle, #1E293B 44%, transparent 47%);
}
input[type="checkbox"]:focus-visible,
input[type="radio"]:focus-visible {
outline: none !important;
outline-offset: 0 !important;
box-shadow: 0 0 0 3px rgba(185, 28, 28, 0.20) !important;
}
input[type="checkbox"]:disabled,
input[type="radio"]:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.gw-auth-meta-row label {
display: inline-flex !important;
align-items: center !important;
gap: 9px !important;
padding: 6px 10px 6px 8px;
margin-left: -8px;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
color: #1E293B;
cursor: pointer;
user-select: none;
transition: background-color 0.14s ease;
}
.gw-auth-meta-row label:hover {
background-color: #F1F5F9;
}
.gw-cart-item-card label:has(input[type="checkbox"]),
.gw-uc-order-table label:has(input[type="checkbox"]),
.gw-war-chip {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
min-height: 36px;
padding: 5px 12px !important;
border-radius: 8px !important;
border: 1px solid #CBD5E1 !important;
background: #FFFFFF !important;
font-weight: 600 !important;
color: #1E293B !important;
cursor: pointer;
user-select: none;
transition: all 0.15s ease;
}
.gw-cart-item-card label:has(input[type="checkbox"]):not(:has(input:checked)):hover,
.gw-uc-order-table label:has(input[type="checkbox"]):not(:has(input:checked)):hover,
.gw-war-chip:not(:has(input:checked)):hover {
border-color: #94A3B8 !important;
background: #F8FAFC !important;
}
.gw-cart-item-card label:has(input:checked),
.gw-uc-order-table label:has(input:checked),
.gw-war-chip:has(input:checked) {
background: #F1F5F9 !important;
border-color: #475569 !important;
color: #0F172A !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}
/* ==========================================================================
18. V2.9.11 FULL-SITE ALIGNMENT, ZERO-OFFSET SEARCH/FILTER, NEGLECTED PAGES,
NON-LINK BLUE PURGE & COLUMN LIST UNIFICATION
========================================================================== */
/* 18.1 Zero-Offset Search & Filter Alignment Across Every Route (0.0px Top & Height Delta) */
.gw-inline-filter-bar {
display: flex !important;
align-items: center !important;
gap: 10px !important;
flex-wrap: nowrap !important;
}
.gw-brand-hero > .gw-inline-filter-bar {
margin-top: 18px !important;
}
.gw-inline-filter-bar .gw-filter-input-wrap {
flex: 1 1 auto !important;
min-width: 0 !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 !important;
position: relative !important;
display: flex !important;
align-items: center !important;
}
.gw-inline-filter-bar .gw-filter-input {
width: 100% !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 !important;
padding: 0 14px 0 38px !important;
font-size: 14px !important;
line-height: normal !important;
border: 1px solid #cbd5e1 !important;
border-radius: 8px !important;
background: #ffffff !important;
color: #0f172a !important;
box-sizing: border-box !important;
}
.gw-inline-filter-bar .gw-filter-input:focus,
.gw-inline-filter-bar .gw-filter-input:focus-visible {
outline: none !important;
border-color: #64748b !important;
background: #ffffff !important;
box-shadow: 0 0 0 3px rgba(100, 116, 139, 0.12) !important;
}
.gw-inline-filter-bar .gw-filter-input-wrap > i,
.gw-inline-filter-bar .gw-filter-input-wrap > svg {
position: absolute !important;
left: 13px !important;
top: 50% !important;
transform: translateY(-50%) !important;
margin: 0 !important;
color: #64748b !important;
pointer-events: none !important;
}
.gw-inline-filter-bar form.gw-brand-global-search {
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
height: 44px !important;
flex: 0 0 auto !important;
}
.des .gw-inline-filter-bar button.gw-filter-search-btn,
.corpdes .gw-inline-filter-bar button.gw-filter-search-btn,
.gw-inline-filter-bar button.gw-filter-search-btn {
margin: 0 !important;
height: 44px !important;
min-height: 44px !important;
padding: 0 18px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
border: 1px solid #cbd5e1 !important;
border-radius: 8px !important;
background: #ffffff !important;
color: #1e293b !important;
font-size: 13.5px !important;
font-weight: 700 !important;
line-height: 1 !important;
white-space: nowrap !important;
box-sizing: border-box !important;
}
.des .gw-inline-filter-bar button.gw-filter-search-btn:hover,
.des .gw-inline-filter-bar button.gw-filter-search-btn:focus,
.corpdes .gw-inline-filter-bar button.gw-filter-search-btn:hover,
.corpdes .gw-inline-filter-bar button.gw-filter-search-btn:focus,
.gw-inline-filter-bar button.gw-filter-search-btn:hover,
.gw-inline-filter-bar button.gw-filter-search-btn:focus {
background: #f8fafc !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
}
.des #gwCertChipToggle,
.corpdes #gwCertChipToggle,
.des .gw-cert-chip-toggle,
.corpdes .gw-cert-chip-toggle,
button.gw-cert-chip-toggle {
margin: 0 !important;
}
@media screen and (max-width: 640px) {
.gw-inline-filter-bar {
flex-direction: column !important;
align-items: stretch !important;
gap: 8px !important;
}
.gw-inline-filter-bar .gw-filter-input-wrap {
flex: 0 0 44px !important;
width: 100% !important;
}
.gw-inline-filter-bar form.gw-brand-global-search,
.des .gw-inline-filter-bar button.gw-filter-search-btn,
.corpdes .gw-inline-filter-bar button.gw-filter-search-btn,
.gw-inline-filter-bar button.gw-filter-search-btn {
width: 100% !important;
}
}
/* Sidebar .search-area1 Zero-Clipping Alignment (40px outer / 38px inner) */
.search-area1,
.gw-side-card .search-area1 {
height: 40px !important;
min-height: 40px !important;
padding: 0 !important;
border: 1px solid #cbd5e1 !important;
border-radius: 8px !important;
background: #ffffff !important;
overflow: hidden !important;
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
}
.search-area1:focus-within,
.gw-side-card .search-area1:focus-within {
border-color: #64748b !important;
background-color: #ffffff !important;
box-shadow: 0 0 0 3px rgba(100, 116, 139, 0.12) !important;
}
.search-area1 form,
.search-area1 .control-group {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
height: 38px !important;
display: flex !important;
align-items: center !important;
}
.search-area1 .control-group > .c {
display: none !important;
}
.search-area1 .search-field {
flex: 1 1 auto !important;
min-width: 0 !important;
width: auto !important;
height: 38px !important;
min-height: 38px !important;
padding: 0 12px !important;
margin: 0 !important;
font-size: 13.5px !important;
line-height: normal !important;
color: #0f172a !important;
background: transparent !important;
border: 0 !important;
float: none !important;
box-sizing: border-box !important;
}
.search-area1 .search-button,
.search-area1 .search-button:focus,
.search-area1 .search-button:focus-visible {
flex: 0 0 38px !important;
width: 38px !important;
min-width: 38px !important;
height: 38px !important;
min-height: 38px !important;
padding: 0 !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 14px !important;
color: #475569 !important;
background: #f8fafc !important;
border: 0 !important;
border-left: 1px solid #e2e8f0 !important;
border-radius: 0 !important;
float: none !important;
box-sizing: border-box !important;
}
.search-area1 .search-button:hover {
background: #f1f5f9 !important;
color: #0f172a !important;
}
/* Hero .search-area Normalization (50px outer / 48px inner desktop; 46px / 44px mobile) */
.search-area,
.gw-hero-search-wrap .search-area {
height: 50px !important;
min-height: 50px !important;
padding: 0 !important;
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
background: #ffffff !important;
overflow: hidden !important;
display: flex !important;
align-items: center !important;
box-sizing: border-box !important;
}
.search-area:focus-within,
.gw-hero-search-wrap .search-area:focus-within {
border-color: #64748b !important;
background-color: #ffffff !important;
box-shadow: 0 0 0 3px rgba(100, 116, 139, 0.12) !important;
}
.search-area form,
.search-area .control-group {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
height: 48px !important;
display: flex !important;
align-items: center !important;
}
.search-area .control-group > .c {
display: none !important;
}
.search-area .search-field {
flex: 1 1 auto !important;
min-width: 0 !important;
width: auto !important;
height: 48px !important;
min-height: 48px !important;
padding: 0 16px !important;
margin: 0 !important;
line-height: normal !important;
float: none !important;
border: 0 !important;
background: transparent !important;
color: #0f172a !important;
box-sizing: border-box !important;
}
.search-area .search-button,
.search-area .search-button:focus,
.search-area .search-button:focus-visible {
flex: 0 0 52px !important;
width: 52px !important;
min-width: 52px !important;
height: 48px !important;
min-height: 48px !important;
padding: 0 !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
float: none !important;
border: 0 !important;
border-left: 1px solid #e2e8f0 !important;
border-radius: 0 !important;
background: #f8fafc !important;
color: #334155 !important;
box-sizing: border-box !important;
}
.search-area .search-button:hover {
background: #f1f5f9 !important;
color: #0f172a !important;
}
@media screen and (max-width: 767px) {
.search-area,
.gw-hero-search-wrap .search-area {
height: 46px !important;
min-height: 46px !important;
}
.search-area form,
.search-area .control-group {
height: 44px !important;
}
.search-area .search-field {
height: 44px !important;
min-height: 44px !important;
padding: 0 13px !important;
}
.search-area .search-button,
.search-area .search-button:focus,
.search-area .search-button:focus-visible {
flex: 0 0 46px !important;
width: 46px !important;
min-width: 46px !important;
height: 44px !important;
min-height: 44px !important;
}
}
/* Header .gw-header-search-form Zero-Offset (32px input == 32px button inside 36px/1px-border box) */
.gw-site-header .gw-header-search-form,
header.gw-err-header .gw-header-search-form,
.gw-header-search-form {
display: inline-flex !important;
align-items: center !important;
height: 36px !important;
min-height: 36px !important;
padding: 0 2px 0 11px !important;
box-sizing: border-box !important;
}
@media screen and (max-width: 991px) {
header.gw-err-header .gw-header-search-form.hidden-xs,
header.gw-err-header .gw-header-search-form.hidden-sm,
.gw-header-search-form.hidden-xs,
.gw-header-search-form.hidden-sm {
display: none !important;
}
}
.gw-header-search-form input[type="search"],
.gw-header-search-form input[type="text"] {
height: 32px !important;
min-height: 32px !important;
margin: 0 !important;
padding: 0 !important;
line-height: 32px !important;
box-sizing: border-box !important;
}
.gw-header-search-form button[type="submit"] {
width: 32px !important;
min-width: 32px !important;
height: 32px !important;
min-height: 32px !important;
margin: 0 !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
}
/* Column Article Exam Action Buttons (.gw-article-exam-actions exact 46px min-height) */
.gw-article-exam-actions {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 10px !important;
}
.gw-article-exam-actions form.gw-inline-cart-form {
margin: 0 !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
}
.gw-article-exam-actions .gw-article-btn-detail,
.gw-article-exam-actions .gw-side-buy-btn {
min-height: 46px !important;
padding: 10px 20px !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1.35 !important;
box-sizing: border-box !important;
}
@media screen and (max-width: 640px) {
.gw-article-exam-actions form.gw-inline-cart-form,
.gw-article-exam-actions .gw-article-btn-detail,
.gw-article-exam-actions .gw-side-buy-btn {
width: 100% !important;
}
}
/* 18.2 /exam-updates.html, /sitemap.html & 1200px Single-Stage Keyline Alignment */
.container.gw-sitemap-wrap::before,
.container.gw-sitemap-wrap::after {
display: none !important;
content: none !important;
}
@media screen and (min-width: 992px) {
body section.main > .container.gw-single-stage,
body main.main > .container.gw-single-stage,
body section.main > .container.gw-sitemap-wrap,
body.gw-standalone-error .error-stage {
margin-bottom: 0 !important;
}
.gw-single-sheet {
padding: 36px 40px !important;
}
.gw-sitemap-hero-card {
padding: 32px 36px !important;
}
}
.gw-updates-kicker-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 8px;
margin-bottom: 10px;
}
.gw-updates-date-note {
font-size: 12.5px;
font-weight: 500;
color: #64748b;
white-space: nowrap;
}
.gw-upd-filter-count {
height: 44px !important;
min-height: 44px !important;
padding: 0 12px !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 8px !important;
background: #f8fafc !important;
border: 1px solid #e2e8f0 !important;
font-size: 13px !important;
font-weight: 600 !important;
color: #475569 !important;
white-space: nowrap !important;
flex: 0 0 auto !important;
box-sizing: border-box !important;
}
@media screen and (max-width: 640px) {
.gw-upd-filter-count {
display: none !important;
}
}
article.gw-single-sheet > #gw-upd-empty[data-nosnippet],
#gw-upd-empty {
background: #f8fafc !important;
border: 1px solid #dce3ec !important;
border-radius: 8px !important;
padding: 14px 18px !important;
color: #475569 !important;
font-size: 14px !important;
line-height: 1.68 !important;
}
#gw-upd-table td {
padding: 13px 16px !important;
vertical-align: middle !important;
line-height: 1.65 !important;
}
.gw-upd-old-code {
background: #f1f5f9 !important;
border: 1px solid #cbd5e1 !important;
color: #334155 !important;
border-radius: 5px !important;
padding: 2px 7px !important;
font-weight: 700 !important;
}
.gw-upd-status-pill {
display: inline-block;
background: #f8fafc !important;
border: 1px solid #dce3ec !important;
color: #475569 !important;
border-radius: 6px !important;
padding: 3px 9px !important;
font-size: 12.5px !important;
font-weight: 600 !important;
white-space: nowrap !important;
}
.gw-upd-succ-links {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.gw-upd-succ-link {
display: inline-flex !important;
align-items: center !important;
padding: 4px 10px !important;
border-radius: 6px !important;
background: #ffffff !important;
border: 1px solid #cbd5e1 !important;
color: #0f172a !important;
font-weight: 700 !important;
font-size: 13px !important;
line-height: 1.4 !important;
white-space: nowrap !important;
text-decoration: none !important;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.gw-upd-succ-link:hover,
.gw-upd-succ-link:focus {
border-color: #b91c1c !important;
color: #b91c1c !important;
background: #fef2f2 !important;
text-decoration: none !important;
}
@media screen and (min-width: 992px) {
.gw-v2-pitfall-grid:has(> .gw-v2-pitfall-card:nth-child(3):last-child) {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.gw-v2-pitfall-grid:has(> .gw-v2-pitfall-card:nth-child(3):last-child) > .gw-v2-pitfall-card:nth-child(odd):last-child {
grid-column: auto !important;
}
}
.gw-v2-pitfall-card h3 a:hover,
.gw-v2-pitfall-card h3 a:focus {
color: #b91c1c !important;
}
.gw-sitemap-hero-card {
border-top: 1px solid #dce3ec !important;
}
.gw-sitemap-az-letter {
background: #f1f5f9 !important;
border: 1px solid #cbd5e1 !important;
color: #0f172a !important;
}
.gw-scl-vendor {
background: #f1f5f9 !important;
border: 1px solid #dce3ec !important;
color: #475569 !important;
}
@media screen and (max-width: 991px) {
.gw-brand-hero .gw-updates-kicker-row {
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
}
.gw-sitemap-hero-card .gw-hero-kicker {
justify-content: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
.gw-sitemap-hero-card .gw-sitemap-filter-bar {
text-align: left !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
/* 18.3 Full-Site Non-Link Blue Purge & Off-Palette Link Unification */
.gw-v23-cur-chip {
background: #f1f5f9 !important;
border: 1px solid #cbd5e1 !important;
color: #0f172a !important;
font-weight: 700 !important;
border-radius: 6px !important;
padding: 2px 9px !important;
}
.gw-home-exam-card .gw-hec-badge.is-prep,
.gw-hec-badge.is-prep,
.gw-hec-qa.is-prep,
.gw-cert-exam-price.is-prep,
.gw-exam-meta-tag.is-prep {
background: #f1f5f9 !important;
border: 1px solid #dce3ec !important;
color: #475569 !important;
}
.gw-side-prep-box,
.gw-meta-prep {
background: #f8fafc !important;
border: 1px solid #dce3ec !important;
color: #334155 !important;
}
.gw-hero-kicker > .gw-kicker-status[style*="#eff6ff"],
.gw-hero-kicker .gw-kicker-status[style*="#eff6ff"],
.gw-kicker-status[style*="#eff6ff"] {
background: #f1f5f9 !important;
border: 1px solid #dce3ec !important;
color: #334155 !important;
}
.gw-hero-kicker > .gw-kicker-status[style*="#eff6ff"] i,
.gw-hero-kicker .gw-kicker-status[style*="#eff6ff"] i,
.gw-kicker-status[style*="#eff6ff"] i,
.gw-hero-kicker > .gw-kicker-status[style*="#eff6ff"] svg,
.gw-hero-kicker .gw-kicker-status[style*="#eff6ff"] svg,
.gw-kicker-status[style*="#eff6ff"] svg {
color: #64748b !important;
}
.gw-v2-pitfall-tag.is-info,
.gw-cl-badge,
.gw-q-type-pill.is-multi,
.gw-exam-locked-alert,
.gw-cb-pill.is-wallet {
background: #f1f5f9 !important;
border: 1px solid #dce3ec !important;
color: #334155 !important;
}
.gw-pred-cur-code {
color: #0f172a !important;
}
.gw-inline-link,
.gw-policy-callout a:not(.btn),
.gw-checkout-panel p a:not(.btn),
.gw-v2-hub-box a:not(.btn),
.gw-v2-hub-panel a:not(.btn),
.gw-editorial-gov-bar a,
.gw-editorial-gov-bar a.gw-gov-feedback-link,
.gw-gov-feedback-link,
.gw-v25-src-link,
.gw-mobile-toc-details a,
.gw-v2-lineage-link {
color: #334155 !important;
font-weight: 600;
text-decoration: underline !important;
text-underline-offset: 3px;
text-decoration-color: #94a3b8 !important;
transition: color 0.15s ease, text-decoration-color 0.15s ease;
}
.gw-inline-link:hover,
.gw-inline-link:focus,
.gw-policy-callout a:not(.btn):hover,
.gw-policy-callout a:not(.btn):focus,
.gw-checkout-panel p a:not(.btn):hover,
.gw-checkout-panel p a:not(.btn):focus,
.gw-v2-hub-box a:not(.btn):hover,
.gw-v2-hub-box a:not(.btn):focus,
.gw-v2-hub-panel a:not(.btn):hover,
.gw-v2-hub-panel a:not(.btn):focus,
.gw-editorial-gov-bar a:hover,
.gw-editorial-gov-bar a:focus,
.gw-editorial-gov-bar a.gw-gov-feedback-link:hover,
.gw-editorial-gov-bar a.gw-gov-feedback-link:focus,
.gw-gov-feedback-link:hover,
.gw-gov-feedback-link:focus,
.gw-v25-src-link:hover,
.gw-v25-src-link:focus,
.gw-mobile-toc-details a:hover,
.gw-mobile-toc-details a:focus,
.gw-v2-lineage-link:hover,
.gw-v2-lineage-link:focus {
color: #b91c1c !important;
text-decoration-color: #b91c1c !important;
}
.gw-boundary-jump-pill:hover,
.gw-boundary-jump-pill:focus {
background: #f1f5f9 !important;
background-color: #f1f5f9 !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
}
a.gw-brand-lockup,
a.gw-footer-logo-link,
a.gw-brand-lockup:hover,
a.gw-brand-lockup:focus,
a.gw-footer-logo-link:hover,
a.gw-footer-logo-link:focus {
color: #0f172a;
text-decoration: none;
}
/* 18.4 Footer Tagline 992px–1199px Single-Line Guard */
@media screen and (min-width: 992px) and (max-width: 1199px) {
footer.gw-site-footer .gw-footer-grid {
grid-template-columns: 1.5fr 1.25fr 0.85fr 0.95fr !important;
gap: 24px !important;
}
}
/* 18.5 /taishaku.html & /taishaku/.html Column List & Detail Unification */
.gw-cert-chip {
display: inline-flex !important;
align-items: center !important;
justify-content: center;
min-height: 34px !important;
padding: 6px 14px !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
border-radius: 8px !important;
border: 1px solid #dce3ec !important;
background: #ffffff !important;
color: #334155 !important;
text-decoration: none !important;
box-sizing: border-box !important;
}
.gw-cert-chip:hover,
.gw-cert-chip:focus {
background: #f8fafc !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
text-decoration: none !important;
}
.gw-cert-chip.is-active,
.gw-cert-chip.is-active:hover,
.gw-cert-chip.is-active:focus {
background: #fef2f2 !important;
border: 1px solid #b91c1c !important;
color: #b91c1c !important;
font-weight: 700 !important;
}
.gw-news-filter-block {
margin-bottom: 24px !important;
padding-bottom: 20px !important;
border-bottom: 1px solid #e2e8f0 !important;
}
.gw-news-feed {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
margin-top: 0 !important;
}
.gw-news-card {
display: flex !important;
background: #ffffff !important;
border: 1px solid #dce3ec !important;
border-radius: 10px !important;
padding: 20px 22px !important;
gap: 22px !important;
align-items: flex-start !important;
box-shadow: none !important;
transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}
.gw-news-card:hover {
background: #ffffff !important;
border: 1px solid #94a3b8 !important;
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05) !important;
}
@media screen and (min-width: 641px) {
.gw-news-card {
flex-direction: row !important;
}
.gw-news-thumb {
flex: 0 0 208px !important;
width: 208px !important;
aspect-ratio: 5 / 3 !important;
height: auto !important;
border-radius: 8px !important;
overflow: hidden !important;
background: #f8fafc !important;
border: 1px solid #e2e8f0 !important;
align-self: flex-start !important;
display: block !important;
}
}
@media screen and (max-width: 640px) {
.gw-news-card {
flex-direction: column !important;
padding: 16px !important;
gap: 14px !important;
}
.gw-news-thumb {
flex: 0 0 auto !important;
width: 100% !important;
aspect-ratio: 5 / 3 !important;
height: auto !important;
border-radius: 8px !important;
overflow: hidden !important;
background: #f8fafc !important;
border: 1px solid #e2e8f0 !important;
display: block !important;
}
}
.gw-news-thumb img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
display: block !important;
}
.gw-news-meta-top {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 8px !important;
}
.gw-news-tag {
background: #f1f5f9 !important;
border: 1px solid #dce3ec !important;
color: #334155 !important;
font-size: 12px !important;
font-weight: 600 !important;
padding: 2px 9px !important;
border-radius: 6px !important;
line-height: 1.4 !important;
}
.gw-news-title {
margin: 0 0 8px 0 !important;
font-size: 17.5px !important;
font-weight: 700 !important;
line-height: 1.48 !important;
}
.gw-news-title a {
color: #0f172a !important;
text-decoration: none !important;
}
.gw-news-title a:hover,
.gw-news-title a:focus {
color: #b91c1c !important;
}
.gw-news-excerpt {
margin: 0 !important;
font-size: 14px !important;
color: #475569 !important;
line-height: 1.72 !important;
max-height: none !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.gw-news-foot {
margin-top: 12px !important;
padding-top: 10px !important;
border-top: 1px solid #f1f5f9 !important;
}
.gw-news-article-head {
padding-bottom: 22px !important;
margin-bottom: 26px !important;
border-bottom: 1px solid #cbd5e1 !important;
}
.gw-news-article-head h1 {
font-size: 25px !important;
line-height: 1.42 !important;
color: #0f172a !important;
}
@media screen and (max-width: 767px) {
.gw-news-article-head h1 {
font-size: 21px !important;
}
}
.gw-prevnext-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px !important;
margin-top: 32px !important;
padding-top: 24px !important;
border-top: 1px solid #e2e8f0 !important;
}
@media screen and (min-width: 768px) {
.gw-prevnext-grid > .gw-prevnext-card:not(.is-next):only-child {
grid-column: 1 !important;
}
.gw-prevnext-grid > .gw-prevnext-card.is-next:only-child {
grid-column: 2 !important;
}
}
@media screen and (max-width: 767px) {
.gw-prevnext-grid {
grid-template-columns: minmax(0, 1fr) !important;
}
.gw-prevnext-grid > .gw-prevnext-card:only-child {
grid-column: 1 !important;
}
.gw-prevnext-card.is-next {
text-align: left !important;
}
}
.gw-prevnext-card {
background: #ffffff !important;
border: 1px solid #dce3ec !important;
border-radius: 10px !important;
box-shadow: none !important;
transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}
.gw-prevnext-card:hover {
background: #ffffff !important;
border: 1px solid #94a3b8 !important;
box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}
.gw-prevnext-card .gw-prevnext-title {
color: #0f172a !important;
font-weight: 600 !important;
}
.gw-prevnext-card:hover .gw-prevnext-title,
.gw-prevnext-card a:hover .gw-prevnext-title {
color: #b91c1c !important;
}
/* 18.6 Mobile iOS Safari Auto-Zoom Prevention Guard (<= 767px exact 16px input font-size) */
@media screen and (max-width: 767px) {
.gw-inline-filter-bar .gw-filter-input,
.search-area .search-field,
.search-area1 .search-field,
.gw-header-search-form input[type="search"],
.gw-header-search-form input[type="text"],
.gw-header-search-form input {
font-size: 16px !important;
}
}
/* ==========================================================================
19. V2.9.12 PRODUCT HERO POST-CTA SPACING, STRUCTURAL RHYTHM & RECOVERY POLISH
========================================================================== */
/* 19.1 CTA Subbar: two clean flex rows, exact 0.0px icon-x & text-x alignment */
.gw-main-sheet .des .gw-cta-subbar,
.des .gw-cta-subbar,
.gw-cta-subbar {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 7px !important;
margin: 14px 0 0 0 !important;
padding: 0 !important;
}
.gw-main-sheet .des .gw-cta-subbar > .gw-subbar-reassure,
.gw-main-sheet .des .gw-cta-subbar > .gw-subbar-bundle-note,
.des .gw-cta-subbar > .gw-subbar-reassure,
.des .gw-cta-subbar > .gw-subbar-bundle-note,
.gw-subbar-reassure,
.gw-subbar-bundle-note {
display: inline-flex !important;
align-items: flex-start !important;
gap: 7px !important;
margin: 0 !important;
padding: 0 !important;
padding-left: 0 !important;
border: 0 !important;
text-indent: 0 !important;
line-height: 1.55 !important;
}
.gw-main-sheet .des .gw-cta-subbar > .gw-subbar-bundle-note,
.des .gw-cta-subbar > .gw-subbar-bundle-note,
.gw-subbar-bundle-note {
color: #475569 !important;
font-size: 12.8px !important;
}
.gw-main-sheet .des .gw-cta-subbar > .gw-subbar-reassure svg.gw-trust-svg,
.gw-main-sheet .des .gw-cta-subbar > .gw-subbar-bundle-note svg.gw-subbar-note-svg,
.des .gw-cta-subbar > .gw-subbar-reassure svg.gw-trust-svg,
.des .gw-cta-subbar > .gw-subbar-bundle-note svg.gw-subbar-note-svg,
.gw-subbar-reassure svg.gw-trust-svg,
.gw-subbar-bundle-note svg.gw-subbar-note-svg {
flex-shrink: 0 !important;
width: 15px !important;
height: 15px !important;
margin: 3px 0 0 0 !important;
}
.gw-main-sheet .des .gw-cta-subbar > .gw-subbar-bundle-note svg.gw-subbar-note-svg,
.des .gw-cta-subbar > .gw-subbar-bundle-note svg.gw-subbar-note-svg,
.gw-subbar-bundle-note svg.gw-subbar-note-svg {
color: #64748b !important;
}
/* 19.2 Hero Decision Notice: 16px top breathing room & 0.0px multi-line text-x alignment */
.gw-main-sheet .des .gw-hero-decision-notice.is-l3-archive,
.des .gw-hero-decision-notice.is-l3-archive,
.gw-hero-decision-notice.is-l3-archive {
display: flex !important;
align-items: flex-start !important;
gap: 9px !important;
margin: 16px 0 0 0 !important;
padding: 12px 15px !important;
}
.gw-main-sheet .des .gw-hero-decision-notice.is-l3-archive > i,
.des .gw-hero-decision-notice.is-l3-archive > i,
.gw-hero-decision-notice.is-l3-archive > i {
flex-shrink: 0 !important;
margin: 3px 0 0 0 !important;
}
.gw-main-sheet .des .gw-hero-decision-notice.is-l3-archive > span,
.des .gw-hero-decision-notice.is-l3-archive > span,
.gw-hero-decision-notice.is-l3-archive > span {
flex: 1 1 auto !important;
min-width: 0 !important;
}
.gw-main-sheet .des .gw-hero-decision-notice:not(.is-l3-archive),
.des .gw-hero-decision-notice:not(.is-l3-archive),
.gw-hero-decision-notice:not(.is-l3-archive) {
margin: 14px 0 0 0 !important;
padding: 0 !important;
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
line-height: 1.68 !important;
}
@media screen and (max-width: 991px) {
#gw-mobile-toc,
details.gw-mobile-toc-details {
margin: 16px 0 0 0 !important;
}
}
/* 19.3 Hero-to-Body First Editorial Section Structural Divider (32px/32px desktop, 24px/24px mobile) */
.gw-main-sheet .des > .gw-editorial-section:first-of-type,
.des > .gw-editorial-section:first-of-type {
margin-top: 32px !important;
padding-top: 32px !important;
border-top: 1px solid #cbd5e1 !important;
}
@media screen and (max-width: 679px) {
.gw-main-sheet .des > .gw-editorial-section:first-of-type,
.des > .gw-editorial-section:first-of-type {
margin-top: 24px !important;
padding-top: 24px !important;
}
}
/* 19.4 L0 / L3 Tier-C Notice: eliminate rule sandwich so H2 uses clean .gw-section-head rhythm */
.gw-main-sheet .des .gw-v2-tierc-notice,
.des .gw-v2-tierc-notice,
#gw-v2-tierc-card,
.gw-v2-tierc-notice {
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
/* 19.5 Reviews & Comment Form Symmetric Rhythm (36px/36px elevated, 36px/0 bottom form) */
#gw-feedback-section.gw-elevated-reviews,
.gw-main-sheet .des > .gw-elevated-reviews,
.des > .gw-elevated-reviews {
padding: 36px 0 !important;
margin: 0 !important;
border-bottom: 1px solid #cbd5e1 !important;
}
.gw-elevated-reviews .feedback-content {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0 !important;
border-bottom: 0 !important;
}
.gw-elevated-reviews .feedback-content li:last-child {
margin-bottom: 0 !important;
}
.gw-main-sheet .des > .spot-feedback:not(.gw-elevated-reviews),
.des > .spot-feedback:not(.gw-elevated-reviews) {
padding: 36px 0 0 0 !important;
margin: 0 !important;
border-bottom: 0 !important;
}
.gw-main-sheet .des > .spot-feedback:not(.gw-elevated-reviews) #comments,
.des > .spot-feedback:not(.gw-elevated-reviews) #comments {
padding: 0 !important;
margin: 0 !important;
}
/* 19.6 Empty Cart Mobile Outline Button & Quick-Tags Alignment */
@media screen and (max-width: 767px) {
.gw-empty-cart-recovery a.gw-auth-submit {
width: 100% !important;
justify-content: center !important;
}
.gw-empty-cart-recovery .gw-home-quick-tags {
justify-content: flex-start !important;
}
}
/* ==========================================================================
20. V2.9.13 FULL-SITE 1200PX KEYLINE UNIFICATION & UNIFIED 1200PX ERROR/STATUS SHEET
========================================================================== */
/* 20.1 Full-Site 1200px & 1024px Outer Keyline Alignment (0.0px Left/Right Delta) */
main.main {
padding-top: 10px;
padding-bottom: 44px;
}
body main.main > .container.gw-single-stage,
body.gw-standalone-error .error-stage {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
@media screen and (min-width: 1200px) {
.gw-site-header > .container,
header.gw-err-header > .container,
.container.bread,
section.main > .container,
main.main > .container,
footer.gw-site-footer > .container {
width: 1200px !important;
max-width: calc(100vw - 32px) !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
.gw-site-header .gw-header-bar,
header.gw-err-header .gw-err-header-inner,
.container.bread,
body section.main > .container.gw-single-stage,
body main.main > .container.gw-single-stage,
body section.main > .container.gw-sitemap-wrap,
body section.main > .container.gw-auth-container,
body section.main > .container:has(> .gw-auth-shell),
body.gw-standalone-error .error-stage,
body section.main > .container:has(> .gw-commerce-sheet),
footer.gw-site-footer > .container {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.gw-site-header > .container,
header.gw-err-header > .container,
.container.bread,
section.main > .container,
main.main > .container,
footer.gw-site-footer > .container,
.gw-site-header .gw-header-bar,
header.gw-err-header .gw-err-header-inner,
body section.main > .container.gw-single-stage,
body main.main > .container.gw-single-stage,
body section.main > .container.gw-sitemap-wrap,
body section.main > .container.gw-auth-container,
body section.main > .container:has(> .gw-auth-shell),
body.gw-standalone-error .error-stage,
body section.main > .container:has(> .gw-commerce-sheet) {
width: 100% !important;
max-width: 1024px !important;
padding-left: 24px !important;
padding-right: 24px !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
}
/* 20.2 Unified 1200px Error & Status Sheet (.error-card, .gw-err-hero, .gw-err-lower, .gw-err-guide-grid) */
.gw-single-sheet.error-card,
body.gw-standalone-error .error-card,
.error-card {
background: #ffffff !important;
border: 1px solid #dce3ec !important;
border-radius: 12px !important;
padding: 44px 48px !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
box-sizing: border-box !important;
}
.gw-err-hero {
max-width: 680px !important;
margin: 0 auto !important;
text-align: center !important;
}
.error-card .error-number {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 54px !important;
height: 44px !important;
padding: 0 14px !important;
border-radius: 6px !important;
background: #f1f5f9 !important;
border: 1px solid #dce3ec !important;
color: #475569 !important;
font-size: 19px !important;
font-weight: 700 !important;
line-height: 1 !important;
margin: 0 0 16px 0 !important;
}
.error-card .error-number.error-success {
background: #ecfdf5 !important;
border: 1px solid #a7f3d0 !important;
color: #047857 !important;
}
.error-card h1 {
font-size: 24px !important;
font-weight: 700 !important;
color: #0f172a !important;
line-height: 1.42 !important;
margin: 0 auto 12px auto !important;
}
.error-card p.error-lead {
font-size: 15px !important;
color: #475569 !important;
line-height: 1.8 !important;
max-width: 620px !important;
margin: 0 auto 22px auto !important;
}
.gw-err-search-wrap {
max-width: 540px !important;
margin: 0 auto 22px auto !important;
}
.error-card .error-actions {
display: flex !important;
justify-content: center !important;
gap: 12px !important;
flex-wrap: wrap !important;
}
.gw-err-lower {
margin-top: 34px !important;
padding-top: 28px !important;
border-top: 1px solid #e2e8f0 !important;
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 0 !important;
border-radius: 0 !important;
text-align: left !important;
}
.gw-err-guide-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 16px !important;
}
.gw-err-guide-card {
background: #f8fafc !important;
border: 1px solid #dce3ec !important;
border-radius: 10px !important;
padding: 18px 20px !important;
text-decoration: none !important;
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
transition: background 0.15s ease, border-color 0.15s ease !important;
box-sizing: border-box !important;
}
.gw-err-guide-card:hover,
.gw-err-guide-card:focus {
background: #ffffff !important;
border-color: #94a3b8 !important;
text-decoration: none !important;
}
.gw-err-guide-title {
font-size: 14.5px !important;
font-weight: 700 !important;
color: #0f172a !important;
line-height: 1.45 !important;
}
.gw-err-guide-card:hover .gw-err-guide-title,
.gw-err-guide-card:focus .gw-err-guide-title {
color: #b91c1c !important;
}
.gw-err-guide-desc {
font-size: 13px !important;
color: #475569 !important;
line-height: 1.68 !important;
}
.gw-err-lower .error-vendors,
.error-card .error-vendors {
margin-top: 22px !important;
padding-top: 0 !important;
border: 0 !important;
border-radius: 0 !important;
text-align: left !important;
}
.error-card .error-vendors-title {
font-size: 13.5px !important;
font-weight: 700 !important;
color: #334155 !important;
margin: 0 0 10px 0 !important;
text-align: left !important;
}
.error-card .error-vendor-pills {
display: flex !important;
flex-wrap: wrap !important;
justify-content: flex-start !important;
gap: 8px !important;
}
.error-card .error-vendor-pills a {
display: inline-flex !important;
align-items: center !important;
padding: 6px 13px !important;
border: 1px solid #dce3ec !important;
border-radius: 8px !important;
background: #f8fafc !important;
color: #334155 !important;
font-size: 13.5px !important;
font-weight: 600 !important;
text-decoration: none !important;
}
.error-card .error-vendor-pills a:hover,
.error-card .error-vendor-pills a:focus {
color: #0f172a !important;
border-color: #94a3b8 !important;
background: #ffffff !important;
text-decoration: none !important;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.gw-single-sheet.error-card,
body.gw-standalone-error .error-card,
.error-card {
padding: 32px 28px !important;
}
}
@media screen and (max-width: 767px) {
main.main {
padding-bottom: 32px !important;
}
.gw-single-sheet.error-card,
body.gw-standalone-error .error-card,
.error-card {
padding: 24px 18px !important;
}
.error-card h1 {
font-size: 20px !important;
}
.error-card .error-actions .btn {
width: 100% !important;
justify-content: center !important;
}
.gw-err-lower {
margin-top: 26px !important;
padding-top: 22px !important;
}
.gw-err-guide-grid {
grid-template-columns: 1fr !important;
gap: 12px !important;
}
}
/* ==========================================================================
21. V2.9.14 FULL-SITE SINGLE SEARCH-BOX ANATOMY, HOMEPAGE SSOT CATALOG
CONSOLIDATION & SCATTERED PAGE MULTI-TERMINAL UNITY
========================================================================== */
/* 21.1 Hide Browser-Native WebKit Search Cancel & Decoration Site-Wide */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
-webkit-appearance: none !important;
appearance: none !important;
display: none !important;
}
/* 21.2 Desktop Header .gw-header-search-form -> Homepage .search-area Anatomy (36px outer / 34px inner) */
.gw-site-header .gw-header-search-form,
header.gw-err-header .gw-header-search-form,
.gw-header-search-form {
height: 36px !important;
min-height: 36px !important;
padding: 0 !important;
gap: 0 !important;
border: 1px solid #cbd5e1 !important;
border-radius: 8px !important;
background: #ffffff !important;
background-color: #ffffff !important;
overflow: hidden !important;
display: inline-flex !important;
align-items: center !important;
box-shadow: none !important;
box-sizing: border-box !important;
}
@media screen and (max-width: 991px) {
.gw-site-header .gw-header-search-form.hidden-xs,
.gw-site-header .gw-header-search-form.hidden-sm,
header.gw-err-header .gw-header-search-form.hidden-xs,
header.gw-err-header .gw-header-search-form.hidden-sm,
.gw-header-search-form.hidden-xs,
.gw-header-search-form.hidden-sm {
display: none !important;
}
}
.gw-site-header .gw-header-search-form:focus-within,
header.gw-err-header .gw-header-search-form:focus-within,
.gw-header-search-form:focus-within {
border-color: #64748b !important;
background: #ffffff !important;
background-color: #ffffff !important;
box-shadow: 0 0 0 3px rgba(100, 116, 139, 0.12) !important;
}
.gw-site-header .gw-header-search-form input[type="search"],
.gw-site-header .gw-header-search-form input[type="text"],
header.gw-err-header .gw-header-search-form input[type="search"],
header.gw-err-header .gw-header-search-form input[type="text"],
.gw-header-search-form input[type="search"],
.gw-header-search-form input[type="text"],
.gw-header-search-form input {
flex: 1 1 auto !important;
min-width: 0 !important;
height: 34px !important;
min-height: 34px !important;
margin: 0 !important;
padding: 0 11px !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
background-color: transparent !important;
color: #0f172a !important;
font-size: 13.5px !important;
line-height: normal !important;
outline: none !important;
outline-width: 0 !important;
box-shadow: none !important;
box-sizing: border-box !important;
}
.gw-site-header .gw-header-search-form button[type="submit"],
header.gw-err-header .gw-header-search-form button[type="submit"],
.gw-header-search-form button[type="submit"],
.gw-header-search-form button[type="submit"]:focus,
.gw-header-search-form button[type="submit"]:focus-visible {
flex: 0 0 36px !important;
width: 36px !important;
min-width: 36px !important;
height: 34px !important;
min-height: 34px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-left: 1px solid #e2e8f0 !important;
border-radius: 0 !important;
background: #f8fafc !important;
background-color: #f8fafc !important;
color: #334155 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
outline: none !important;
box-shadow: none !important;
box-sizing: border-box !important;
}
.gw-site-header .gw-header-search-form button[type="submit"]:hover,
header.gw-err-header .gw-header-search-form button[type="submit"]:hover,
.gw-header-search-form button[type="submit"]:hover {
background: #f1f5f9 !important;
background-color: #f1f5f9 !important;
color: #0f172a !important;
border-left-color: #cbd5e1 !important;
}
/* 21.3 Mobile Drawer .gw-drawer-search -> Homepage .search-area Anatomy (44px outer / 42px inner) */
#menu form.gw-drawer-search,
.leftMenu .gw-drawer-search,
form.gw-drawer-search,
.gw-drawer-search {
height: 44px !important;
min-height: 44px !important;
margin: 12px 16px !important;
padding: 0 !important;
gap: 0 !important;
border: 1px solid #cbd5e1 !important;
border-radius: 8px !important;
background: #ffffff !important;
background-color: #ffffff !important;
overflow: hidden !important;
display: flex !important;
align-items: center !important;
box-shadow: none !important;
box-sizing: border-box !important;
}
#menu form.gw-drawer-search:focus-within,
.leftMenu .gw-drawer-search:focus-within,
form.gw-drawer-search:focus-within,
.gw-drawer-search:focus-within {
border-color: #64748b !important;
background: #ffffff !important;
background-color: #ffffff !important;
box-shadow: 0 0 0 3px rgba(100, 116, 139, 0.12) !important;
}
#menu form.gw-drawer-search input#gw-drawer-q#gw-drawer-q,
#menu form.gw-drawer-search input#gw-drawer-q#gw-drawer-q:focus,
#menu form.gw-drawer-search input#gw-drawer-q#gw-drawer-q:focus-visible,
.gw-drawer-search input[type="search"],
.gw-drawer-search input[type="text"],
.gw-drawer-search input,
.gw-drawer-search input:focus,
.gw-drawer-search input:focus-visible {
flex: 1 1 auto !important;
min-width: 0 !important;
width: auto !important;
height: 42px !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 12px !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
background-color: transparent !important;
color: #0f172a !important;
font-size: 16px !important;
line-height: normal !important;
outline: none !important;
outline-width: 0 !important;
box-shadow: none !important;
box-sizing: border-box !important;
}
#menu form.gw-drawer-search button[type="submit"],
.leftMenu .gw-drawer-search button[type="submit"],
.gw-drawer-search button[type="submit"],
.gw-drawer-search button[type="submit"]:focus,
.gw-drawer-search button[type="submit"]:focus-visible {
flex: 0 0 44px !important;
width: 44px !important;
min-width: 44px !important;
height: 42px !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-left: 1px solid #e2e8f0 !important;
border-radius: 0 !important;
background: #f8fafc !important;
background-color: #f8fafc !important;
color: #334155 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
outline: none !important;
box-shadow: none !important;
box-sizing: border-box !important;
}
#menu form.gw-drawer-search button[type="submit"]:hover,
.leftMenu .gw-drawer-search button[type="submit"]:hover,
.gw-drawer-search button[type="submit"]:hover {
background: #f1f5f9 !important;
background-color: #f1f5f9 !important;
color: #0f172a !important;
border-left-color: #cbd5e1 !important;
}
/* Prevent inner focus ring on ID-targeted search fields inside .search-area / .search-area1 */
.search-area input.search-field#gw-upd-filter,
.search-area input.search-field#gw-upd-filter:focus,
.search-area input.search-field#gw-upd-filter:focus-visible,
.search-area input.search-field#gw-sitemap-q,
.search-area input.search-field#gw-sitemap-q:focus,
.search-area input.search-field#gw-sitemap-q:focus-visible,
.search-area input.search-field#gwExamQuickFilter,
.search-area input.search-field#gwExamQuickFilter:focus,
.search-area input.search-field#gwExamQuickFilter:focus-visible,
.search-area input.search-field#gwCertExamQuickFilter,
.search-area input.search-field#gwCertExamQuickFilter:focus,
.search-area input.search-field#gwCertExamQuickFilter:focus-visible,
.search-area1 input.search-field#gwSideVendorFilter,
.search-area1 input.search-field#gwSideVendorFilter:focus,
.search-area1 input.search-field#gwSideVendorFilter:focus-visible {
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
background-color: transparent !important;
outline: none !important;
outline-width: 0 !important;
box-shadow: none !important;
}
.search-area .search-field,
.search-area1 .search-field,
.gw-header-search-form input,
#menu form.gw-drawer-search input,
.gw-drawer-search input {
text-overflow: ellipsis !important;
}
@media screen and (max-width: 767px) {
.search-area .search-field,
.search-area1 .search-field,
.gw-drawer-search input,
.gw-drawer-search input[type="search"],
.gw-header-search-form input,
.gw-header-search-form input[type="search"] {
font-size: 16px !important;
}
}
/* 21.4 Homepage SSOT Catalog Components Across Single-Sheets, Category Hubs & Sitemap */
@media screen and (min-width: 992px) {
.gw-single-sheet .gw-home-exam-grid,
.gw-commerce-sheet .gw-home-exam-grid,
.gw-single-sheet .gw-home-cert-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.gw-single-sheet .gw-home-exam-grid,
.gw-commerce-sheet .gw-home-exam-grid,
.gw-single-sheet .gw-home-cert-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media screen and (max-width: 767px) {
.gw-single-sheet .gw-home-exam-grid,
.gw-commerce-sheet .gw-home-exam-grid,
.gw-single-sheet .gw-home-cert-grid {
grid-template-columns: minmax(0, 1fr) !important;
}
}
.gw-home-cert-item,
.gw-home-exam-card {
min-width: 0 !important;
}
.gw-home-cert-grid:not(.is-expanded) > .gw-home-cert-item.is-extra-chip {
display: none !important;
}
.gw-hec-qa.is-prep {
color: #475569;
font-weight: 500;
}
.gw-single-sheet > .gw-brand-hero + .gw-home-catalog-sec,
.gw-main-sheet > .gw-brand-hero + .gw-home-catalog-sec {
margin-top: 0 !important;
padding-top: 0 !important;
border-top: 0 !important;
}
.gw-single-sheet > .gw-home-catalog-sec + .gw-home-catalog-sec {
margin-top: 32px !important;
padding-top: 28px !important;
border-top: 1px solid #e2e8f0 !important;
}
.gw-brand-page > .gw-home-catalog-sec {
margin-bottom: 28px !important;
}
.gw-brand-page > .gw-home-catalog-sec + .gw-home-catalog-sec {
padding-top: 26px !important;
border-top: 1px solid #e2e8f0 !important;
}
.gw-main-sheet > .gw-home-catalog-sec + .gw-policy-callout,
.gw-main-sheet > .gw-home-catalog-sec + .gw-action-row {
margin-top: 24px !important;
}
.gw-vendor-blocks > section.gw-vblock:last-child {
margin-bottom: 0 !important;
}
/* 21.5 Unified .gw-subvendor-pill & Error Vendor Pills 1:1 Parity */
.gw-subvendor-pill,
.gw-home-subvendors .gw-subvendor-pill,
.gw-sitemap-az-links .gw-subvendor-pill,
.error-card .error-vendor-pills a,
body.gw-standalone-error .error-vendor-pills a {
display: inline-flex !important;
align-items: center !important;
gap: 3px !important;
padding: 4px 11px !important;
border: 1px solid #dce3ec !important;
border-radius: 8px !important;
font-size: 12.5px !important;
font-weight: 500 !important;
line-height: 1.45 !important;
color: #334155 !important;
text-decoration: none !important;
box-shadow: none !important;
}
.gw-home-subvendors .gw-subvendor-pill {
background: #ffffff !important;
background-color: #ffffff !important;
}
.gw-sitemap-az-links .gw-subvendor-pill,
.error-card .error-vendor-pills a,
body.gw-standalone-error .error-vendor-pills a {
background: #f8fafc !important;
background-color: #f8fafc !important;
}
.gw-subvendor-pill:hover,
.gw-subvendor-pill:focus,
.gw-home-subvendors .gw-subvendor-pill:hover,
.gw-home-subvendors .gw-subvendor-pill:focus,
.gw-sitemap-az-links .gw-subvendor-pill:hover,
.gw-sitemap-az-links .gw-subvendor-pill:focus,
.error-card .error-vendor-pills a:hover,
.error-card .error-vendor-pills a:focus,
body.gw-standalone-error .error-vendor-pills a:hover,
body.gw-standalone-error .error-vendor-pills a:focus {
background: #ffffff !important;
background-color: #ffffff !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
text-decoration: none !important;
}
.gw-subvendor-pill.is-active,
.gw-home-subvendors .gw-subvendor-pill.is-active {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1.5px solid #b91c1c !important;
color: #b91c1c !important;
font-weight: 700 !important;
}
/* 21.6 Sitemap A-Z Groups Clean Row Layout Inside Single-Sheet */
.gw-single-sheet .gw-sitemap-az-groups {
display: flex;
flex-direction: column;
gap: 14px;
}
.gw-single-sheet .gw-sitemap-az-block {
display: flex;
align-items: flex-start;
gap: 14px;
padding-top: 14px;
border-top: 1px solid #f1f5f9;
scroll-margin-top: 76px;
}
.gw-single-sheet .gw-sitemap-az-block:first-child {
padding-top: 0;
border-top: 0;
}
.gw-single-sheet .gw-sitemap-az-letter {
flex: 0 0 36px;
min-width: 36px;
height: 28px;
margin: 0 !important;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 6px;
background: #f1f5f9 !important;
border: 1px solid #cbd5e1 !important;
color: #0f172a !important;
font-size: 13.5px !important;
font-weight: 700 !important;
}
.gw-single-sheet .gw-sitemap-az-links {
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
@media screen and (max-width: 640px) {
.gw-single-sheet .gw-sitemap-az-block {
flex-direction: column;
gap: 8px;
}
}
/* 21.7 Scattered Auth, Order Lookup, Receipt & Policy Pages Multi-Terminal Keyline & Flat v29 Surface */
@media screen and (min-width: 1200px) {
body section.main > .container:has(> .gw-auth-stage),
body section.main > .container:has(> .gw-auth-dual-stage),
body section.main > .container:has(> .gw-rcpt-stage),
body section.main > .container:has(> .gw-rcpt-wrap) {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.gw-auth-card,
.gw-rcpt-toolbar,
.gw-rcpt-form-card {
background: #ffffff !important;
border: 1px solid #dce3ec !important;
border-radius: 12px !important;
box-shadow: none !important;
}
@media screen and (max-width: 767px) {
.gw-auth-card {
padding: 24px 18px !important;
}
}
/* ==========================================================================
22. V2.9.18 FOOTER BRAND LOGO & SINGLE-ROW CONTACT, NEWS SINGLE-ANCHOR & OVERFLOW SAFETY
========================================================================== */
/* 22.1 Footer Brand Logo Link & Single-Row Contact Box Alignment */
a.gw-footer-logo-link {
cursor: pointer;
display: inline-flex;
align-items: center;
text-decoration: none !important;
}
@media screen and (min-width: 768px) {
footer.gw-site-footer .gw-footer-contact-box {
display: inline-flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 0 !important;
margin-top: 2px !important;
padding: 9px 13px !important;
min-height: 38px !important;
max-width: 100% !important;
box-sizing: border-box !important;
background: #ffffff !important;
border: 1px solid #dce3ec !important;
border-radius: 8px !important;
}
footer.gw-site-footer .gw-footer-contact-box .gw-fc-mail {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 12.5px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
color: #b91c1c !important;
white-space: nowrap !important;
}
footer.gw-site-footer .gw-footer-contact-box .gw-fc-mail i.fa {
font-size: 13px !important;
line-height: 1 !important;
flex: 0 0 auto !important;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
footer.gw-site-footer .gw-footer-contact-box {
padding: 8px 10px !important;
}
footer.gw-site-footer .gw-footer-contact-box .gw-fc-mail {
font-size: 11.5px !important;
gap: 5px !important;
}
}
@media screen and (max-width: 767px) {
footer.gw-site-footer .gw-footer-contact-box {
width: 100% !important;
max-width: 340px !important;
margin: 2px auto 0 auto !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
padding: 10px 14px !important;
box-sizing: border-box !important;
background: #ffffff !important;
border: 1px solid #dce3ec !important;
border-radius: 8px !important;
}
footer.gw-site-footer .gw-footer-contact-box .gw-fc-mail {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 12.5px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
color: #b91c1c !important;
white-space: normal !important;
}
footer.gw-site-footer .gw-footer-contact-box .gw-fc-mail i.fa {
font-size: 13px !important;
line-height: 1 !important;
flex: 0 0 auto !important;
}
}
/* 22.2 Editorial News Card Single-Anchor Stretched Link & No-Thumb Layout */
.gw-news-card {
position: relative;
}
.gw-news-card .gw-news-title a.gw-news-card-link::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
.gw-news-card:hover .gw-news-title a.gw-news-card-link,
.gw-news-card:hover .gw-news-readmore {
color: #b91c1c !important;
}
.gw-news-card.is-no-thumb {
grid-template-columns: minmax(0, 1fr) !important;
}
.gw-news-card.is-no-thumb > .gw-news-body {
flex: 1 1 100% !important;
width: 100% !important;
min-width: 0 !important;
}
/* 22.3 Single-Sheet & Commerce-Sheet Overflow Safety */
.gw-single-stage > .gw-single-sheet,
.gw-commerce-sheet {
min-width: 0;
box-sizing: border-box;
}
/* --------------------------------------------------------------------------
23. V2.9.20 ZERO-RELOAD UX & RESTRAINED POLICY TOKENS
-------------------------------------------------------------------------- */
/* 23.1 Plain-Text Protected Email on Statutory Page (Zero Link Highlight) */
span.gw-protected-email,
.gw-protected-email {
color: inherit !important;
text-decoration: none !important;
border: 0 !important;
background: transparent !important;
font-weight: inherit !important;
cursor: text !important;
}
/* 23.2 Product Detail Zero-Reload Add-to-Cart Inline Bar & Subtle Toast */
.gw-cart-added-feedback {
margin-top: 10px;
padding: 10px 14px;
background: #f8fafc;
border: 1px solid #cbd5e1;
border-left: 3px solid #b91c1c;
border-radius: 8px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 8px 14px;
font-size: 13px;
line-height: 1.55;
color: #0f172a;
}
.gw-cart-added-feedback .gw-caf-msg {
font-weight: 600;
color: #0f172a;
}
.gw-cart-added-feedback .gw-caf-msg .gw-caf-check {
color: #b91c1c;
font-weight: 700;
margin-right: 4px;
}
.gw-cart-added-feedback .gw-caf-links {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
.gw-cart-added-feedback .gw-caf-link {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 12.5px;
font-weight: 600;
padding: 4px 10px;
border-radius: 6px;
border: 1px solid #cbd5e1;
background: #ffffff;
color: #1e293b !important;
text-decoration: none !important;
transition: background 0.14s ease, border-color 0.14s ease, color 0.14s ease;
}
.gw-cart-added-feedback .gw-caf-link:hover {
background: #f1f5f9;
border-color: #94a3b8;
color: #0f172a !important;
}
.gw-cart-added-feedback .gw-caf-link.is-primary {
border-color: #b91c1c;
color: #b91c1c !important;
background: #ffffff;
}
.gw-cart-added-feedback .gw-caf-link.is-primary:hover {
background: #fce8e6;
border-color: #991b1b;
color: #991b1b !important;
}
.gw-cart-toast {
position: fixed;
right: 20px;
bottom: 24px;
z-index: 99980;
max-width: min(460px, calc(100vw - 28px));
padding: 12px 16px;
background: #0f172a;
color: #f8fafc;
border: 1px solid #1e293b;
border-left: 3.5px solid #dc2626;
border-radius: 10px;
box-shadow: 0 10px 28px rgba(15, 23, 42, 0.22);
font-size: 13px;
line-height: 1.55;
display: flex;
flex-direction: column;
gap: 8px;
opacity: 0;
transform: translateY(10px);
pointer-events: none;
transition: opacity 0.18s ease, transform 0.18s ease;
}
.gw-cart-toast.is-visible {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.gw-cart-toast .gw-ct-msg {
font-weight: 600;
color: #ffffff;
}
.gw-cart-toast .gw-ct-check {
color: #f87171;
font-weight: 700;
margin-right: 4px;
}
.gw-cart-toast .gw-ct-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
.gw-cart-toast .gw-ct-link {
display: inline-flex;
align-items: center;
padding: 4px 10px;
border-radius: 6px;
font-size: 12px;
font-weight: 600;
background: #1e293b;
border: 1px solid #334155;
color: #f8fafc !important;
text-decoration: none !important;
}
.gw-cart-toast .gw-ct-link:hover {
background: #334155;
color: #ffffff !important;
}
.gw-cart-toast .gw-ct-link.is-primary {
background: #dc2626;
border-color: #dc2626;
color: #ffffff !important;
}
.gw-cart-toast .gw-ct-link.is-primary:hover {
background: #b91c1c;
border-color: #b91c1c;
}
@media screen and (max-width: 991px) {
.gw-cart-toast {
right: 14px;
left: 14px;
bottom: 84px;
max-width: none;
}
}
/* 23.3 Cart Live Quick-Search Dropdown (/cart.html) */
.gw-cart-qsearch-wrap {
position: relative;
}
.gw-cart-qsearch-dropdown {
position: absolute;
left: 0;
right: 0;
top: calc(100% + 6px);
z-index: 1050;
background: #ffffff;
border: 1px solid #cbd5e1;
border-radius: 10px;
box-shadow: 0 10px 26px rgba(15, 23, 42, 0.09);
overflow: hidden;
max-height: 360px;
overflow-y: auto;
}
.gw-cart-qs-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 10px 14px;
border-bottom: 1px solid #e2e8f0;
background: #ffffff;
transition: background 0.12s ease;
}
.gw-cart-qs-row:last-child {
border-bottom: 0;
}
.gw-cart-qs-row:hover {
background: #f8fafc;
}
.gw-cart-qs-info {
min-width: 0;
flex: 1 1 auto;
}
.gw-cart-qs-top {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
margin-bottom: 2px;
}
.gw-cart-qs-code {
font-size: 13px;
font-weight: 700;
color: #0f172a;
}
.gw-cart-qs-meta {
font-size: 11.5px;
color: #64748b;
}
.gw-cart-qs-name {
font-size: 12.5px;
color: #334155;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gw-cart-qs-right {
display: inline-flex;
align-items: center;
gap: 10px;
flex: 0 0 auto;
}
.gw-cart-qs-price {
text-align: right;
line-height: 1.25;
}
.gw-cart-qs-price strong {
display: block;
font-size: 13.5px;
font-weight: 700;
color: #b91c1c;
}
.gw-cart-qs-price small {
display: block;
font-size: 10.5px;
color: #64748b;
}
.gw-cart-qs-add-btn {
display: inline-flex;
align-items: center;
justify-content: center;
height: 32px;
padding: 0 11px;
border-radius: 7px;
border: 1px solid #b91c1c;
background: #ffffff;
color: #b91c1c;
font-size: 12px;
font-weight: 700;
cursor: pointer;
white-space: nowrap;
transition: background 0.14s ease, color 0.14s ease;
}
.gw-cart-qs-add-btn:hover,
.gw-cart-qs-add-btn:focus {
background: #fce8e6;
color: #991b1b;
border-color: #991b1b;
}
.gw-cart-qs-empty {
padding: 12px 14px;
font-size: 12.5px;
color: #64748b;
text-align: center;
}
/* 23.4 Checkout (/order.html) Applied Adjustment Pills & Inline Feedback */
.gw-applied-adj-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin-top: 8px;
}
.gw-applied-pill {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 10px;
border-radius: 6px;
background: #f1f5f9;
border: 1px solid #cbd5e1;
font-size: 12px;
font-weight: 600;
color: #0f172a;
}
.gw-clear-adj-btn {
display: inline-flex;
align-items: center;
padding: 3px 9px;
border-radius: 6px;
border: 1px solid #cbd5e1;
background: #ffffff;
color: #475569;
font-size: 11.5px;
font-weight: 600;
cursor: pointer;
transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;
}
.gw-clear-adj-btn:hover {
background: #f8fafc;
border-color: #94a3b8;
color: #b91c1c;
}
#gw-order-adj-msg .alert {
margin: 10px 0 0 0;
padding: 9px 12px;
font-size: 12.5px;
border-radius: 8px;
}
/* 23.5 Member Center Cancelled Order Muted Pill & Inline Form Alert */
.gw-status-pill.is-cancelled {
background: #f1f5f9 !important;
color: #64748b !important;
border: 1px solid #cbd5e1 !important;
}
.gw-inline-form-alert {
margin: 0 0 12px 0;
padding: 10px 13px;
font-size: 13px;
line-height: 1.55;
border-radius: 8px;
}
/* 24. Unified Right-Sidebar System (v2.9.21)
One module per .gw-side-card; one heading style; one search spacing; one list rhythm. */
/* 24.1 Card heading — .gw-side-vendor-head / .gw-side-search-label / dl > dt render identically */
.gw-side-card .gw-side-vendor-head,
.gw-side-card .gw-side-search-label,
.gw-side-card .left-vendor dl > dt {
font-size: 14.5px !important;
font-weight: 700 !important;
color: #111827 !important;
line-height: 1.45 !important;
margin: 0 0 12px 0 !important;
padding: 0 0 9px 0 !important;
border-bottom: 1px solid #e2e8f0 !important;
text-align: left !important;
}
.gw-side-card .gw-side-vendor-head strong,
.gw-side-card .left-vendor dl > dt strong {
font-weight: 700 !important;
color: inherit !important;
}
.gw-side-card .gw-side-vendor-head a {
font-size: 12.5px !important;
font-weight: 400 !important;
color: #64748b !important;
}
.gw-side-card .gw-side-vendor-head a:hover {
color: #b91c1c !important;
}
/* dl is flex (gap 6px) / mobile grid (gap 8px): offset dt margin so heading-to-list = 12px */
.gw-side-card .left-vendor dl > dt {
margin-bottom: 6px !important;
}
@media screen and (max-width: 767px) {
.gw-side-card .left-vendor dl.gw-rel-exam-dl > dt {
margin-bottom: 4px !important;
}
}
/* 24.2 Sidebar search box — no stray outer margins; 12px only when followed by content */
.gw-side-card .search-area1 {
margin: 0 !important;
}
.gw-side-card .search-area1:not(:last-child) {
margin-bottom: 12px !important;
}
.gw-side-card .left-vendor {
padding: 0 !important;
}
.gw-side-card .left-vendor dl {
margin: 0 !important;
}
/* Safety net: if two lists ever share one card, keep a section break */
.gw-side-card .left-vendor dl + dl,
.gw-side-card .left-vendor + .left-vendor {
margin-top: 20px !important;
}
/* 24.3 Column-title links — same box as exam links, 2-line clamp instead of 3-4 line blocks */
.gw-side-card .left-vendor dl:not(.gw-rel-exam-dl) > dd > a {
display: block !important;
height: auto !important;
padding: 9px 12px !important;
font-size: 13px !important;
line-height: 1.6 !important;
}
.gw-side-card .gw-side-clamp {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
overflow-wrap: anywhere;
}
/* 24.4 Muted helper note under a sidebar module */
.gw-side-card .gw-side-note {
margin: 0 !important;
font-size: 13px;
color: #64748b;
line-height: 1.68;
}
/* 24.5 One row rhythm for every boxed sidebar row (nav / track / exam / column links = 40px single-line) */
.gw-side-card a.gw-policy-nav-item,
.gw-side-card a.gw-side-track-item {
padding: 9px 12px !important;
font-size: 13.5px !important;
line-height: 20px !important;
min-height: 40px !important;
box-sizing: border-box !important;
}
.gw-side-card a.gw-policy-nav-item span,
.gw-side-card a.gw-policy-nav-item i,
.gw-side-card a.gw-side-track-item span {
line-height: 20px !important;
}
.gw-side-card .gw-side-track-list {
gap: 6px !important;
}
.gw-side-card a.gw-side-track-item {
flex-shrink: 0 !important;
height: auto !important;
}
/* ==========================================================================
25. V2.9.22 SITEWIDE UNIFIED TINTED SURFACE DEPTH (#F8FAFC SINGLE-SHADE SYSTEM)
Eliminates two-tone gray discrepancies (#f1f3f4 / #f1f5f9 / #f5f5f2 vs #f8fafc)
so every tinted box, callout, table header, card, and chip shares the exact
same surface depth (#f8fafc) across all templates.
========================================================================== */
/* 25.1 Policy Callouts, Article Lists, Contact/Service Cards & Subject Surface Blocks */
.gw-policy-prose .policy-article ul,
.gw-policy-callout,
.gw-contact-card,
.gw-about-service-card,
.gw-empty-state,
.gw-filter-empty,
.gw-mobile-toc-details,
.gw-topic-block,
.gw-v23-meta-bar,
.gw-v2-lineage-strip,
.gw-corpus-telemetry-card,
.gw-corpus-card,
.gw-lineage-box,
.gw-lineage-pred-item,
.gw-side-price-box,
.gw-bottom-cta-bar,
.gw-comment-form-card,
.gw-article-exam-box,
.gw-pdf-viewer-frame,
.gw-practice-sample-card,
.gw-editorial-gov-bar,
.gw-v2-hub-box,
.gw-guide-grid-2 > .gw-guide-card,
.gw-faq-item,
.gw-faq-item[open],
.gw-faq-card,
.gw-q-card,
.gw-guest-mypage-guide,
.gw-auth-guest-note {
background: #f8fafc !important;
background-color: #f8fafc !important;
}
.gw-policy-prose .policy-article ul,
.gw-contact-card,
.gw-about-service-card,
.gw-empty-state,
.gw-filter-empty {
border: 1px solid #dce3ec !important;
border-radius: 8px !important;
}
/* 25.2 All Table Headers (thead th & Left-Column Spec th) Unified to #F8FAFC */
.gw-v23-track-wrap thead th,
.gw-roadmap-table-wrap thead th,
.gw-sample-note-table thead th,
.gw-v23-track-table thead th,
.gw-sibling-table thead th,
.gw-roadmap-table thead th,
.gw-uc-order-table thead th,
.gw-upd-table thead th,
.gw-clean-spec-table th,
.gw-main-sheet .gw-clean-spec-table th,
.gw-hub-spec-table th,
.gw-policy-prose table.gw-spec-table th,
.gw-boundary-matrix-head,
.gw-boundary-matrix-sub {
background: #f8fafc !important;
background-color: #f8fafc !important;
}
/* 25.3 All Chips, Badges, Code Tags & Pills on White Sheets Unified to #F8FAFC */
.gw-kicker-brand,
.gw-kicker-code,
.gw-kicker-lineage,
.gw-v23-spec-badge,
.gw-v23-old-chip,
.gw-v23-cur-chip,
.gw-v23-ver-chip,
.gw-v23-json-pill,
.gw-v23-file-chip,
.gw-v23-stage-tag,
.gw-v2-pitfall-tag,
.gw-v2-pitfall-tag.is-info,
.gw-upd-old-code,
code.gw-upd-old-code,
.gw-inline-code,
code.gw-inline-code,
.gw-news-tag,
.gw-sitemap-az-letter,
article.gw-single-sheet h3.gw-sitemap-az-letter,
.gw-sitemap-az-group h3.gw-sitemap-az-letter,
.gw-scl-vendor,
.gw-matrix-view-switch,
.gw-home-news-date,
time.gw-home-news-date,
body.gw-standalone-error .error-number:not(.error-success),
.gw-status-pill.is-cancelled,
.gw-cb-pill,
.gw-cb-pill.is-wallet,
.gw-q-type-pill,
.gw-q-type-pill.is-multi,
.gw-exam-locked-alert {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #e2e8f0 !important;
}
/* 25.4 Nested Badges Inside #F8FAFC Cards Use Crisp #FFFFFF to Avoid Darker Gray Stacking */
.gw-home-exam-card .gw-hec-badge,
.gw-pdf-viewer-frame .gw-pdf-chrome-pill,
.gw-pdf-viewer-frame .gw-pdf-sheet-tag,
.gw-pdf-viewer-frame .gw-pdf-mock-qbadge,
.gw-pdf-viewer-frame .gw-pdf-mock-ans-chip,
.gw-v2-pitfall-card .gw-v2-pitfall-tag,
.gw-v2-pitfall-card .gw-v2-pitfall-tag.is-info,
.gw-practice-sample-card .gw-ps-badge,
.gw-practice-sample-card .gw-ps-disclaimer,
.gw-v23-track-table tr.is-current .gw-v23-stage-tag,
.gw-article-exam-box .gw-kicker-brand {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #e2e8f0 !important;
}
/* ==========================================================================
26. V2.9.23 FLAGSHIP POLICY/FAQ SYSTEM, UNIFIED 4PX RED ACCENT BAR
& RULE-SANDWICH ELIMINATION
========================================================================== */
/* 26.1 Eliminate "Rule Sandwich" (No Double Horizontal Lines Trapping H2s) */
.gw-main-sheet > .gw-home-catalog-sec,
.gw-main-sheet > .gw-home-bento-grid,
.gw-main-sheet > .gw-home-news-section,
.gw-single-sheet > .gw-home-catalog-sec,
.gw-editorial-section,
.gw-editorial-section.br-b,
.des > .gw-editorial-section:first-of-type,
.spot-feedback .feedback-content.br-b,
.gw-directory-section,
.gw-updates-sec2,
#gw-vendor-hub-panel > .gw-guide-card + .gw-guide-card {
border-top: 0 !important;
border-bottom: 0 !important;
}
.gw-main-sheet > .gw-home-catalog-sec,
.gw-main-sheet > .gw-home-news-section,
.gw-single-sheet > .gw-home-catalog-sec {
margin-top: 30px !important;
padding-top: 0 !important;
margin-bottom: 0 !important;
}
.gw-editorial-section,
.des > .gw-editorial-section:first-of-type {
margin-top: 32px !important;
padding: 0 !important;
}
.gw-directory-section {
margin-top: 28px !important;
padding: 0 !important;
}
#gw-vendor-hub-panel > .gw-guide-card + .gw-guide-card {
margin-top: 30px !important;
padding-top: 0 !important;
}
/* When .gw-brand-hero is immediately followed by a section with an H2 title bar,
suppress .gw-brand-hero's bottom border so the first H2 is never trapped between two rules. */
.gw-brand-hero,
.gw-allcerts-hero {
padding-bottom: 20px !important;
margin-bottom: 24px !important;
border-bottom: 1px solid #e2e8f0 !important;
}
.gw-brand-hero:has(+ .gw-home-catalog-sec),
.gw-brand-hero:has(+ .gw-directory-section),
.gw-brand-hero:has(+ .gw-section-title-bar),
.gw-allcerts-hero:has(+ .gw-home-catalog-sec) {
padding-bottom: 4px !important;
margin-bottom: 24px !important;
border-bottom: 0 !important;
}
/* Single unified bottom rule on all H2 header containers */
.gw-section-title-bar,
.gw-section-head,
.gw-review-sec-head,
.gw-form-sec-head,
.gw-vblock-head {
padding-bottom: 11px !important;
margin-bottom: 18px !important;
border-top: 0 !important;
border-bottom: 1px solid #e2e8f0 !important;
}
/* 26.2 Pixel-Locked 4px × 18px Crimson Vertical Bar & Unified H2 Typography */
.gw-section-title-bar h2,
.gw-section-head h2,
.gw-section-head h2.gw-native-h2,
.des .content .gw-section-head h2,
.des .content .gw-section-head h2.gw-native-h2,
h2.gw-native-h2,
.des .content h2.gw-native-h2,
.gw-review-sec-head h2,
.des .content .gw-review-sec-head h2,
.gw-form-sec-head h2,
.gw-guide-head h2,
.gw-article-exam-head h2,
#gw-vendor-hub-panel > .gw-guide-card > h2,
.gw-article-prose h2,
.gw-policy-prose .policy-article h2,
.gw-sitemap-h2,
.gw-home-section > h2,
.gw-related-articles-sec > h2,
.gw-vblock-head h2 {
position: relative !important;
font-size: 20px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
color: #0f172a !important;
padding-left: 14px !important;
border-left: 0 !important;
}
.gw-section-title-bar h2,
.gw-section-head h2,
.gw-section-head h2.gw-native-h2,
.des .content .gw-section-head h2,
.des .content .gw-section-head h2.gw-native-h2,
.gw-review-sec-head h2,
.des .content .gw-review-sec-head h2,
.gw-form-sec-head h2,
.gw-guide-head h2,
.gw-vblock-head h2 {
padding-top: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important;
margin: 0 !important;
border-bottom: 0 !important;
}
.gw-article-exam-head h2 {
padding-top: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important;
margin: 10px 0 8px 0 !important;
border-bottom: 0 !important;
}
#gw-vendor-hub-panel > .gw-guide-card > h2,
.gw-article-prose h2,
.gw-policy-prose .policy-article h2,
.gw-sitemap-h2 {
padding-top: 0 !important;
padding-right: 0 !important;
padding-bottom: 10px !important;
margin: 28px 0 16px 0 !important;
border-bottom: 1px solid #e2e8f0 !important;
}
.gw-policy-prose .policy-article > h2:first-of-type,
.gw-article-prose > h2:first-of-type {
margin-top: 4px !important;
}
.gw-section-title-bar h2::before,
.gw-section-head h2::before,
.gw-section-head h2.gw-native-h2::before,
h2.gw-native-h2::before,
.gw-review-sec-head h2::before,
.gw-form-sec-head h2::before,
.gw-guide-head h2::before,
.gw-article-exam-head h2::before,
#gw-vendor-hub-panel > .gw-guide-card > h2::before,
.gw-article-prose h2::before,
.gw-policy-prose .policy-article h2::before,
.gw-sitemap-h2::before,
.gw-home-section > h2::before,
.gw-related-articles-sec > h2::before,
.gw-vblock-head h2::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
width: 4px !important;
height: 18px !important;
top: 50% !important;
bottom: auto !important;
transform: translateY(-50%) !important;
background: #b91c1c !important;
border-radius: 2px !important;
}
/* Standalone H2s with 10px bottom padding: center the 4px×18px bar on the text line */
#gw-vendor-hub-panel > .gw-guide-card > h2::before,
.gw-article-prose h2::before,
.gw-policy-prose .policy-article h2::before,
.gw-sitemap-h2::before {
top: calc((100% - 10px) / 2) !important;
bottom: auto !important;
transform: translateY(-50%) !important;
}
@media (max-width: 767px) {
.gw-section-title-bar h2,
.gw-section-head h2,
.gw-section-head h2.gw-native-h2,
.des .content .gw-section-head h2,
.des .content .gw-section-head h2.gw-native-h2,
h2.gw-native-h2,
.des .content h2.gw-native-h2,
.gw-review-sec-head h2,
.des .content .gw-review-sec-head h2,
.gw-form-sec-head h2,
.gw-guide-head h2,
.gw-article-exam-head h2,
#gw-vendor-hub-panel > .gw-guide-card > h2,
.gw-article-prose h2,
.gw-policy-prose .policy-article h2,
.gw-sitemap-h2,
.gw-home-section > h2,
.gw-related-articles-sec > h2,
.gw-vblock-head h2 {
font-size: 17.5px !important;
line-height: 1.4 !important;
padding-left: 12px !important;
}
.gw-section-title-bar h2::before,
.gw-section-head h2::before,
.gw-section-head h2.gw-native-h2::before,
h2.gw-native-h2::before,
.gw-review-sec-head h2::before,
.gw-form-sec-head h2::before,
.gw-guide-head h2::before,
.gw-article-exam-head h2::before,
#gw-vendor-hub-panel > .gw-guide-card > h2::before,
.gw-article-prose h2::before,
.gw-policy-prose .policy-article h2::before,
.gw-sitemap-h2::before,
.gw-home-section > h2::before,
.gw-related-articles-sec > h2::before,
.gw-vblock-head h2::before {
width: 4px !important;
height: 16px !important;
}
}
/* 26.3 Flagship 3-Card Policy / FAQ / Support Summary Grid (.gw-policy-summary-grid) */
.gw-policy-summary-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 14px !important;
margin: 0 0 26px 0 !important;
}
.gw-policy-summary-card {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
border-radius: 8px !important;
padding: 15px 16px !important;
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
box-sizing: border-box !important;
}
.gw-psc-head {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}
.gw-psc-icon {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
border-radius: 6px !important;
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #e2e8f0 !important;
color: #b91c1c !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 13.5px !important;
line-height: 1 !important;
}
.gw-psc-title {
font-size: 14px !important;
font-weight: 700 !important;
color: #0f172a !important;
line-height: 1.38 !important;
margin: 0 !important;
}
.gw-psc-desc {
font-size: 12.8px !important;
color: #475569 !important;
line-height: 1.65 !important;
margin: 0 !important;
}
.gw-psc-desc a {
color: #0f172a !important;
font-weight: 600 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
text-decoration-color: #94a3b8 !important;
}
.gw-psc-desc a:hover {
color: #b91c1c !important;
text-decoration-color: #b91c1c !important;
}
@media (max-width: 767px) {
.gw-policy-summary-grid {
grid-template-columns: 1fr !important;
gap: 10px !important;
margin-bottom: 22px !important;
}
}
/* 26.4 Flagship Policy Spec Table (.gw-tokushoho-table & .policy-article table.gw-spec-table) */
.gw-policy-prose .policy-article table.gw-clean-spec-table,
.gw-policy-prose .policy-article table.gw-tokushoho-table,
.gw-policy-prose .policy-article table.gw-spec-table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
border: 1px solid #cbd5e1 !important;
border-radius: 8px !important;
overflow: hidden !important;
margin: 0 0 26px 0 !important;
background: #ffffff !important;
}
.gw-policy-prose .policy-article table.gw-clean-spec-table th,
.gw-policy-prose .policy-article table.gw-tokushoho-table th,
.gw-policy-prose .policy-article table.gw-spec-table th {
width: 28% !important;
background: #f8fafc !important;
background-color: #f8fafc !important;
color: #0f172a !important;
font-size: 13.5px !important;
font-weight: 700 !important;
line-height: 1.6 !important;
padding: 13px 16px !important;
vertical-align: top !important;
text-align: left !important;
border-top: 0 !important;
border-left: 0 !important;
border-right: 1px solid #e2e8f0 !important;
border-bottom: 1px solid #e2e8f0 !important;
}
.gw-policy-prose .policy-article table.gw-clean-spec-table td,
.gw-policy-prose .policy-article table.gw-tokushoho-table td,
.gw-policy-prose .policy-article table.gw-spec-table td {
background: #ffffff !important;
background-color: #ffffff !important;
color: #334155 !important;
font-size: 14px !important;
line-height: 1.75 !important;
padding: 13px 18px !important;
vertical-align: top !important;
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 1px solid #e2e8f0 !important;
}
.gw-policy-prose .policy-article table.gw-clean-spec-table tr:last-child th,
.gw-policy-prose .policy-article table.gw-clean-spec-table tr:last-child td,
.gw-policy-prose .policy-article table.gw-tokushoho-table tr:last-child th,
.gw-policy-prose .policy-article table.gw-tokushoho-table tr:last-child td,
.gw-policy-prose .policy-article table.gw-spec-table tr:last-child th,
.gw-policy-prose .policy-article table.gw-spec-table tr:last-child td {
border-bottom: 0 !important;
}
@media (max-width: 767px) {
.gw-policy-prose .policy-article table.gw-clean-spec-table th,
.gw-policy-prose .policy-article table.gw-tokushoho-table th,
.gw-policy-prose .policy-article table.gw-spec-table th,
.gw-policy-prose .policy-article table.gw-clean-spec-table td,
.gw-policy-prose .policy-article table.gw-tokushoho-table td,
.gw-policy-prose .policy-article table.gw-spec-table td {
display: block !important;
width: 100% !important;
border-right: 0 !important;
}
.gw-policy-prose .policy-article table.gw-clean-spec-table th,
.gw-policy-prose .policy-article table.gw-tokushoho-table th,
.gw-policy-prose .policy-article table.gw-spec-table th {
padding: 10px 14px !important;
border-bottom: 1px solid #e2e8f0 !important;
}
.gw-policy-prose .policy-article table.gw-clean-spec-table td,
.gw-policy-prose .policy-article table.gw-tokushoho-table td,
.gw-policy-prose .policy-article table.gw-spec-table td {
padding: 12px 14px !important;
}
.gw-policy-prose .policy-article table.gw-clean-spec-table tr:last-child th,
.gw-policy-prose .policy-article table.gw-tokushoho-table tr:last-child th,
.gw-policy-prose .policy-article table.gw-spec-table tr:last-child th {
border-bottom: 1px solid #e2e8f0 !important;
}
}
/* 26.5 Flagship FAQ Page System (.gw-faq-cat-nav, .gw-faq-section, .gw-faq-card) */
.gw-faq-cat-nav {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin: 16px 0 0 0 !important;
}
.gw-faq-cat-pill {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 13px !important;
border-radius: 6px !important;
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
color: #1e293b !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
text-decoration: none !important;
transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease !important;
}
.gw-faq-cat-pill i.fa {
color: #b91c1c !important;
font-size: 12.5px !important;
}
.gw-faq-cat-pill:hover,
.gw-faq-cat-pill:focus {
background: #ffffff !important;
background-color: #ffffff !important;
border-color: #94a3b8 !important;
color: #b91c1c !important;
text-decoration: none !important;
}
.gw-faq-section {
margin: 0 0 30px 0 !important;
}
.gw-faq-section:last-of-type {
margin-bottom: 24px !important;
}
.gw-faq-list,
.gw-faq-section .gw-faq-list,
.gw-faq-stack,
.gw-faq-page .gw-faq-stack {
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
background: transparent !important;
border: 0 !important;
border-top: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
.gw-faq-card,
.gw-faq-page .gw-faq-card,
.gw-faq-stack .gw-faq-card,
.gw-faq-list .gw-faq-card,
details.gw-faq-item,
details.gw-faq-item[open] {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #cbd5e1 !important;
border-radius: 8px !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
box-shadow: none !important;
}
.gw-faq-card .gw-faq-q,
.gw-faq-page .gw-faq-card .gw-faq-q,
.gw-faq-list .gw-faq-card .gw-faq-q {
background: #f8fafc !important;
background-color: #f8fafc !important;
padding: 13px 18px !important;
border-bottom: 1px solid #e2e8f0 !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
margin: 0 !important;
}
details.gw-faq-item > summary.gw-faq-q {
background: #f8fafc !important;
background-color: #f8fafc !important;
padding: 14px 40px 14px 18px !important;
border-bottom: 0 !important;
margin: 0 !important;
position: relative !important;
}
details.gw-faq-item[open] > summary.gw-faq-q {
border-bottom: 1px solid #e2e8f0 !important;
}
details.gw-faq-item > summary.gw-faq-q::after {
right: 16px !important;
top: 50% !important;
transform: translateY(-50%) !important;
}
.gw-faq-card .gw-faq-badge,
.gw-faq-page .gw-faq-card .gw-faq-badge {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 36px !important;
width: auto !important;
height: 26px !important;
padding: 0 9px !important;
border-radius: 6px !important;
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #cbd5e1 !important;
color: #b91c1c !important;
font-size: 12.5px !important;
font-weight: 700 !important;
line-height: 1 !important;
flex-shrink: 0 !important;
}
.gw-faq-card .gw-faq-q h2,
.gw-faq-card .gw-faq-q h3,
.gw-faq-card .gw-faq-q h3.gw-faq-q-title,
.gw-faq-page .gw-faq-card .gw-faq-q h3 {
font-size: 15.5px !important;
font-weight: 700 !important;
color: #0f172a !important;
line-height: 1.45 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
.gw-faq-card .gw-faq-q h2::before,
.gw-faq-card .gw-faq-q h3::before {
display: none !important;
content: none !important;
}
.gw-faq-card .gw-faq-a,
.gw-faq-page .gw-faq-card .gw-faq-a,
details.gw-faq-item .gw-faq-a {
background: #ffffff !important;
background-color: #ffffff !important;
padding: 15px 18px !important;
margin: 0 !important;
color: #334155 !important;
font-size: 14px !important;
line-height: 1.78 !important;
}
.gw-faq-card .gw-faq-a p:last-child,
details.gw-faq-item .gw-faq-a p:last-child {
margin-bottom: 0 !important;
}
/* 26.6 Callout Spacing & Sitewide Inline Prose Link Breathing Room */
.gw-policy-callout {
margin: 24px 0 !important;
padding: 16px 20px !important;
}
.gw-main-sheet > .gw-policy-callout:last-child,
.gw-single-sheet > .gw-policy-callout:last-child {
margin-bottom: 0 !important;
}
.gw-home-catalog-sec + .gw-policy-callout,
.gw-policy-prose + .gw-policy-callout,
.gw-faq-section + .gw-policy-callout,
.gw-brand-hero + .gw-policy-callout,
.gw-single-sheet > .gw-home-catalog-sec + .gw-policy-callout,
.gw-main-sheet > .gw-home-catalog-sec + .gw-policy-callout {
margin-top: 24px !important;
}
.gw-home-catalog-sec + .gw-action-row,
.gw-policy-callout + .gw-action-row {
margin-top: 24px !important;
}
.gw-inline-link,
.gw-policy-callout p a:not(.btn),
.gw-psc-desc a:not(.btn),
.gw-faq-a a:not(.btn),
.gw-policy-prose .policy-article p a:not(.btn),
.gw-policy-prose .policy-article td a:not(.btn),
.gw-policy-prose .policy-article li a:not(.btn),
.gw-checkout-panel p a:not(.btn),
.gw-v2-hub-box a:not(.btn),
.gw-v2-hub-panel a:not(.btn),
.gw-editorial-gov-bar a:not(.btn),
.gw-gov-feedback-link,
.gw-gmg-body a:not(.btn),
.gw-auth-sub-desc a:not(.btn),
.gw-auth-note a:not(.btn),
.gw-auth-foot a:not(.btn),
.gw-auth-guest-note a:not(.btn),
.gw-empty-state a:not(.btn) {
display: inline !important;
margin-left: 4px !important;
margin-right: 4px !important;
padding: 0 !important;
color: #334155 !important;
font-weight: 600 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
text-decoration-color: #94a3b8 !important;
transition: color 0.15s ease, text-decoration-color 0.15s ease !important;
}
.gw-inline-link:hover,
.gw-inline-link:focus,
.gw-policy-callout p a:not(.btn):hover,
.gw-policy-callout p a:not(.btn):focus,
.gw-psc-desc a:not(.btn):hover,
.gw-psc-desc a:not(.btn):focus,
.gw-faq-a a:not(.btn):hover,
.gw-faq-a a:not(.btn):focus,
.gw-policy-prose .policy-article p a:not(.btn):hover,
.gw-policy-prose .policy-article p a:not(.btn):focus,
.gw-policy-prose .policy-article td a:not(.btn):hover,
.gw-policy-prose .policy-article td a:not(.btn):focus,
.gw-policy-prose .policy-article li a:not(.btn):hover,
.gw-policy-prose .policy-article li a:not(.btn):focus,
.gw-gmg-body a:not(.btn):hover,
.gw-gmg-body a:not(.btn):focus,
.gw-auth-sub-desc a:not(.btn):hover,
.gw-auth-sub-desc a:not(.btn):focus,
.gw-auth-note a:not(.btn):hover,
.gw-auth-note a:not(.btn):focus,
.gw-auth-foot a:not(.btn):hover,
.gw-auth-foot a:not(.btn):focus,
.gw-auth-guest-note a:not(.btn):hover,
.gw-auth-guest-note a:not(.btn):focus,
.gw-empty-state a:not(.btn):hover,
.gw-empty-state a:not(.btn):focus {
color: #b91c1c !important;
text-decoration-color: #b91c1c !important;
}
/* 26.7 Feedback Form Box & Policy Sidebar Support Card */
.gw-feedback-form-box {
background: #ffffff !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
.gw-side-support-body {
padding: 2px 0 0 0 !important;
font-size: 13px !important;
color: #475569 !important;
line-height: 1.68 !important;
}
.gw-side-support-body p {
margin: 0 0 10px 0 !important;
font-size: 12.8px !important;
color: #475569 !important;
line-height: 1.65 !important;
}
.gw-side-support-meta {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #e2e8f0 !important;
border-radius: 6px !important;
padding: 10px 12px !important;
margin: 0 0 10px 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 5px !important;
font-size: 12.5px !important;
color: #334155 !important;
}
.gw-side-support-meta div {
display: flex !important;
align-items: center !important;
gap: 7px !important;
}
.gw-side-support-meta i.fa {
color: #64748b !important;
width: 14px !important;
text-align: center !important;
}
/* Trailing chevron spacing in links and titles */
.gw-err-guide-title i.fa-angle-right,
.gw-upd-succ-link i.fa-angle-right,
.gw-v2-pitfall-title i.fa-angle-right,
.gw-side-vendor-head a i.fa-angle-right,
.gw-v23-upd-link i.fa-angle-right {
margin-left: 4px !important;
font-weight: 700 !important;
}
/* ==========================================================================
27. V2.9.27 PRODUCT PITFALL MATRIX REDESIGN, UNIFIED VECTOR CTA ICONS
& EDITORIAL NEWS / CONVERSION BOX HARMONIZATION
========================================================================== */
/* 27.1 Product Page Pitfall & Technical Judgment Matrix Cards (#gw-v2-study-plan) */
.gw-v2-pitfall-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 16px !important;
margin-top: 14px !important;
}
@media screen and (max-width: 767px) {
.gw-v2-pitfall-grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: 12px !important;
}
}
.gw-v2-pitfall-card {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
padding: 20px 22px !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 10px !important;
box-shadow: none !important;
transition: border-color 0.15s ease !important;
}
.gw-v2-pitfall-card:hover {
border-color: #94a3b8 !important;
transform: none !important;
}
.gw-v2-pitfall-card .gw-v2-pitfall-tag,
.gw-v2-pitfall-card .gw-v2-pitfall-tag.is-info,
.gw-v2-pitfall-card .gw-v2-pitfall-tag.is-ok,
.gw-v2-pitfall-tag,
.gw-v2-pitfall-tag.is-info,
.gw-v2-pitfall-tag.is-ok {
display: inline-flex !important;
align-items: center !important;
align-self: flex-start !important;
width: auto !important;
max-width: 100% !important;
gap: 6px !important;
padding: 4px 10px !important;
margin: 0 !important;
border-radius: 6px !important;
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #cbd5e1 !important;
color: #334155 !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
letter-spacing: 0.01em !important;
}
.gw-v2-pitfall-card .gw-v2-pitfall-tag::before,
.gw-v2-pitfall-tag::before {
content: "" !important;
display: inline-block !important;
width: 6px !important;
height: 6px !important;
border-radius: 999px !important;
background: #b91c1c !important;
flex-shrink: 0 !important;
}
.gw-v2-pitfall-card .gw-v2-pitfall-tag.is-info::before,
.gw-v2-pitfall-tag.is-info::before {
background: #475569 !important;
}
.gw-v2-pitfall-card .gw-v2-pitfall-tag.is-ok::before,
.gw-v2-pitfall-tag.is-ok::before {
background: #059669 !important;
}
.gw-v2-pitfall-title {
font-size: 15.5px !important;
font-weight: 700 !important;
line-height: 1.52 !important;
color: #0f172a !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
.gw-v2-pitfall-body {
font-size: 13.8px !important;
line-height: 1.8 !important;
color: #334155 !important;
margin: 0 !important;
}
/* 27.2 Unified Sitewide Vector CTA Icons (.gw-btn-svg) & News Bottom Conversion Box (.gw-article-exam-box) */
.gw-btn-svg {
flex-shrink: 0 !important;
display: inline-block !important;
vertical-align: middle !important;
color: currentColor !important;
}
.des .gw-cta-row #gw-hero-buy-btn,
.des .gw-cta-row .gw-hero-cart-btn,
#gw-sticky-purchase-dock .gw-sticky-buy-btn,
#gw-sticky-purchase-dock .gw-sticky-cart-btn,
.gw-cart-summary-bar a.gw-auth-submit,
#pay-now.gw-auth-submit {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
}
#gw-mobile-sticky-bar .gw-mob-sticky-btn,
#gw-mobile-sticky-bar .gw-mob-sticky-cart-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
}
.gw-btn-trail-arrow {
display: inline-block;
margin-left: 2px;
font-weight: 700;
line-height: 1;
color: currentColor;
}
.gw-article-exam-box {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
padding: 22px 24px !important;
margin: 34px 0 0 0 !important;
box-shadow: none !important;
}
@media screen and (max-width: 640px) {
.gw-article-exam-box {
padding: 18px 16px !important;
margin: 26px 0 0 0 !important;
}
}
.gw-article-exam-desc {
font-size: 14px !important;
color: #334155 !important;
line-height: 1.68 !important;
margin: 6px 0 12px 0 !important;
}
.gw-article-exam-specs {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 8px !important;
margin: 0 0 18px 0 !important;
}
.gw-article-spec-chip {
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #cbd5e1 !important;
border-radius: 6px !important;
padding: 4px 10px !important;
font-size: 12.5px !important;
font-weight: 600 !important;
color: #334155 !important;
line-height: 1.35 !important;
}
.gw-article-spec-chip .gw-trust-svg {
color: #059669 !important;
flex-shrink: 0 !important;
}
.gw-article-exam-actions a.gw-article-btn-primary.gw-article-btn-detail,
.gw-article-exam-actions .gw-article-btn-primary {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
min-height: 48px !important;
padding: 11px 22px !important;
border-radius: 8px !important;
background: #ffffff !important;
background-color: #ffffff !important;
border: 1.5px solid #b91c1c !important;
color: #b91c1c !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
text-decoration: none !important;
transform: none !important;
animation: gw-cta-breathe-10s 10s ease-in-out 1.2s infinite !important;
}
.gw-article-exam-actions a.gw-article-btn-primary.gw-article-btn-detail span,
.gw-article-exam-actions .gw-article-btn-primary span,
.gw-article-exam-actions .gw-article-btn-primary svg {
color: currentColor !important;
}
.gw-article-exam-actions a.gw-article-btn-primary.gw-article-btn-detail:hover,
.gw-article-exam-actions a.gw-article-btn-primary.gw-article-btn-detail:focus,
.gw-article-exam-actions a.gw-article-btn-primary.gw-article-btn-detail:focus-visible,
.gw-article-exam-actions .gw-article-btn-primary:hover,
.gw-article-exam-actions .gw-article-btn-primary:focus,
.gw-article-exam-actions .gw-article-btn-primary:focus-visible {
background: #fef2f2 !important;
background-color: #fef2f2 !important;
border-color: #991b1b !important;
color: #991b1b !important;
animation-play-state: paused !important;
transform: none !important;
}
@media (prefers-reduced-motion: reduce) {
.gw-article-exam-actions a.gw-article-btn-primary.gw-article-btn-detail,
.gw-article-exam-actions .gw-article-btn-primary {
animation: none !important;
box-shadow: none !important;
}
}
@media screen and (max-width: 640px) {
.gw-article-exam-actions a.gw-article-btn-primary.gw-article-btn-detail,
.gw-article-exam-actions .gw-article-btn-primary {
padding: 11px 14px !important;
font-size: 14px !important;
gap: 6px !important;
}
}
/* 27.3 Editorial News Detail (/taishaku/{id}.html) & Feed (/taishaku.html) Typography & Rhythm */
.gw-news-article-head {
padding-bottom: 20px !important;
margin-bottom: 26px !important;
border-bottom: 1px solid #e2e8f0 !important;
}
.gw-news-article-head h1 {
font-size: 24px !important;
font-weight: 700 !important;
line-height: 1.45 !important;
color: #0f172a !important;
margin: 12px 0 10px 0 !important;
}
@media screen and (max-width: 767px) {
.gw-news-article-head h1 {
font-size: 20px !important;
line-height: 1.44 !important;
}
}
.gw-article-byline {
font-size: 13px !important;
color: #64748b !important;
margin: 0 !important;
}
.gw-article-prose {
font-size: 15.2px !important;
line-height: 1.88 !important;
color: #1e293b !important;
}
.gw-article-prose p {
margin: 0 0 18px 0 !important;
line-height: 1.88 !important;
color: #1e293b !important;
}
.gw-article-prose p:last-child {
margin-bottom: 0 !important;
}
.gw-article-prose h3,
.gw-article-prose h4 {
font-size: 17px !important;
font-weight: 700 !important;
color: #0f172a !important;
margin: 24px 0 10px 0 !important;
line-height: 1.48 !important;
}
.gw-article-prose ul.gw-prose-list,
.gw-article-prose ul,
.gw-article-prose ol {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #dce3ec !important;
border-radius: 8px !important;
padding: 14px 18px 14px 34px !important;
margin: 0 0 20px 0 !important;
}
.gw-article-prose ul li,
.gw-article-prose ol li {
margin: 0 0 7px 0 !important;
line-height: 1.78 !important;
color: #334155 !important;
}
.gw-article-prose ul li:last-child,
.gw-article-prose ol li:last-child {
margin-bottom: 0 !important;
}
.gw-article-prose figure.gw-prose-figure {
margin: 22px 0 !important;
text-align: center !important;
}
.gw-article-prose figure.gw-prose-figure img,
.gw-article-prose img {
max-width: 100% !important;
height: auto !important;
border-radius: 8px !important;
border: 1px solid #e2e8f0 !important;
background: #f8fafc !important;
}
.gw-article-prose a:not(.btn) {
color: #b91c1c !important;
font-weight: 600;
text-decoration: underline !important;
text-underline-offset: 3px;
}
.gw-article-prose a:not(.btn):hover {
color: #991b1b !important;
}
.gw-news-feed {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
}
.gw-news-tag {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #dce3ec !important;
color: #334155 !important;
}
.gw-news-foot {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
margin-top: 12px !important;
padding-top: 10px !important;
border-top: 1px solid #e2e8f0 !important;
}
.gw-prevnext-card,
.gw-prevnext-card.is-next {
text-align: left !important;
}
.gw-prevnext-card a {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 5px !important;
padding: 15px 18px !important;
text-decoration: none !important;
height: 100% !important;
box-sizing: border-box !important;
}
/* ==========================================================================
28. V2.9.28 ELEVATED SITEWIDE TABLE UI SYSTEM, UNIFIED BREATHING PURCHASE
CTAS & NON-PURCHASE SLATE-BLUE BUTTON DIFFERENTIATION (ZERO BLACK/RED LEAK)
========================================================================== */
@property --gw-cta-pulse {
syntax: '';
inherits: false;
initial-value: 0;
}
/* 28.1 Key-Value Specification Tables (#gw-exam-blueprint, Hub Spec, Policy / Tokushoho Spec) */
table.gw-clean-spec-table,
.gw-main-sheet table.gw-clean-spec-table,
table.gw-hub-spec-table,
.gw-policy-prose .policy-article table.gw-clean-spec-table,
.gw-policy-prose .policy-article table.gw-tokushoho-table,
.gw-policy-prose .policy-article table.gw-spec-table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
overflow: hidden !important;
background: #ffffff !important;
background-color: #ffffff !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
margin: 14px 0 22px 0 !important;
}
.gw-policy-prose .policy-article table.gw-clean-spec-table,
.gw-policy-prose .policy-article table.gw-tokushoho-table,
.gw-policy-prose .policy-article table.gw-spec-table {
margin: 0 0 26px 0 !important;
}
@media screen and (min-width: 768px) {
table.gw-clean-spec-table th,
.gw-main-sheet table.gw-clean-spec-table th,
table.gw-hub-spec-table th,
.gw-policy-prose .policy-article table.gw-clean-spec-table th,
.gw-policy-prose .policy-article table.gw-tokushoho-table th,
.gw-policy-prose .policy-article table.gw-spec-table th {
width: 238px !important;
background: #f8fafc !important;
background-color: #f8fafc !important;
color: #334155 !important;
font-size: 13.5px !important;
font-weight: 700 !important;
line-height: 1.62 !important;
letter-spacing: 0.01em !important;
padding: 14px 18px !important;
vertical-align: top !important;
text-align: left !important;
border-top: 0 !important;
border-left: 0 !important;
border-right: 1px solid #e2e8f0 !important;
border-bottom: 1px solid #e2e8f0 !important;
}
.gw-policy-prose .policy-article table.gw-clean-spec-table th,
.gw-policy-prose .policy-article table.gw-tokushoho-table th,
.gw-policy-prose .policy-article table.gw-spec-table th {
width: 28% !important;
}
table.gw-clean-spec-table td,
.gw-main-sheet table.gw-clean-spec-table td,
table.gw-hub-spec-table td,
.gw-policy-prose .policy-article table.gw-clean-spec-table td,
.gw-policy-prose .policy-article table.gw-tokushoho-table td,
.gw-policy-prose .policy-article table.gw-spec-table td {
background: #ffffff !important;
background-color: #ffffff !important;
color: #1e293b !important;
font-size: 14px !important;
line-height: 1.74 !important;
padding: 14px 20px !important;
vertical-align: top !important;
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 1px solid #e2e8f0 !important;
transition: background-color 0.14s ease !important;
}
table.gw-clean-spec-table tbody tr:hover td,
.gw-main-sheet table.gw-clean-spec-table tbody tr:hover td,
table.gw-hub-spec-table tbody tr:hover td,
.gw-policy-prose .policy-article table.gw-clean-spec-table tbody tr:hover td,
.gw-policy-prose .policy-article table.gw-tokushoho-table tbody tr:hover td,
.gw-policy-prose .policy-article table.gw-spec-table tbody tr:hover td {
background: #fcfdff !important;
background-color: #fcfdff !important;
}
table.gw-clean-spec-table tr:last-child th,
table.gw-clean-spec-table tr:last-child td,
.gw-main-sheet table.gw-clean-spec-table tr:last-child th,
.gw-main-sheet table.gw-clean-spec-table tr:last-child td,
table.gw-hub-spec-table tr:last-child th,
table.gw-hub-spec-table tr:last-child td,
.gw-policy-prose .policy-article table.gw-clean-spec-table tr:last-child th,
.gw-policy-prose .policy-article table.gw-clean-spec-table tr:last-child td,
.gw-policy-prose .policy-article table.gw-tokushoho-table tr:last-child th,
.gw-policy-prose .policy-article table.gw-tokushoho-table tr:last-child td,
.gw-policy-prose .policy-article table.gw-spec-table tr:last-child th,
.gw-policy-prose .policy-article table.gw-spec-table tr:last-child td {
border-bottom: 0 !important;
}
}
@media screen and (max-width: 767px) {
table.gw-clean-spec-table th,
table.gw-clean-spec-table td,
.gw-main-sheet table.gw-clean-spec-table th,
.gw-main-sheet table.gw-clean-spec-table td,
table.gw-hub-spec-table th,
table.gw-hub-spec-table td,
.gw-policy-prose .policy-article table.gw-clean-spec-table th,
.gw-policy-prose .policy-article table.gw-clean-spec-table td,
.gw-policy-prose .policy-article table.gw-tokushoho-table th,
.gw-policy-prose .policy-article table.gw-tokushoho-table td,
.gw-policy-prose .policy-article table.gw-spec-table th,
.gw-policy-prose .policy-article table.gw-spec-table td {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
}
table.gw-clean-spec-table th,
.gw-main-sheet table.gw-clean-spec-table th,
table.gw-hub-spec-table th,
.gw-policy-prose .policy-article table.gw-clean-spec-table th,
.gw-policy-prose .policy-article table.gw-tokushoho-table th,
.gw-policy-prose .policy-article table.gw-spec-table th {
background: #f8fafc !important;
background-color: #f8fafc !important;
color: #334155 !important;
font-size: 12.8px !important;
font-weight: 700 !important;
line-height: 1.5 !important;
padding: 10px 14px 8px 14px !important;
border-bottom: 1px dashed #e2e8f0 !important;
}
table.gw-clean-spec-table td,
.gw-main-sheet table.gw-clean-spec-table td,
table.gw-hub-spec-table td,
.gw-policy-prose .policy-article table.gw-clean-spec-table td,
.gw-policy-prose .policy-article table.gw-tokushoho-table td,
.gw-policy-prose .policy-article table.gw-spec-table td {
background: #ffffff !important;
background-color: #ffffff !important;
color: #1e293b !important;
font-size: 13.8px !important;
line-height: 1.68 !important;
padding: 10px 14px 13px 14px !important;
border-bottom: 1px solid #e2e8f0 !important;
}
table.gw-clean-spec-table tr:last-child td,
.gw-main-sheet table.gw-clean-spec-table tr:last-child td,
table.gw-hub-spec-table tr:last-child td,
.gw-policy-prose .policy-article table.gw-clean-spec-table tr:last-child td,
.gw-policy-prose .policy-article table.gw-tokushoho-table tr:last-child td,
.gw-policy-prose .policy-article table.gw-spec-table tr:last-child td {
border-bottom: 0 !important;
}
}
/* Blueprint Domain Weight Bars Refinement */
.gw-domain-bars {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
margin: 2px 0 !important;
}
.gw-domain-bar-head,
.gw-domain-bar-meta {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
margin-bottom: 5px !important;
}
.gw-domain-bar-name {
font-size: 13.5px !important;
font-weight: 600 !important;
color: #1e293b !important;
line-height: 1.45 !important;
}
.gw-domain-bar-pct {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 44px !important;
padding: 1px 8px !important;
border-radius: 999px !important;
background: #f1f5f9 !important;
background-color: #f1f5f9 !important;
border: 1px solid #cbd5e1 !important;
color: #0f172a !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
font-variant-numeric: tabular-nums !important;
flex-shrink: 0 !important;
}
.gw-domain-bar-track {
height: 6px !important;
background: #e2e8f0 !important;
background-color: #e2e8f0 !important;
border-radius: 999px !important;
overflow: hidden !important;
}
.gw-domain-bar-fill {
height: 100% !important;
background: linear-gradient(90deg, #334155 0%, #475569 100%) !important;
border-radius: 999px !important;
}
/* Multi-Column Comparison, Track, Roadmap, Order & Prose Tables */
.gw-boundary-matrix-card {
background: #ffffff !important;
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
overflow: hidden !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}
.gw-boundary-matrix-head {
background: #f8fafc !important;
background-color: #f8fafc !important;
border-bottom: 1px solid #e2e8f0 !important;
padding: 13px 18px !important;
margin: 0 !important;
}
.gw-boundary-matrix-domain {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #cbd5e1 !important;
color: #1e293b !important;
padding: 2px 9px !important;
border-radius: 999px !important;
font-size: 11.5px !important;
font-weight: 700 !important;
}
.gw-boundary-matrix-sub {
background: #ffffff !important;
background-color: #ffffff !important;
border-bottom: 1px solid #e2e8f0 !important;
padding: 10px 18px !important;
margin: 0 !important;
color: #475569 !important;
}
@media screen and (min-width: 768px) {
.gw-v23-track-wrap,
.gw-roadmap-table-wrap {
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
overflow: hidden !important;
background: #ffffff !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}
table.gw-uc-order-table,
.gw-article-prose table:not(.gw-clean-spec-table) {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
overflow: hidden !important;
background: #ffffff !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}
.gw-sample-note-table thead th,
.gw-v23-track-table thead th,
.gw-roadmap-table thead th,
.gw-sibling-table thead th,
#gw-upd-table thead th,
table.gw-uc-order-table thead th,
.gw-article-prose table:not(.gw-clean-spec-table) thead th {
background: #f8fafc !important;
background-color: #f8fafc !important;
color: #334155 !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.5 !important;
letter-spacing: 0.01em !important;
padding: 13px 16px !important;
border-top: 0 !important;
border-bottom: 1px solid #cbd5e1 !important;
}
#gw-editorial-quality-sample:not(.is-card-view) .gw-sample-note-table thead th + th,
.gw-v23-track-table thead th + th,
.gw-roadmap-table thead th + th,
.gw-sibling-table thead th + th,
#gw-upd-table thead th + th,
table.gw-uc-order-table thead th + th,
.gw-article-prose table:not(.gw-clean-spec-table) thead th + th {
border-left: 1px solid #e2e8f0 !important;
}
#gw-editorial-quality-sample:not(.is-card-view) .gw-sample-note-table tbody td,
.gw-v23-track-table tbody td,
.gw-roadmap-table tbody td,
.gw-sibling-table tbody td,
#gw-upd-table tbody td,
table.gw-uc-order-table tbody td,
.gw-article-prose table:not(.gw-clean-spec-table) tbody td {
padding: 13px 16px !important;
color: #1e293b !important;
font-size: 13.6px !important;
line-height: 1.68 !important;
border-top: 0 !important;
border-bottom: 1px solid #e2e8f0 !important;
background: #ffffff !important;
transition: background-color 0.14s ease !important;
}
#gw-editorial-quality-sample:not(.is-card-view) .gw-sample-note-table tbody td {
vertical-align: top !important;
}
#gw-editorial-quality-sample:not(.is-card-view) .gw-sample-note-table tbody td + td,
.gw-v23-track-table tbody td + td,
.gw-roadmap-table tbody td + td,
.gw-sibling-table tbody td + td,
#gw-upd-table tbody td + td,
table.gw-uc-order-table tbody td + td,
.gw-article-prose table:not(.gw-clean-spec-table) tbody td + td {
border-left: 1px solid #f1f5f9 !important;
}
#gw-editorial-quality-sample:not(.is-card-view) .gw-sample-note-table tbody tr:last-child td,
.gw-v23-track-table tbody tr:last-child td,
.gw-roadmap-table tbody tr:last-child td,
.gw-sibling-table tbody tr:last-child td,
#gw-upd-table tbody tr:last-child td,
table.gw-uc-order-table tbody tr:last-child td,
.gw-article-prose table:not(.gw-clean-spec-table) tbody tr:last-child td {
border-bottom: 0 !important;
}
#gw-editorial-quality-sample:not(.is-card-view) .gw-sample-note-table tbody tr:hover td,
.gw-v23-track-table tbody tr:not(.is-current):hover td,
.gw-roadmap-table tbody tr:hover td,
.gw-sibling-table tbody tr:hover td,
#gw-upd-table tbody tr:hover td,
table.gw-uc-order-table tbody tr:hover td,
.gw-article-prose table:not(.gw-clean-spec-table) tbody tr:hover td {
background: #f8fafc !important;
background-color: #f8fafc !important;
}
}
.gw-v23-track-table tbody tr.is-current td {
background: #f8fafc !important;
background-color: #f8fafc !important;
}
.gw-v23-track-table tbody tr.is-current td:first-child {
box-shadow: inset 3px 0 0 #b91c1c !important;
}
.gw-v23-track-table tr.is-current .gw-v23-stage-tag {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #94a3b8 !important;
color: #0f172a !important;
font-weight: 700 !important;
}
/* 28.2 Unified Purchase & Checkout Progression CTAs (Crimson #b91c1c + 10s Breathing Halo) */
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1,
#gw-sticky-purchase-dock button[type="submit"].gw-sticky-buy-btn,
#gw-mobile-sticky-bar button[type="submit"].gw-mob-sticky-btn,
.gw-article-exam-actions a.gw-article-btn-primary.gw-article-btn-detail,
.gw-article-exam-actions .gw-article-btn-primary,
.gw-cart-summary-bar a.gw-auth-submit,
#pay-now.gw-auth-submit:not([disabled]),
.gw-cert-btn-cart,
a.gw-side-buy-btn,
.gw-inline-cart-form .gw-side-buy-btn,
.gw-article-exam-box .gw-side-buy-btn,
.gw-modal-cta:not(.is-prep),
.headercartlist a.btn-common,
a.btn-common,
a.gw-buy-cta,
.gw-action-row a.gw-auth-submit.gw-buy-cta {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1.5px solid #b91c1c !important;
color: #b91c1c !important;
font-weight: 700 !important;
transform: none !important;
--gw-cta-pulse: 0;
box-shadow:
0 calc(4px * var(--gw-cta-pulse)) calc(14px * var(--gw-cta-pulse)) rgba(220, 38, 38, calc(0.10 * var(--gw-cta-pulse))),
0 0 calc(18px * var(--gw-cta-pulse)) calc(2px * var(--gw-cta-pulse)) rgba(239, 68, 68, calc(0.26 * var(--gw-cta-pulse))),
0 0 calc(32px * var(--gw-cta-pulse)) calc(6px * var(--gw-cta-pulse)) rgba(248, 113, 113, calc(0.22 * var(--gw-cta-pulse))) !important;
animation: gw-cta-breathe-10s 10s ease-in-out 1.2s infinite !important;
}
.gw-action-row a.gw-auth-submit.gw-buy-cta {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
}
@media screen and (min-width: 992px) {
#gw-sticky-purchase-dock.is-dock-standby button[type="submit"].gw-sticky-buy-btn {
animation: none !important;
--gw-cta-pulse: 0 !important;
}
body:has(#gw-sticky-purchase-dock:not(.is-dock-standby)) .des .gw-cta-row #gw-hero-buy-btn.btn-cart1 {
animation: none !important;
--gw-cta-pulse: 0 !important;
}
}
@media screen and (max-width: 991px) {
#gw-mobile-sticky-bar.is-dock-standby button[type="submit"].gw-mob-sticky-btn {
animation: none !important;
--gw-cta-pulse: 0 !important;
}
body:has(#gw-mobile-sticky-bar:not(.is-dock-standby)) .des .gw-cta-row #gw-hero-buy-btn.btn-cart1 {
animation: none !important;
--gw-cta-pulse: 0 !important;
}
}
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1:hover,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1:focus,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1:focus-visible,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1:active,
#gw-sticky-purchase-dock button[type="submit"].gw-sticky-buy-btn:hover,
#gw-sticky-purchase-dock button[type="submit"].gw-sticky-buy-btn:focus,
#gw-sticky-purchase-dock button[type="submit"].gw-sticky-buy-btn:focus-visible,
#gw-sticky-purchase-dock button[type="submit"].gw-sticky-buy-btn:active,
#gw-mobile-sticky-bar button[type="submit"].gw-mob-sticky-btn:hover,
#gw-mobile-sticky-bar button[type="submit"].gw-mob-sticky-btn:focus,
#gw-mobile-sticky-bar button[type="submit"].gw-mob-sticky-btn:focus-visible,
#gw-mobile-sticky-bar button[type="submit"].gw-mob-sticky-btn:active,
.gw-article-exam-actions a.gw-article-btn-primary.gw-article-btn-detail:hover,
.gw-article-exam-actions a.gw-article-btn-primary.gw-article-btn-detail:focus,
.gw-article-exam-actions .gw-article-btn-primary:hover,
.gw-article-exam-actions .gw-article-btn-primary:focus,
.gw-cart-summary-bar a.gw-auth-submit:hover,
.gw-cart-summary-bar a.gw-auth-submit:focus,
.gw-cart-summary-bar a.gw-auth-submit:focus-visible,
.gw-cart-summary-bar a.gw-auth-submit:active,
#pay-now.gw-auth-submit:not([disabled]):hover,
#pay-now.gw-auth-submit:not([disabled]):focus,
#pay-now.gw-auth-submit:not([disabled]):focus-visible,
#pay-now.gw-auth-submit:not([disabled]):active,
.gw-cert-btn-cart:hover,
.gw-cert-btn-cart:focus,
a.gw-side-buy-btn:hover,
a.gw-side-buy-btn:focus,
.gw-inline-cart-form .gw-side-buy-btn:hover,
.gw-inline-cart-form .gw-side-buy-btn:focus,
.gw-article-exam-box .gw-side-buy-btn:hover,
.gw-article-exam-box .gw-side-buy-btn:focus,
.gw-modal-cta:not(.is-prep):hover,
.gw-modal-cta:not(.is-prep):focus,
.headercartlist a.btn-common:hover,
.headercartlist a.btn-common:focus,
a.btn-common:hover,
a.btn-common:focus,
a.gw-buy-cta:hover,
a.gw-buy-cta:focus,
.gw-action-row a.gw-auth-submit.gw-buy-cta:hover,
.gw-action-row a.gw-auth-submit.gw-buy-cta:focus {
animation-play-state: paused !important;
--gw-cta-pulse: 0 !important;
background: #fef2f2 !important;
background-color: #fef2f2 !important;
border: 1.5px solid #991b1b !important;
color: #991b1b !important;
box-shadow: 0 2px 6px rgba(185, 28, 28, 0.08) !important;
transform: none !important;
}
@media (prefers-reduced-motion: reduce) {
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1,
#gw-sticky-purchase-dock button[type="submit"].gw-sticky-buy-btn,
#gw-mobile-sticky-bar button[type="submit"].gw-mob-sticky-btn,
.gw-article-exam-actions a.gw-article-btn-primary.gw-article-btn-detail,
.gw-article-exam-actions .gw-article-btn-primary,
.gw-cart-summary-bar a.gw-auth-submit,
#pay-now.gw-auth-submit:not([disabled]),
.gw-cert-btn-cart,
a.gw-side-buy-btn,
.gw-inline-cart-form .gw-side-buy-btn,
.gw-article-exam-box .gw-side-buy-btn,
.gw-modal-cta:not(.is-prep),
.headercartlist a.btn-common,
a.btn-common,
a.gw-buy-cta,
.gw-action-row a.gw-auth-submit.gw-buy-cta {
animation: none !important;
--gw-cta-pulse: 0 !important;
box-shadow: none !important;
}
}
/* 28.3 Non-Purchase Primary Functional Buttons -> Pure White Sculpted Keycap (#ffffff bg / 1px sculpted border / floating micro-shadow / #0f172a ink) */
button.gw-auth-submit:not(#pay-now),
.gw-auth-card a.gw-auth-submit:not(.gw-buy-cta),
.gw-uc-empty a.gw-auth-submit:not(.gw-buy-cta),
.gw-empty-cart-recovery a.gw-auth-submit:not(.gw-buy-cta),
.gw-commerce-sheet > div:not(.gw-cart-summary-bar) > a.gw-auth-submit:not(.gw-buy-cta),
.gw-action-row a.gw-auth-submit:not(.gw-buy-cta),
body.gw-standalone-error .error-actions a.gw-auth-submit:not(.gw-buy-cta),
.error-actions a.gw-auth-submit:not(.gw-buy-cta),
#contactForm #submit,
.gw-submit-btn,
#button-review,
.des #button-review.gw-comment-submit-btn,
.gw-dl-btn-jp,
a[data-ga-download="jp"].btn,
.gw-uc-btn-primary,
.btn.btn-xs.gw-uc-btn-primary,
.gw-rcpt-print-btn:not([disabled]),
.gw-btn-primary,
.gw-cart-qs-add-btn,
#releaseNotifyModal .gw-modal-cta.is-prep,
.gw-modal-cta.is-prep,
.gw-cta-row .btn-cart2,
.gw-cta-row .btn-cart2.gw-btn-reset,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart2,
.gw-side-notify-btn,
#gw-sticky-purchase-dock button[type="button"].gw-sticky-buy-btn,
#gw-mobile-sticky-bar button[type="button"].gw-mob-sticky-btn {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #cbd5e1 !important;
border-bottom-color: #94a3b8 !important;
color: #0f172a !important;
border-radius: 8px !important;
font-weight: 700 !important;
letter-spacing: 0.01em;
box-shadow: inset 0 1px 0 #ffffff, 0 1px 2px rgba(15, 23, 42, 0.07), 0 3px 8px -2px rgba(15, 23, 42, 0.06) !important;
animation: none !important;
--gw-cta-pulse: 0 !important;
transform: none !important;
transition: border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease !important;
}
button.gw-auth-submit:not(#pay-now) i,
button.gw-auth-submit:not(#pay-now) span,
.gw-auth-card a.gw-auth-submit:not(.gw-buy-cta) i,
.gw-auth-card a.gw-auth-submit:not(.gw-buy-cta) span,
.gw-action-row a.gw-auth-submit:not(.gw-buy-cta) i,
.gw-action-row a.gw-auth-submit:not(.gw-buy-cta) span,
#contactForm #submit i,
#contactForm #submit span,
.gw-submit-btn i,
.gw-submit-btn span,
#releaseNotifyModal .gw-modal-cta.is-prep i,
#releaseNotifyModal .gw-modal-cta.is-prep span,
.gw-cta-row .btn-cart2 i,
.gw-cta-row .btn-cart2 span,
#gw-sticky-purchase-dock button[type="button"].gw-sticky-buy-btn i,
#gw-sticky-purchase-dock button[type="button"].gw-sticky-buy-btn span,
#gw-mobile-sticky-bar button[type="button"].gw-mob-sticky-btn i,
#gw-mobile-sticky-bar button[type="button"].gw-mob-sticky-btn span {
color: currentColor !important;
}
button.gw-auth-submit:not(#pay-now):hover,
button.gw-auth-submit:not(#pay-now):focus,
button.gw-auth-submit:not(#pay-now):focus-visible,
button.gw-auth-submit:not(#pay-now):active,
.gw-auth-card a.gw-auth-submit:not(.gw-buy-cta):hover,
.gw-auth-card a.gw-auth-submit:not(.gw-buy-cta):focus,
.gw-uc-empty a.gw-auth-submit:not(.gw-buy-cta):hover,
.gw-uc-empty a.gw-auth-submit:not(.gw-buy-cta):focus,
.gw-empty-cart-recovery a.gw-auth-submit:not(.gw-buy-cta):hover,
.gw-empty-cart-recovery a.gw-auth-submit:not(.gw-buy-cta):focus,
.gw-commerce-sheet > div:not(.gw-cart-summary-bar) > a.gw-auth-submit:not(.gw-buy-cta):hover,
.gw-commerce-sheet > div:not(.gw-cart-summary-bar) > a.gw-auth-submit:not(.gw-buy-cta):focus,
.gw-action-row a.gw-auth-submit:not(.gw-buy-cta):hover,
.gw-action-row a.gw-auth-submit:not(.gw-buy-cta):focus,
body.gw-standalone-error .error-actions a.gw-auth-submit:not(.gw-buy-cta):hover,
body.gw-standalone-error .error-actions a.gw-auth-submit:not(.gw-buy-cta):focus,
.error-actions a.gw-auth-submit:not(.gw-buy-cta):hover,
.error-actions a.gw-auth-submit:not(.gw-buy-cta):focus,
#contactForm #submit:hover,
#contactForm #submit:focus,
.gw-submit-btn:hover,
.gw-submit-btn:focus,
#button-review:hover,
#button-review:focus,
.des #button-review.gw-comment-submit-btn:hover,
.des #button-review.gw-comment-submit-btn:focus,
.gw-dl-btn-jp:hover,
.gw-dl-btn-jp:focus,
a[data-ga-download="jp"].btn:hover,
a[data-ga-download="jp"].btn:focus,
.gw-uc-btn-primary:hover,
.gw-uc-btn-primary:focus,
.btn.btn-xs.gw-uc-btn-primary:hover,
.btn.btn-xs.gw-uc-btn-primary:focus,
.gw-rcpt-print-btn:not([disabled]):hover,
.gw-rcpt-print-btn:not([disabled]):focus,
.gw-btn-primary:hover,
.gw-btn-primary:focus,
.gw-cart-qs-add-btn:hover,
.gw-cart-qs-add-btn:focus,
#releaseNotifyModal .gw-modal-cta.is-prep:hover,
#releaseNotifyModal .gw-modal-cta.is-prep:focus,
.gw-modal-cta.is-prep:hover,
.gw-modal-cta.is-prep:focus,
.gw-cta-row .btn-cart2:hover,
.gw-cta-row .btn-cart2:focus,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart2:hover,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart2:focus,
.gw-side-notify-btn:hover,
.gw-side-notify-btn:focus,
#gw-sticky-purchase-dock button[type="button"].gw-sticky-buy-btn:hover,
#gw-sticky-purchase-dock button[type="button"].gw-sticky-buy-btn:focus,
#gw-mobile-sticky-bar button[type="button"].gw-mob-sticky-btn:hover,
#gw-mobile-sticky-bar button[type="button"].gw-mob-sticky-btn:focus {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #64748b !important;
border-bottom-color: #475569 !important;
color: #0f172a !important;
box-shadow: inset 0 1px 0 #ffffff, 0 4px 12px -2px rgba(15, 23, 42, 0.11), 0 1px 3px rgba(15, 23, 42, 0.06) !important;
animation: none !important;
transform: none !important;
}
/* 28.4 Secondary Featherlight Hairline Buttons & Zero Solid Grey Button Fills */
.gw-hero-cart-btn,
.des .gw-cta-row .gw-hero-cart-btn,
.gw-sticky-cart-btn,
#gw-sticky-purchase-dock .gw-sticky-cart-btn,
.gw-mob-sticky-cart-btn,
#gw-mobile-sticky-bar .gw-mob-sticky-cart-btn,
.des .gw-cta-subbar > .gw-subbar-cart-btn,
.gw-cert-btn-detail,
.gw-filter-search-btn,
.gw-side-sample-btn,
.gw-article-btn-detail:not(.gw-article-btn-primary),
.gw-article-btn-sample,
.gw-write-review-jump,
.gw-dl-btn-en,
a[data-ga-download="en"].btn,
.gw-uc-btn-secondary,
.btn.btn-xs.gw-uc-btn-secondary,
.gw-rcpt-edit-toggle,
#button-voucher,
#button-point,
.gw-inline-apply .btn-default,
.btn-border-2,
.gw-euc-next-free,
button.fabtn.gw-drawer-close,
.gw-drawer-close,
.gw-auth-secondary-btn,
.gw-modal-secondary-cta,
body.gw-standalone-error .error-actions a:not(.gw-auth-submit) {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #e2e8f0 !important;
color: #475569 !important;
font-weight: 600 !important;
box-shadow: none !important;
animation: none !important;
transition: border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
}
.gw-hero-cart-btn:hover,
.gw-hero-cart-btn:focus,
.des .gw-cta-row .gw-hero-cart-btn:hover,
.des .gw-cta-row .gw-hero-cart-btn:focus,
.gw-sticky-cart-btn:hover,
.gw-sticky-cart-btn:focus,
#gw-sticky-purchase-dock .gw-sticky-cart-btn:hover,
#gw-sticky-purchase-dock .gw-sticky-cart-btn:focus,
.gw-mob-sticky-cart-btn:hover,
.gw-mob-sticky-cart-btn:focus,
#gw-mobile-sticky-bar .gw-mob-sticky-cart-btn:hover,
#gw-mobile-sticky-bar .gw-mob-sticky-cart-btn:focus,
.des .gw-cta-subbar > .gw-subbar-cart-btn:hover,
.des .gw-cta-subbar > .gw-subbar-cart-btn:focus,
.gw-cert-btn-detail:hover,
.gw-cert-btn-detail:focus,
.gw-filter-search-btn:hover,
.gw-filter-search-btn:focus,
.gw-side-sample-btn:hover,
.gw-side-sample-btn:focus,
.gw-article-btn-detail:not(.gw-article-btn-primary):hover,
.gw-article-btn-detail:not(.gw-article-btn-primary):focus,
.gw-article-btn-sample:hover,
.gw-article-btn-sample:focus,
.gw-write-review-jump:hover,
.gw-write-review-jump:focus,
.gw-dl-btn-en:hover,
.gw-dl-btn-en:focus,
a[data-ga-download="en"].btn:hover,
a[data-ga-download="en"].btn:focus,
.gw-uc-btn-secondary:hover,
.gw-uc-btn-secondary:focus,
.btn.btn-xs.gw-uc-btn-secondary:hover,
.btn.btn-xs.gw-uc-btn-secondary:focus,
.gw-rcpt-edit-toggle:hover,
.gw-rcpt-edit-toggle:focus,
#button-voucher:hover,
#button-voucher:focus,
#button-point:hover,
#button-point:focus,
.gw-inline-apply .btn-default:hover,
.gw-inline-apply .btn-default:focus,
.btn-border-2:hover,
.btn-border-2:focus,
.gw-euc-next-free:hover,
.gw-euc-next-free:focus,
button.fabtn.gw-drawer-close:hover,
button.fabtn.gw-drawer-close:focus,
.gw-drawer-close:hover,
.gw-drawer-close:focus,
.gw-auth-secondary-btn:hover,
.gw-auth-secondary-btn:focus,
.gw-modal-secondary-cta:hover,
.gw-modal-secondary-cta:focus,
body.gw-standalone-error .error-actions a:not(.gw-auth-submit):hover,
body.gw-standalone-error .error-actions a:not(.gw-auth-submit):focus {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #94a3b8 !important;
color: #0f172a !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}
.gw-site-header .gw-account-dropdown,
.gw-account-dropdown,
header.gw-err-header .gw-err-account-btn,
.gw-site-header .gw-cart-icon-link,
.gw-cart-icon-link,
header.gw-err-header .gw-err-icon-btn {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #e2e8f0 !important;
color: #334155 !important;
box-shadow: none !important;
}
.gw-site-header .gw-account-dropdown:hover,
.gw-account-dropdown:hover,
header.gw-err-header .gw-err-account-btn:hover,
header.gw-err-header .gw-err-account-btn:focus,
.gw-site-header .gw-cart-icon-link:hover,
.gw-cart-icon-link:hover {
background: #ffffff !important;
background-color: #ffffff !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}
.gw-site-header .gw-account-dropdown:hover .gw-account-link,
.gw-site-header .gw-account-dropdown:hover .gw-account-link span,
.gw-site-header .gw-account-link:hover,
.gw-site-header .gw-account-link:hover span {
color: #0f172a !important;
}
.gw-cert-chip.is-active,
.gw-uc-pills a.active,
.gw-uc-pills a.is-active {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #64748b !important;
border-bottom-color: #475569 !important;
color: #0f172a !important;
font-weight: 700 !important;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.07) !important;
}
.gw-policy-nav .gw-policy-nav-item.is-active,
a.gw-policy-nav-item.is-active {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #cbd5e1 !important;
box-shadow: inset 3px 0 0 #b91c1c, 0 1px 2px rgba(15, 23, 42, 0.04) !important;
color: #0f172a !important;
font-weight: 700 !important;
}
.gw-policy-nav .gw-policy-nav-item.is-active i,
a.gw-policy-nav-item.is-active i,
.gw-policy-nav .gw-policy-nav-item.is-active span,
a.gw-policy-nav-item.is-active span {
color: #0f172a !important;
}
.has-success .form-control:focus {
border-color: #475569 !important;
box-shadow: 0 0 0 3px rgba(71, 85, 105, 0.12) !important;
}
.gw-cart-toast {
background: #ffffff !important;
background-color: #ffffff !important;
color: #1e293b !important;
border: 1px solid #cbd5e1 !important;
border-left: 3px solid #334155 !important;
box-shadow: 0 10px 28px rgba(15, 23, 42, 0.10) !important;
}
.gw-cart-toast .gw-ct-msg {
color: #0f172a !important;
}
.gw-cart-toast .gw-ct-check {
color: #334155 !important;
}
.gw-cart-toast .gw-ct-link {
background: #ffffff !important;
border: 1px solid #e2e8f0 !important;
color: #475569 !important;
}
.gw-cart-toast .gw-ct-link:hover {
background: #ffffff !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
}
.gw-cart-toast .gw-ct-link.is-primary {
background: #ffffff !important;
border: 1.5px solid #b91c1c !important;
color: #b91c1c !important;
}
.gw-cart-toast .gw-ct-link.is-primary:hover {
background: #fef2f2 !important;
border-color: #991b1b !important;
color: #991b1b !important;
}
.gw-exam-scorebar {
background: #f8fafc !important;
color: #1e293b !important;
border: 1px solid #cbd5e1 !important;
box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06) !important;
}
/* ==========================================================================
29. V2.9.29: Member Auth Split Shell & Flagship Usercenter / Order Library
========================================================================== */
/* 29.1 Auth Outer Container & Editorial Split Sheet */
body section.main > .container.gw-auth-container,
body section.main > .container:has(> .gw-auth-shell) {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.gw-auth-shell {
max-width: 1200px;
width: 100%;
margin: 4px auto 34px auto;
box-sizing: border-box;
background: #ffffff;
border: 1px solid #dce3ec;
border-radius: 12px;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03);
overflow: hidden;
}
.gw-auth-shell.is-compact {
max-width: 1200px;
width: 100%;
box-sizing: border-box;
}
.gw-auth-split {
display: grid;
grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr);
align-items: stretch;
}
.gw-auth-main-pane {
padding: 36px 38px;
background: #ffffff;
display: flex;
flex-direction: column;
}
.gw-auth-aside-pane {
padding: 36px 34px;
background: #f8fafc;
border-left: 1px solid #dce3ec;
display: flex;
flex-direction: column;
}
.gw-auth-compact-foot {
padding: 15px 38px;
background: #f8fafc;
border-top: 1px solid #dce3ec;
font-size: 13px;
color: #475569;
line-height: 1.65;
}
@media screen and (min-width: 992px) {
.gw-auth-main-pane {
padding: 42px 52px;
}
.gw-auth-aside-pane {
padding: 42px 48px;
}
.gw-auth-split .gw-auth-main-pane .gw-auth-form,
.gw-auth-split .gw-auth-main-pane .gw-auth-lead,
.gw-auth-split .gw-auth-main-pane .gw-auth-top-alert,
.gw-auth-split .gw-auth-main-pane .gw-guest-mypage-guide {
max-width: 500px;
width: 100%;
}
.gw-auth-shell.is-compact > .gw-auth-main-pane {
padding: 46px 52px;
}
.gw-auth-shell.is-compact > .gw-auth-main-pane > * {
max-width: 560px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.gw-auth-shell.is-compact > .gw-auth-compact-foot {
padding: 16px 52px;
text-align: center;
}
}
.gw-auth-top-alert {
border-radius: 8px !important;
margin: 0 0 18px 0 !important;
background: #ecfdf5 !important;
border: 1px solid #a7f3d0 !important;
color: #065f46 !important;
font-size: 13.5px;
font-weight: 600;
}
.gw-auth-heading {
font-size: 24px !important;
font-weight: 700 !important;
color: #0f172a !important;
line-height: 1.35 !important;
margin: 10px 0 10px 0 !important;
padding: 0 !important;
border: 0 !important;
letter-spacing: -0.01em;
}
.gw-auth-shell .gw-auth-lead {
font-size: 14px;
color: #475569;
line-height: 1.72;
margin: 0 0 22px 0;
}
/* De-redify legacy main.css form badges, focus rings & footer links */
.gw-jp-req {
background: #f1f5f9 !important;
color: #1e293b !important;
border: 1px solid #cbd5e1 !important;
border-radius: 4px !important;
padding: 1px 6px !important;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
}
.gw-auth-form .form-control {
height: 46px !important;
border-radius: 8px !important;
border: 1px solid #cbd5e1 !important;
background: #ffffff !important;
padding: 9px 13px !important;
font-size: 14.5px !important;
color: #0f172a !important;
box-shadow: none !important;
}
.gw-auth-form .form-control:focus {
border-color: #475569 !important;
box-shadow: 0 0 0 3px rgba(71, 85, 105, 0.12) !important;
}
.gw-auth-meta-row a,
.gw-auth-foot a {
color: #334155 !important;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-color: #94a3b8;
}
.gw-auth-meta-row a:hover,
.gw-auth-foot a:hover {
color: #b91c1c !important;
text-decoration-color: #b91c1c;
}
.gw-auth-shell a.gw-auth-submit:not(.gw-buy-cta),
.gw-uc-empty-actions a.gw-auth-submit:not(.gw-buy-cta) {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #cbd5e1 !important;
border-bottom-color: #94a3b8 !important;
color: #0f172a !important;
box-shadow: inset 0 1px 0 #ffffff, 0 1px 2px rgba(15, 23, 42, 0.07), 0 3px 8px -2px rgba(15, 23, 42, 0.06) !important;
animation: none !important;
}
.gw-auth-shell a.gw-auth-submit:not(.gw-buy-cta):hover,
.gw-auth-shell a.gw-auth-submit:not(.gw-buy-cta):focus,
.gw-uc-empty-actions a.gw-auth-submit:not(.gw-buy-cta):hover,
.gw-uc-empty-actions a.gw-auth-submit:not(.gw-buy-cta):focus {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #64748b !important;
border-bottom-color: #475569 !important;
color: #0f172a !important;
box-shadow: inset 0 1px 0 #ffffff, 0 4px 12px -2px rgba(15, 23, 42, 0.11), 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}
.gw-auth-shell button.gw-auth-submit,
.gw-auth-shell a.gw-auth-submit,
.gw-uc-empty-actions a.gw-auth-submit,
.gw-main-sheet .gw-auth-form button.gw-auth-submit {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 46px;
border-radius: 8px !important;
font-size: 14.5px !important;
font-weight: 700 !important;
}
.gw-auth-shell .gw-auth-secondary-btn,
.gw-uc-empty-actions .gw-auth-secondary-btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 7px;
min-height: 44px;
border-radius: 8px !important;
font-size: 14px !important;
font-weight: 700 !important;
}
/* 29.2 Auth Right Companion Panel */
.gw-auth-aside-head {
margin: 0 0 8px 0;
}
.gw-auth-aside-head h2 {
display: flex;
align-items: center;
gap: 10px;
font-size: 17.5px !important;
font-weight: 700 !important;
color: #0f172a !important;
line-height: 1.4 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
.gw-auth-aside-head h2::before {
content: "";
width: 4px;
height: 18px;
border-radius: 2px;
background: #b91c1c;
flex-shrink: 0;
}
.gw-auth-aside-lead {
font-size: 13.5px;
color: #475569;
line-height: 1.68;
margin: 0 0 18px 0;
}
.gw-auth-feature-list {
list-style: none;
padding: 0;
margin: 0 0 20px 0;
display: flex;
flex-direction: column;
gap: 14px;
}
.gw-auth-feature-list li {
display: grid;
grid-template-columns: 34px minmax(0, 1fr);
gap: 12px;
align-items: flex-start;
}
.gw-auth-feature-list li > .gw-auth-feat-icon {
width: 34px;
height: 34px;
border-radius: 8px;
background: #ffffff;
border: 1px solid #cbd5e1;
color: #334155;
display: inline-flex !important;
align-items: center;
justify-content: center;
font-size: 13.5px;
font-weight: 700;
font-variant-numeric: tabular-nums;
flex-shrink: 0;
}
.gw-auth-feature-list li > div > strong {
display: block;
font-size: 13.8px;
font-weight: 700;
color: #0f172a;
line-height: 1.45;
margin-bottom: 2px;
}
.gw-auth-feature-list li > div > span {
display: block;
font-size: 12.8px;
color: #475569;
line-height: 1.62;
}
.gw-auth-feature-list li > div > span strong {
display: inline;
font-weight: 700;
color: #0f172a;
}
.gw-auth-guest-card {
margin-top: 16px;
padding: 14px 16px;
background: #ffffff;
border: 1px solid #cbd5e1;
border-radius: 8px;
}
.gw-auth-guest-card-title {
font-size: 13px;
font-weight: 700;
color: #1e293b;
margin-bottom: 5px;
line-height: 1.4;
}
.gw-auth-guest-card p {
margin: 0;
font-size: 12.6px;
color: #475569;
line-height: 1.68;
}
/* 29.3 Usercenter Sidebar Profile, KPI Cards & Quick Actions */
.gw-uc-profile-card {
padding: 18px 18px !important;
margin-bottom: 14px;
}
.gw-uc-profile-top {
display: flex;
align-items: center;
gap: 11px;
margin-bottom: 14px;
}
.gw-uc-avatar {
width: 38px;
height: 38px;
border-radius: 999px;
background: #f1f5f9;
border: 1px solid #cbd5e1;
color: #334155;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.gw-uc-profile-meta {
min-width: 0;
}
.gw-uc-profile-kicker {
display: block;
font-size: 11.5px;
font-weight: 600;
color: #64748b;
line-height: 1.3;
margin-bottom: 2px;
}
.gw-uc-profile-email {
display: block;
font-size: 13px;
font-weight: 700;
color: #0f172a;
line-height: 1.38;
word-break: break-all;
}
.gw-uc-profile-stats {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
padding-top: 12px;
border-top: 1px solid #e2e8f0;
}
.gw-uc-profile-stats > div {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 7px;
padding: 8px 10px;
}
.gw-uc-profile-stats span {
display: block;
font-size: 11px;
color: #64748b;
font-weight: 600;
margin-bottom: 2px;
}
.gw-uc-profile-stats strong {
font-size: 15px;
font-weight: 700;
color: #0f172a;
font-variant-numeric: tabular-nums;
}
.gw-uc-profile-stats small {
font-size: 11.5px;
font-weight: 600;
color: #64748b;
margin-left: 2px;
}
.gw-uc-nav-right {
display: inline-flex;
align-items: center;
gap: 7px;
}
.gw-uc-nav-badge {
font-style: normal;
font-size: 11.5px;
font-weight: 700;
font-variant-numeric: tabular-nums;
padding: 1px 7px;
border-radius: 999px;
background: #f1f5f9;
border: 1px solid #cbd5e1;
color: #334155;
line-height: 1.4;
}
.gw-policy-nav-item.is-active .gw-uc-nav-badge {
background: #ffffff;
border-color: #94a3b8;
color: #0f172a;
}
.gw-uc-side-help {
margin-top: 14px;
padding: 16px 18px !important;
background: #f8fafc !important;
}
.gw-uc-side-help-title {
font-size: 13px;
font-weight: 700;
color: #0f172a;
margin-bottom: 6px;
}
.gw-uc-side-help p {
font-size: 12.5px;
color: #475569;
line-height: 1.65;
margin: 0 0 8px 0;
}
.gw-uc-stat-grid.is-three {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin: 0 0 28px 0;
}
.gw-uc-stat-card {
background: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
padding: 18px 20px !important;
}
.gw-uc-stat-link {
color: #334155 !important;
font-size: 13px;
font-weight: 600;
text-decoration: none;
}
.gw-uc-stat-link:hover {
color: #b91c1c !important;
text-decoration: underline;
}
.gw-uc-section-block {
margin-top: 26px;
}
.gw-uc-title-flex {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-bottom: 14px;
}
.gw-uc-sec-more {
font-size: 13px;
font-weight: 600;
color: #334155 !important;
text-decoration: none;
}
.gw-uc-sec-more:hover {
color: #b91c1c !important;
text-decoration: underline;
}
.gw-uc-quick-item {
background: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
border-radius: 9px !important;
padding: 14px 16px !important;
color: #1e293b !important;
}
.gw-uc-quick-left {
display: inline-flex;
align-items: center;
gap: 10px;
}
.gw-uc-quick-ico {
width: 30px;
height: 30px;
border-radius: 7px;
background: #ffffff;
border: 1px solid #cbd5e1;
color: #334155;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.gw-uc-quick-item i {
color: #94a3b8;
}
.gw-uc-quick-item:hover,
.gw-uc-quick-item:focus {
background: #f1f5f9 !important;
border-color: #64748b !important;
color: #0f172a !important;
}
.gw-uc-quick-item:hover i {
color: #334155 !important;
}
.gw-uc-pills a:hover {
background: #f1f5f9 !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
}
/* 29.4 Order List Filter Bar & Flagship Order Ledger Cards */
.gw-uc-filter-bar {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 18px 0;
padding-bottom: 14px;
border-bottom: 1px solid #e2e8f0;
}
.gw-uc-filter-tab {
display: inline-flex;
align-items: center;
gap: 7px;
height: 38px;
padding: 0 14px;
border-radius: 8px;
background: #ffffff;
border: 1px solid #e2e8f0;
color: #475569 !important;
font-size: 13.5px;
font-weight: 600;
text-decoration: none !important;
transition: border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.gw-uc-filter-tab:hover {
background: #ffffff;
border-color: #94a3b8;
color: #0f172a !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.gw-uc-filter-tab.is-active {
background: #ffffff !important;
border: 1px solid #64748b !important;
border-bottom-color: #475569 !important;
color: #0f172a !important;
font-weight: 700;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.07), 0 2px 6px -2px rgba(15, 23, 42, 0.05);
}
.gw-uc-filter-cnt {
font-style: normal;
font-size: 12px;
font-weight: 700;
font-variant-numeric: tabular-nums;
padding: 1px 7px;
border-radius: 999px;
background: #ffffff;
border: 1px solid #cbd5e1;
color: #475569;
line-height: 1.35;
}
.gw-uc-filter-tab.is-active .gw-uc-filter-cnt {
border-color: #94a3b8;
color: #0f172a;
}
.gw-uc-order-stack {
display: flex;
flex-direction: column;
gap: 16px;
}
.gw-uc-order-card {
background: #ffffff;
border: 1px solid #cbd5e1;
border-radius: 10px;
overflow: hidden;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.gw-uc-order-card:hover {
border-color: #94a3b8;
box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}
.gw-uc-order-card-head {
background: #f8fafc;
border-bottom: 1px solid #e2e8f0;
padding: 12px 18px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.gw-uc-ord-meta-group {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 24px;
}
.gw-uc-ord-meta {
display: flex;
flex-direction: column;
gap: 2px;
}
.gw-uc-ord-meta-k {
font-size: 11.5px;
font-weight: 600;
color: #64748b;
line-height: 1.3;
}
.gw-uc-ord-meta-v,
.gw-uc-ord-sn,
.gw-uc-ord-amt {
font-size: 13.8px;
color: #0f172a;
font-variant-numeric: tabular-nums;
line-height: 1.35;
}
.gw-uc-ord-sn {
font-weight: 700;
color: #0f172a !important;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-color: #94a3b8;
}
.gw-uc-ord-sn:hover {
color: #b91c1c !important;
text-decoration-color: #b91c1c;
}
.gw-uc-ord-amt {
font-weight: 700;
}
.gw-uc-order-card-body {
padding: 18px 18px;
display: grid;
grid-template-columns: minmax(0, 1fr) 204px;
gap: 20px;
align-items: center;
}
.gw-uc-ord-items {
display: flex;
flex-direction: column;
gap: 12px;
min-width: 0;
}
.gw-uc-ord-item + .gw-uc-ord-item {
padding-top: 12px;
border-top: 1px dashed #e2e8f0;
}
.gw-uc-ord-item-top {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
gap: 9px;
margin-bottom: 5px;
}
.gw-uc-ord-code {
display: inline-flex;
align-items: center;
flex-shrink: 0;
margin-top: 1px;
padding: 2px 9px;
border-radius: 6px;
background: #f1f5f9;
border: 1px solid #cbd5e1;
color: #0f172a;
font-size: 12.5px;
font-weight: 700;
font-variant-numeric: tabular-nums;
letter-spacing: 0.01em;
line-height: 1.4;
}
.gw-uc-ord-title,
a.gw-uc-ord-title {
flex: 1;
min-width: 0;
font-size: 15px;
font-weight: 700;
color: #0f172a !important;
line-height: 1.45;
text-decoration: none !important;
}
a.gw-uc-ord-title:hover {
color: #b91c1c !important;
text-decoration: underline !important;
text-underline-offset: 3px;
}
.gw-uc-ord-item-specs {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
font-size: 12.8px;
color: #475569;
line-height: 1.5;
}
.gw-uc-ord-sep {
color: #cbd5e1;
}
.gw-uc-ord-item-specs .is-valid {
color: #047857;
font-weight: 600;
}
.gw-uc-ord-item-specs .is-expired {
color: #64748b;
}
.gw-uc-ord-actions {
display: flex;
flex-direction: column;
gap: 8px;
align-items: stretch;
}
.gw-uc-ord-actions > .btn,
.gw-uc-ord-subactions > .btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 6px;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 12px !important;
border-radius: 8px !important;
font-size: 13.5px !important;
font-weight: 700 !important;
text-decoration: none !important;
}
.gw-uc-ord-subactions {
display: flex;
align-items: center;
gap: 8px;
}
.gw-uc-ord-subactions > .btn {
flex: 1;
}
.gw-cancel-order-form {
margin: 0;
display: inline-flex;
}
.gw-uc-cancel-btn {
height: 38px;
padding: 0 11px;
border-radius: 8px;
background: #ffffff;
border: 1px solid #cbd5e1;
color: #64748b;
font-size: 12.5px;
font-weight: 600;
cursor: pointer;
white-space: nowrap;
transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.gw-uc-cancel-btn:hover {
background: #fef2f2;
border-color: #fca5a5;
color: #b91c1c;
}
/* 29.5 Rich Empty States, Order Detail Hub, Point Banner & Password Grid */
.gw-uc-empty-card {
background: #f8fafc;
border: 1px solid #cbd5e1;
border-radius: 10px;
padding: 38px 28px;
text-align: center;
}
.gw-uc-empty-card.is-compact {
padding: 28px 24px;
}
.gw-uc-empty-icon {
width: 48px;
height: 48px;
margin: 0 auto 14px auto;
border-radius: 12px;
background: #ffffff;
border: 1px solid #cbd5e1;
color: #334155;
display: inline-flex;
align-items: center;
justify-content: center;
}
.gw-uc-empty-title {
font-size: 16.5px;
font-weight: 700;
color: #0f172a;
margin-bottom: 8px;
line-height: 1.4;
}
.gw-uc-empty-desc {
max-width: 560px;
margin: 0 auto 20px auto;
font-size: 13.5px;
color: #475569;
line-height: 1.72;
}
.gw-uc-empty-actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.gw-uc-empty-actions .btn {
width: auto !important;
padding: 0 22px !important;
}
.gw-uc-detail-strip {
display: grid;
grid-template-columns: 0.85fr 0.95fr 0.9fr 1.35fr;
gap: 12px;
margin: 0 0 20px 0;
padding: 16px 18px;
background: #f8fafc;
border: 1px solid #cbd5e1;
border-radius: 10px;
}
.gw-uc-detail-cell > span:first-child {
display: block;
font-size: 11.5px;
font-weight: 600;
color: #64748b;
margin-bottom: 4px;
}
.gw-uc-detail-cell .gw-uc-status-pill {
display: inline-flex !important;
width: fit-content;
margin-bottom: 0;
}
.gw-uc-detail-cell strong {
display: block;
font-size: 14.5px;
font-weight: 700;
color: #0f172a;
font-variant-numeric: tabular-nums;
line-height: 1.4;
}
.gw-uc-detail-cell strong.is-price {
font-size: 16px;
}
.gw-uc-detail-cell strong.is-email {
font-size: 13.5px;
word-break: break-all;
}
.gw-uc-unpaid-banner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 14px;
padding: 16px 18px;
margin: 0 0 22px 0;
background: #fffbeb;
border: 1px solid #fde68a;
border-radius: 10px;
}
.gw-uc-unpaid-banner strong {
display: block;
font-size: 14.5px;
font-weight: 700;
color: #92400e;
margin-bottom: 3px;
}
.gw-uc-unpaid-banner p {
margin: 0;
font-size: 13px;
color: #78350f;
line-height: 1.55;
}
.gw-uc-banner-pay-btn {
width: auto !important;
min-height: 42px !important;
padding: 0 20px !important;
display: inline-flex !important;
align-items: center;
gap: 7px;
flex-shrink: 0;
}
.gw-uc-fulfill-stack {
display: flex;
flex-direction: column;
gap: 14px;
}
.gw-uc-fulfill-card {
background: #ffffff;
border: 1px solid #cbd5e1;
border-radius: 10px;
overflow: hidden;
}
.gw-uc-fulfill-head {
background: #f8fafc;
border-bottom: 1px solid #e2e8f0;
padding: 14px 18px;
}
.gw-uc-fulfill-body {
padding: 16px 18px;
}
.gw-dl-btn-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
.gw-dl-btn-row .btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 7px;
min-height: 40px;
margin: 0 !important;
padding: 0 18px;
border-radius: 8px !important;
font-size: 13.8px !important;
font-weight: 700 !important;
}
/* Primary single EN_ONLY PDF download gets Tier-2 Pure White Sculpted Keycap prominence */
.gw-dl-btn-en.is-primary-dl,
a[data-ga-download="en"].btn.is-primary-dl {
background: #ffffff !important;
border: 1px solid #cbd5e1 !important;
border-bottom-color: #94a3b8 !important;
color: #0f172a !important;
box-shadow: inset 0 1px 0 #ffffff, 0 1px 2px rgba(15, 23, 42, 0.07), 0 3px 8px -2px rgba(15, 23, 42, 0.06) !important;
}
.gw-dl-btn-en.is-primary-dl:hover,
a[data-ga-download="en"].btn.is-primary-dl:hover {
background: #ffffff !important;
border: 1px solid #64748b !important;
border-bottom-color: #475569 !important;
color: #0f172a !important;
box-shadow: inset 0 1px 0 #ffffff, 0 4px 12px -2px rgba(15, 23, 42, 0.11), 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}
.gw-dl-inline-note {
font-size: 12.8px;
color: #64748b;
}
.gw-dl-status-callout {
margin-top: 10px;
padding: 11px 14px;
background: #f8fafc;
border: 1px solid #cbd5e1;
border-radius: 8px;
color: #334155;
font-size: 13.2px;
line-height: 1.68;
}
.gw-dl-status-callout.is-pending {
background: #fffbeb;
border-color: #fde68a;
color: #92400e;
}
.gw-dl-waiting-note {
font-size: 13.5px;
color: #64748b;
}
.gw-uc-point-banner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 18px 22px;
margin: 0 0 24px 0;
background: #f8fafc;
border: 1px solid #cbd5e1;
border-radius: 10px;
}
.gw-uc-point-nums {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 8px;
margin-top: 4px;
}
.gw-uc-point-nums strong {
font-size: 26px;
font-weight: 700;
color: #0f172a;
font-variant-numeric: tabular-nums;
line-height: 1.2;
}
.gw-uc-point-nums small {
font-size: 13.5px;
font-weight: 600;
color: #475569;
margin-left: 3px;
}
.gw-uc-point-yen {
font-size: 13.2px;
color: #475569;
}
.gw-uc-pwd-grid {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
gap: 24px;
align-items: flex-start;
}
.gw-uc-pwd-guide {
background: #f8fafc;
border: 1px solid #cbd5e1;
border-radius: 10px;
padding: 18px 20px;
}
.gw-uc-pwd-guide-title {
font-size: 14px;
font-weight: 700;
color: #0f172a;
margin-bottom: 10px;
}
.gw-uc-pwd-guide ul {
margin: 0;
padding-left: 18px;
font-size: 13px;
color: #475569;
line-height: 1.75;
}
.gw-uc-pwd-guide li + li {
margin-top: 6px;
}
/* 29.6 Responsive Breakpoints (Tablet & Mobile) */
@media screen and (max-width: 991px) {
.gw-auth-split {
grid-template-columns: 1fr;
}
.gw-auth-aside-pane {
border-left: 0;
border-top: 1px solid #dce3ec;
}
.gw-uc-detail-strip {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.gw-uc-pwd-grid {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 767px) {
.gw-auth-main-pane,
.gw-auth-aside-pane {
padding: 24px 18px;
}
.gw-auth-compact-foot {
padding: 14px 18px;
}
.gw-auth-heading {
font-size: 21px !important;
}
.gw-uc-stat-grid.is-three {
grid-template-columns: 1fr;
gap: 10px;
}
.gw-uc-order-card-head {
padding: 12px 14px;
}
.gw-uc-ord-meta-group {
gap: 14px;
}
.gw-uc-order-card-body {
grid-template-columns: 1fr;
gap: 14px;
padding: 14px 14px;
}
.gw-uc-ord-item-specs {
flex-direction: column;
align-items: flex-start;
gap: 3px;
}
.gw-uc-ord-sep {
display: none;
}
.gw-uc-detail-strip {
grid-template-columns: 1fr;
gap: 10px;
padding: 14px 15px;
}
.gw-uc-banner-pay-btn {
width: 100% !important;
justify-content: center;
}
.gw-dl-btn-row .btn {
width: 100%;
}
.gw-uc-empty-actions .btn {
width: 100% !important;
}
}
/* ==========================================================================
30. V2.9.30: Square-Cornered & Unbordered Tinted Surface Remediation
Eliminates sharp-cornered (border-radius: 0), zero-side-padding #f8fafc
blocks (.gw-topic-block, .gw-editorial-gov-bar, .gw-v2-lineage-strip,
.gw-v2-pitfall-tag) and aligns all #f8fafc surface cards to crisp
1px solid #cbd5e1 + 10px radius + #ffffff inner pills.
========================================================================== */
.gw-topic-block {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
padding: 16px 20px !important;
margin-top: 18px !important;
}
.gw-topic-head {
margin: 0 0 11px 0 !important;
padding: 0 !important;
border: 0 !important;
font-size: 14.5px !important;
font-weight: 700 !important;
color: #0f172a !important;
line-height: 1.45 !important;
}
.gw-topic-pills {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin: 0 !important;
}
.gw-topic-block .gw-topic-pill,
.gw-topic-pill {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #cbd5e1 !important;
border-radius: 6px !important;
padding: 5px 11px !important;
font-size: 13px !important;
font-weight: 600 !important;
color: #1e293b !important;
line-height: 1.45 !important;
}
.gw-v23-meta-bar {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
padding: 14px 18px !important;
margin-top: 18px !important;
}
.gw-v23-meta-bar .gw-v23-old-chip,
.gw-v23-meta-bar .gw-v23-cur-chip,
.gw-v23-meta-bar .gw-v23-ver-chip {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #cbd5e1 !important;
border-radius: 6px !important;
}
.gw-v2-pitfall-card {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
padding: 18px 20px !important;
}
.gw-v2-pitfall-card .gw-v2-pitfall-tag,
.gw-v2-pitfall-card .gw-v2-pitfall-tag.is-info,
.gw-v2-pitfall-card .gw-v2-pitfall-tag.is-ok {
display: inline-flex !important;
align-items: center !important;
width: fit-content !important;
padding: 3px 10px !important;
margin: 0 0 10px 0 !important;
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #cbd5e1 !important;
border-radius: 6px !important;
color: #334155 !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
}
.gw-editorial-gov-bar,
.gw-v2-lineage-strip {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
padding: 13px 18px !important;
margin-top: 16px !important;
color: #475569 !important;
}
details.gw-mobile-toc-details,
.gw-mobile-toc-details {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
padding: 11px 15px !important;
}
.gw-comment-form-card,
.gw-cart-item-card,
.gw-cart-summary-bar,
.gw-checkout-panel {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
border-radius: 10px !important;
}
@media screen and (max-width: 767px) {
.gw-topic-block,
.gw-v23-meta-bar,
.gw-editorial-gov-bar,
.gw-v2-lineage-strip {
padding: 13px 14px !important;
}
}
/* ==========================================================================
31. V2.9.31 FEATHERLIGHT WHITE PILL-BUTTONS & 100% UNIFIED #334155 ICONS
========================================================================== */
/* 31.1 Primary Return/Submit Inline-Flex Alignment for Crisp Directional Arrow SVGs */
.error-actions a.gw-auth-submit,
.gw-action-row a.gw-auth-submit,
.gw-uc-empty-actions a.gw-auth-submit {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
}
/* 31.2 Eliminate Solid Grey (#f1f5f9 / #f8fafc) Fills on All Clickable Pill-Buttons & Pagination */
.gw-cert-chip,
.gw-brand-hero > .gw-cert-chip-list:not(#gwCertChipList) > .gw-cert-chip,
.gw-news-filter-block .gw-cert-chip-list > .gw-cert-chip,
.gw-cert-chip-toggle,
#gwCertChipToggle.gw-cert-chip-toggle,
button.gw-cert-chip-toggle,
.gw-subvendor-pill,
.gw-home-subvendors .gw-subvendor-pill,
.gw-sitemap-az-links .gw-subvendor-pill,
.error-card .error-vendor-pills a,
body.gw-standalone-error .error-vendor-pills a,
.gw-vendor-pill,
#gwSideVendorList .gw-vendor-pill,
.gw-faq-cat-pill,
.gw-uc-pills a,
.gw-az-bar a,
.gw-boundary-jump-pill,
.pagination > li > a,
.pagination > li > span {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #e2e8f0 !important;
color: #475569 !important;
box-shadow: none !important;
transition: border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
}
.gw-cert-chip:hover,
.gw-cert-chip:focus,
.gw-cert-chip-toggle:hover,
#gwCertChipToggle.gw-cert-chip-toggle:hover,
button.gw-cert-chip-toggle:hover,
.gw-subvendor-pill:hover,
.gw-subvendor-pill:focus,
.gw-home-subvendors .gw-subvendor-pill:hover,
.gw-sitemap-az-links .gw-subvendor-pill:hover,
.error-card .error-vendor-pills a:hover,
body.gw-standalone-error .error-vendor-pills a:hover,
.gw-vendor-pill:hover,
#gwSideVendorList .gw-vendor-pill:hover,
.gw-faq-cat-pill:hover,
.gw-faq-cat-pill:focus,
.gw-uc-pills a:hover,
.gw-az-bar a:hover,
.gw-boundary-jump-pill:hover,
.pagination > li > a:hover,
.pagination > li > a:focus {
background: #ffffff !important;
background-color: #ffffff !important;
border-color: #94a3b8 !important;
color: #0f172a !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}
.gw-cert-chip.is-active,
.gw-cert-chip.is-active:hover,
.gw-subvendor-pill.is-active,
.gw-home-subvendors .gw-subvendor-pill.is-active,
.gw-vendor-pill.is-active,
#gwSideVendorList .gw-vendor-pill.is-active,
.gw-uc-pills a.active,
.gw-uc-pills a.is-active,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #64748b !important;
border-bottom-color: #475569 !important;
color: #0f172a !important;
font-weight: 700 !important;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.07), 0 2px 6px -2px rgba(15, 23, 42, 0.05) !important;
}
/* 31.3 100% Unified #334155 Monochrome Slate Ink for All Storefront & Auth Small Icons (Zero Green / Zero Blue / Zero Stray Red) */
.gw-trust-svg,
.gw-home-trust-strip svg.gw-trust-svg,
.gw-subbar-reassure svg.gw-trust-svg,
.gw-kicker-status svg.gw-trust-svg,
.gw-kicker-status:not([style*="#eff6ff"]) svg.gw-trust-svg,
.gw-kicker-status[style*="#eff6ff"] svg,
.gw-hero-kicker > .gw-kicker-status i,
.gw-hero-kicker .gw-kicker-status i,
.gw-hero-kicker > .gw-kicker-status[style*="#eff6ff"] i,
.gw-hero-kicker .gw-kicker-status[style*="#eff6ff"] i,
.gw-kicker-status i,
.gw-kicker-status[style*="#eff6ff"] i,
.gw-cart-bundle-note svg.gw-trust-svg,
.gw-checkout-trust-box .gw-ctb-item svg.gw-trust-svg,
.gw-article-spec-chip .gw-trust-svg,
.gw-applied-pill i.fa {
color: #334155 !important;
stroke: currentColor;
}
.gw-auth-feature-list li > .gw-auth-feat-icon,
.gw-bento-icon,
.gw-about-service-icon,
.gw-uc-kpi-icon,
.gw-uc-empty-icon,
.gw-uc-avatar {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #e2e8f0 !important;
color: #334155 !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}
.gw-auth-feature-list li > .gw-auth-feat-icon svg,
.gw-bento-icon svg,
.gw-bento-icon i,
.gw-about-service-icon svg,
.gw-about-service-icon i,
.gw-uc-kpi-icon svg,
.gw-uc-empty-icon svg,
.gw-uc-avatar svg {
color: #334155 !important;
stroke: currentColor;
}
.gw-hero-kicker > .gw-kicker-status,
.gw-hero-kicker .gw-kicker-status,
.gw-kicker-status,
.gw-hero-kicker > .gw-kicker-status[style*="#eff6ff"],
.gw-hero-kicker .gw-kicker-status[style*="#eff6ff"],
.gw-kicker-status[style*="#eff6ff"] {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #cbd5e1 !important;
color: #334155 !important;
}
.gw-faq-cat-pill i.fa,
#menu .left-menu a i.fa,
.leftMenu .left-menu a i.fa,
.gw-policy-callout-title i.fa,
.bread-content i.fa,
.gw-err-guide-title i.fa {
color: #475569 !important;
}
.gw-faq-cat-pill:hover i.fa,
#menu .left-menu a:hover i.fa,
#menu .left-menu a:focus i.fa,
.leftMenu .left-menu a:hover i.fa,
.leftMenu .left-menu a:focus i.fa,
.gw-err-guide-card:hover .gw-err-guide-title i.fa {
color: currentColor !important;
}
.gw-v2-pitfall-card .gw-v2-pitfall-tag.is-ok::before,
.gw-v2-pitfall-tag.is-ok::before {
background: #334155 !important;
}
.gw-uc-ord-item-specs .is-valid {
color: #334155 !important;
font-weight: 600;
}
.error-card .error-number.error-success {
background: #ffffff !important;
border: 1px solid #cbd5e1 !important;
color: #0f172a !important;
}
/* 31.4 Strict Contextual currentColor Icon Lock Inside All Buttons */
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1 svg,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart1 i,
#gw-sticky-purchase-dock button[type="submit"].gw-sticky-buy-btn svg,
#gw-mobile-sticky-bar button[type="submit"].gw-mob-sticky-btn svg,
.gw-article-exam-actions .gw-article-btn-primary svg,
.gw-cart-summary-bar a.gw-auth-submit svg,
#pay-now.gw-auth-submit svg,
a.gw-buy-cta svg,
a.gw-buy-cta i,
a.btn-common svg,
a.btn-common i,
button.gw-auth-submit svg,
button.gw-auth-submit i,
a.gw-auth-submit svg,
a.gw-auth-submit i,
.gw-uc-btn-primary svg,
.gw-uc-btn-primary i,
.gw-uc-btn-secondary svg,
.gw-uc-btn-secondary i,
.gw-auth-secondary-btn svg,
.gw-auth-secondary-btn i,
.gw-hero-cart-btn svg,
.gw-sticky-cart-btn svg,
.gw-mob-sticky-cart-btn svg,
.gw-rcpt-print-btn svg,
.gw-rcpt-print-btn i,
.gw-rcpt-edit-toggle svg,
.gw-rcpt-edit-toggle i {
color: currentColor !important;
}
/* ==========================================================================
32. V2.9.32 CRISP STRUCTURAL BORDERS, HIGH-CONTRAST PAPER & INK TYPOGRAPHY,
WINDOWS JP FONT-WEIGHT STACK & 100% OFF-PALETTE PURGE
========================================================================== */
/* 32.1 Outer Paper Canvas, Windows JP Font-Weight Stack & Crisp Ink Smoothing */
body,
body.gw-standalone-error {
background-color: #edf1f5 !important;
color: #1e293b;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", "Meiryo", "BIZ UDPGothic", -apple-system, BlinkMacSystemFont, sans-serif !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.gw-site-header,
.global-nav.sf-header {
border-bottom: 1px solid #cbd5e1 !important;
}
footer,
.gw-site-footer {
border-top: 1px solid #cbd5e1 !important;
}
/* 32.2 1.5-Step Deeper Structural Borders (#cbd5e1 & #94a3b8 Replacing Faint #eef2f6 / #e2e8f0 / #dce3ec) */
.gw-main-sheet,
.gw-single-sheet,
.gw-side-card,
.gw-auth-shell,
.error-card,
.gw-uc-order-card,
.gw-uc-fulfill-card,
#releaseNotifyModal .gw-modal-box,
.gw-modal-box {
border: 1px solid #cbd5e1 !important;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
}
.gw-auth-aside-pane {
border-left: 1px solid #cbd5e1 !important;
}
@media screen and (max-width: 991px) {
.gw-auth-aside-pane {
border-left: 0 !important;
border-top: 1px solid #cbd5e1 !important;
}
}
.gw-auth-compact-foot,
.gw-uc-profile-stats {
border-top: 1px solid #cbd5e1 !important;
}
.gw-uc-order-card-head,
.gw-uc-fulfill-head {
border-bottom: 1px solid #cbd5e1 !important;
}
.gw-uc-order-card:hover {
border-color: #64748b !important;
box-shadow: 0 3px 10px -2px rgba(15, 23, 42, 0.07) !important;
}
.gw-hero-spec-grid,
.gw-home-trust-strip,
.gw-home-vendor-card,
.gw-home-cert-item,
.gw-home-exam-card,
.gw-home-exam-card.is-presale,
.gw-bento-card,
.gw-cert-exam-card,
.gw-study-col-card,
.gw-news-card,
.gw-prevnext-card,
.gw-err-guide-card,
.gw-policy-prose .policy-article ul,
.gw-policy-callout,
.gw-contact-card,
.gw-about-service-card,
.gw-empty-state,
.gw-filter-empty,
.gw-corpus-telemetry-card,
.gw-corpus-card,
.gw-lineage-box,
.gw-lineage-pred-item,
.gw-side-price-box,
.gw-bottom-cta-bar,
.gw-article-exam-box,
.gw-pdf-viewer-frame,
.gw-practice-sample-card,
.gw-v2-hub-box,
.gw-guide-grid-2 > .gw-guide-card,
.gw-faq-item,
.gw-faq-card,
.gw-q-card,
.gw-guest-mypage-guide,
.gw-auth-guest-note,
.gw-uc-empty-card,
.gw-redirect-memory-banner,
.gw-uc-profile-stats > div {
border: 1px solid #cbd5e1 !important;
}
.gw-hero-spec-grid .gw-hsg-cell,
.gw-home-news-row,
.gw-faq-item[open] .gw-faq-a {
border-color: #cbd5e1 !important;
}
.gw-home-trust-strip .gw-hts-item + .gw-hts-item {
border-left-color: #cbd5e1 !important;
}
.gw-side-card a.gw-policy-nav-item:not(.is-active),
.gw-side-card a.gw-side-track-item,
.gw-side-card .left-vendor dd a {
border-color: #cbd5e1 !important;
}
.gw-side-card a.gw-policy-nav-item:not(.is-active):hover,
.gw-side-card a.gw-side-track-item:hover,
.gw-side-card .left-vendor dd a:hover {
background: #ffffff !important;
border-color: #64748b !important;
color: #0f172a !important;
}
.gw-home-vendor-card:hover,
.gw-home-cert-item:hover,
.gw-home-exam-card:hover,
.gw-cert-exam-card:hover,
.gw-study-col-card:hover,
.gw-news-card:hover,
.gw-prevnext-card:hover,
.gw-err-guide-card:hover {
background: #ffffff !important;
border: 1px solid #64748b !important;
border-color: #64748b !important;
box-shadow: 0 3px 10px -2px rgba(15, 23, 42, 0.07) !important;
}
/* Crisp Table Outer Frames (#94a3b8) & Internal Gridlines (#cbd5e1) */
table.gw-clean-spec-table,
.gw-main-sheet table.gw-clean-spec-table,
table.gw-hub-spec-table,
.gw-policy-prose .policy-article table.gw-clean-spec-table,
.gw-policy-prose .policy-article table.gw-tokushoho-table,
.gw-policy-prose .policy-article table.gw-spec-table,
.gw-boundary-matrix-card {
border: 1px solid #94a3b8 !important;
}
.gw-boundary-matrix-head,
.gw-boundary-matrix-sub {
border-bottom: 1px solid #cbd5e1 !important;
}
@media screen and (min-width: 768px) {
table.gw-clean-spec-table th,
.gw-main-sheet table.gw-clean-spec-table th,
table.gw-hub-spec-table th,
.gw-policy-prose .policy-article table.gw-clean-spec-table th,
.gw-policy-prose .policy-article table.gw-tokushoho-table th,
.gw-policy-prose .policy-article table.gw-spec-table th {
border-right: 1px solid #cbd5e1 !important;
border-bottom: 1px solid #cbd5e1 !important;
}
table.gw-clean-spec-table td,
.gw-main-sheet table.gw-clean-spec-table td,
table.gw-hub-spec-table td,
.gw-policy-prose .policy-article table.gw-clean-spec-table td,
.gw-policy-prose .policy-article table.gw-tokushoho-table td,
.gw-policy-prose .policy-article table.gw-spec-table td {
border-bottom: 1px solid #cbd5e1 !important;
}
table.gw-clean-spec-table tr:last-child th,
table.gw-clean-spec-table tr:last-child td,
.gw-main-sheet table.gw-clean-spec-table tr:last-child th,
.gw-main-sheet table.gw-clean-spec-table tr:last-child td,
table.gw-hub-spec-table tr:last-child th,
table.gw-hub-spec-table tr:last-child td,
.gw-policy-prose .policy-article table.gw-clean-spec-table tr:last-child th,
.gw-policy-prose .policy-article table.gw-clean-spec-table tr:last-child td,
.gw-policy-prose .policy-article table.gw-tokushoho-table tr:last-child th,
.gw-policy-prose .policy-article table.gw-tokushoho-table tr:last-child td,
.gw-policy-prose .policy-article table.gw-spec-table tr:last-child th,
.gw-policy-prose .policy-article table.gw-spec-table tr:last-child td {
border-bottom: 0 !important;
}
.gw-v23-track-wrap,
.gw-roadmap-table-wrap,
table.gw-uc-order-table,
.gw-article-prose table:not(.gw-clean-spec-table) {
border: 1px solid #94a3b8 !important;
}
.gw-sample-note-table thead th,
.gw-v23-track-table thead th,
.gw-roadmap-table thead th,
.gw-sibling-table thead th,
#gw-upd-table thead th,
table.gw-uc-order-table thead th,
.gw-article-prose table:not(.gw-clean-spec-table) thead th {
border-bottom: 1px solid #94a3b8 !important;
}
#gw-editorial-quality-sample:not(.is-card-view) .gw-sample-note-table thead th + th,
.gw-v23-track-table thead th + th,
.gw-roadmap-table thead th + th,
.gw-sibling-table thead th + th,
#gw-upd-table thead th + th,
table.gw-uc-order-table thead th + th,
.gw-article-prose table:not(.gw-clean-spec-table) thead th + th {
border-left: 1px solid #cbd5e1 !important;
}
#gw-editorial-quality-sample:not(.is-card-view) .gw-sample-note-table tbody td,
.gw-v23-track-table tbody td,
.gw-roadmap-table tbody td,
.gw-sibling-table tbody td,
#gw-upd-table tbody td,
table.gw-uc-order-table tbody td,
.gw-article-prose table:not(.gw-clean-spec-table) tbody td {
border-bottom: 1px solid #cbd5e1 !important;
}
#gw-editorial-quality-sample:not(.is-card-view) .gw-sample-note-table tbody td + td,
.gw-v23-track-table tbody td + td,
.gw-roadmap-table tbody td + td,
.gw-sibling-table tbody td + td,
#gw-upd-table tbody td + td,
table.gw-uc-order-table tbody td + td,
.gw-article-prose table:not(.gw-clean-spec-table) tbody td + td {
border-left: 1px solid #dbe3ed !important;
}
#gw-editorial-quality-sample:not(.is-card-view) .gw-sample-note-table tbody tr:last-child td,
.gw-v23-track-table tbody tr:last-child td,
.gw-roadmap-table tbody tr:last-child td,
.gw-sibling-table tbody tr:last-child td,
#gw-upd-table tbody tr:last-child td,
table.gw-uc-order-table tbody tr:last-child td,
.gw-article-prose table:not(.gw-clean-spec-table) tbody tr:last-child td {
border-bottom: 0 !important;
}
}
@media screen and (max-width: 767px) {
table.gw-clean-spec-table th,
.gw-main-sheet table.gw-clean-spec-table th,
table.gw-hub-spec-table th,
.gw-policy-prose .policy-article table.gw-clean-spec-table th,
.gw-policy-prose .policy-article table.gw-tokushoho-table th,
.gw-policy-prose .policy-article table.gw-spec-table th {
border-bottom: 1px dashed #cbd5e1 !important;
}
table.gw-clean-spec-table td,
.gw-main-sheet table.gw-clean-spec-table td,
table.gw-hub-spec-table td,
.gw-policy-prose .policy-article table.gw-clean-spec-table td,
.gw-policy-prose .policy-article table.gw-tokushoho-table td,
.gw-policy-prose .policy-article table.gw-spec-table td {
border-bottom: 1px solid #cbd5e1 !important;
}
table.gw-clean-spec-table tr:last-child td,
.gw-main-sheet table.gw-clean-spec-table tr:last-child td,
table.gw-hub-spec-table tr:last-child td,
.gw-policy-prose .policy-article table.gw-clean-spec-table tr:last-child td,
.gw-policy-prose .policy-article table.gw-tokushoho-table tr:last-child td,
.gw-policy-prose .policy-article table.gw-spec-table tr:last-child td {
border-bottom: 0 !important;
}
}
.gw-domain-bar-track {
background: #cbd5e1 !important;
background-color: #cbd5e1 !important;
}
/* Crisp Form Inputs, Search Bars, Static Badges & Icon Frames */
.form-control,
.gw-auth-form .form-control,
.gw-header-search-form,
.search-area1 .control-group,
.gw-drawer-search {
border-color: #94a3b8 !important;
}
.form-control:focus,
.gw-auth-form .form-control:focus,
.gw-header-search-form:focus-within,
.search-area1 .control-group:focus-within,
.gw-drawer-search:focus-within {
border-color: #334155 !important;
}
.gw-kicker-brand,
.gw-kicker-code,
.gw-kicker-lineage,
.gw-v23-spec-badge,
.gw-v23-old-chip,
.gw-v23-cur-chip,
.gw-v23-ver-chip,
.gw-v23-json-pill,
.gw-v23-file-chip,
.gw-v23-stage-tag,
.gw-upd-old-code,
code.gw-upd-old-code,
.gw-inline-code,
code.gw-inline-code,
.gw-news-tag,
.gw-scl-vendor,
.gw-home-news-date,
time.gw-home-news-date,
body.gw-standalone-error .error-number:not(.error-success),
.gw-cb-pill,
.gw-cb-pill.is-wallet,
.gw-q-type-pill,
.gw-q-type-pill.is-multi,
.gw-home-exam-card .gw-hec-badge,
.gw-home-exam-card .gw-hec-badge.is-ai,
.gw-pdf-viewer-frame .gw-pdf-chrome-pill,
.gw-pdf-viewer-frame .gw-pdf-sheet-tag,
.gw-pdf-viewer-frame .gw-pdf-mock-qbadge,
.gw-pdf-viewer-frame .gw-pdf-mock-ans-chip,
.gw-practice-sample-card .gw-ps-badge,
.gw-practice-sample-card .gw-ps-disclaimer,
.gw-article-exam-box .gw-kicker-brand,
.gw-auth-feature-list li > .gw-auth-feat-icon,
.gw-bento-icon,
.gw-about-service-icon,
.gw-uc-kpi-icon,
.gw-uc-empty-icon,
.gw-uc-avatar {
border: 1px solid #cbd5e1 !important;
}
/* Deepen Pure-White Button & Pill Borders (Keeping #ffffff Featherlight Aesthetic) */
button.gw-auth-submit:not(#pay-now),
.gw-auth-shell a.gw-auth-submit:not(.gw-buy-cta),
.gw-auth-card a.gw-auth-submit:not(.gw-buy-cta),
.gw-uc-empty a.gw-auth-submit:not(.gw-buy-cta),
.gw-uc-empty-actions a.gw-auth-submit:not(.gw-buy-cta),
.gw-empty-cart-recovery a.gw-auth-submit:not(.gw-buy-cta),
.gw-commerce-sheet > div:not(.gw-cart-summary-bar) > a.gw-auth-submit:not(.gw-buy-cta),
.gw-action-row a.gw-auth-submit:not(.gw-buy-cta),
body.gw-standalone-error .error-actions a.gw-auth-submit:not(.gw-buy-cta),
.error-actions a.gw-auth-submit:not(.gw-buy-cta),
#contactForm #submit,
.gw-submit-btn,
#button-review,
.des #button-review.gw-comment-submit-btn,
.gw-dl-btn-jp,
a[data-ga-download="jp"].btn,
.gw-dl-btn-en.is-primary-dl,
a[data-ga-download="en"].btn.is-primary-dl,
.gw-uc-btn-primary,
.btn.btn-xs.gw-uc-btn-primary,
.gw-rcpt-print-btn:not([disabled]),
.gw-btn-primary,
.gw-cart-qs-add-btn,
#releaseNotifyModal .gw-modal-cta.is-prep,
.gw-modal-cta.is-prep,
.gw-cta-row .btn-cart2,
.gw-cta-row .btn-cart2.gw-btn-reset,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart2,
.gw-side-notify-btn,
#gw-sticky-purchase-dock button[type="button"].gw-sticky-buy-btn,
#gw-mobile-sticky-bar button[type="button"].gw-mob-sticky-btn {
border: 1px solid #94a3b8 !important;
border-bottom-color: #64748b !important;
}
button.gw-auth-submit:not(#pay-now):hover,
button.gw-auth-submit:not(#pay-now):focus,
.gw-auth-shell a.gw-auth-submit:not(.gw-buy-cta):hover,
.gw-auth-shell a.gw-auth-submit:not(.gw-buy-cta):focus,
.gw-auth-card a.gw-auth-submit:not(.gw-buy-cta):hover,
.gw-auth-card a.gw-auth-submit:not(.gw-buy-cta):focus,
.gw-uc-empty a.gw-auth-submit:not(.gw-buy-cta):hover,
.gw-uc-empty a.gw-auth-submit:not(.gw-buy-cta):focus,
.gw-uc-empty-actions a.gw-auth-submit:not(.gw-buy-cta):hover,
.gw-uc-empty-actions a.gw-auth-submit:not(.gw-buy-cta):focus,
.gw-empty-cart-recovery a.gw-auth-submit:not(.gw-buy-cta):hover,
.gw-empty-cart-recovery a.gw-auth-submit:not(.gw-buy-cta):focus,
.gw-commerce-sheet > div:not(.gw-cart-summary-bar) > a.gw-auth-submit:not(.gw-buy-cta):hover,
.gw-commerce-sheet > div:not(.gw-cart-summary-bar) > a.gw-auth-submit:not(.gw-buy-cta):focus,
.gw-action-row a.gw-auth-submit:not(.gw-buy-cta):hover,
.gw-action-row a.gw-auth-submit:not(.gw-buy-cta):focus,
body.gw-standalone-error .error-actions a.gw-auth-submit:not(.gw-buy-cta):hover,
body.gw-standalone-error .error-actions a.gw-auth-submit:not(.gw-buy-cta):focus,
.error-actions a.gw-auth-submit:not(.gw-buy-cta):hover,
.error-actions a.gw-auth-submit:not(.gw-buy-cta):focus,
#contactForm #submit:hover,
#contactForm #submit:focus,
.gw-submit-btn:hover,
.gw-submit-btn:focus,
#button-review:hover,
#button-review:focus,
.des #button-review.gw-comment-submit-btn:hover,
.des #button-review.gw-comment-submit-btn:focus,
.gw-dl-btn-jp:hover,
.gw-dl-btn-jp:focus,
a[data-ga-download="jp"].btn:hover,
a[data-ga-download="jp"].btn:focus,
.gw-dl-btn-en.is-primary-dl:hover,
a[data-ga-download="en"].btn.is-primary-dl:hover,
.gw-uc-btn-primary:hover,
.gw-uc-btn-primary:focus,
.btn.btn-xs.gw-uc-btn-primary:hover,
.btn.btn-xs.gw-uc-btn-primary:focus,
.gw-rcpt-print-btn:not([disabled]):hover,
.gw-rcpt-print-btn:not([disabled]):focus,
.gw-btn-primary:hover,
.gw-btn-primary:focus,
.gw-cart-qs-add-btn:hover,
.gw-cart-qs-add-btn:focus,
#releaseNotifyModal .gw-modal-cta.is-prep:hover,
#releaseNotifyModal .gw-modal-cta.is-prep:focus,
.gw-modal-cta.is-prep:hover,
.gw-modal-cta.is-prep:focus,
.gw-cta-row .btn-cart2:hover,
.gw-cta-row .btn-cart2:focus,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart2:hover,
.des .gw-cta-row #gw-hero-buy-btn.btn-cart2:focus,
.gw-side-notify-btn:hover,
.gw-side-notify-btn:focus,
#gw-sticky-purchase-dock button[type="button"].gw-sticky-buy-btn:hover,
#gw-sticky-purchase-dock button[type="button"].gw-sticky-buy-btn:focus,
#gw-mobile-sticky-bar button[type="button"].gw-mob-sticky-btn:hover,
#gw-mobile-sticky-bar button[type="button"].gw-mob-sticky-btn:focus {
border: 1px solid #475569 !important;
border-bottom-color: #334155 !important;
}
.gw-hero-cart-btn,
.des .gw-cta-row .gw-hero-cart-btn,
.gw-sticky-cart-btn,
#gw-sticky-purchase-dock .gw-sticky-cart-btn,
.gw-mob-sticky-cart-btn,
#gw-mobile-sticky-bar .gw-mob-sticky-cart-btn,
.des .gw-cta-subbar > .gw-subbar-cart-btn,
.gw-cert-btn-detail,
.gw-filter-search-btn,
.gw-side-sample-btn,
.gw-article-btn-detail:not(.gw-article-btn-primary),
.gw-article-btn-sample,
.gw-write-review-jump,
.gw-dl-btn-en:not(.is-primary-dl),
a[data-ga-download="en"].btn:not(.is-primary-dl),
.gw-uc-btn-secondary,
.btn.btn-xs.gw-uc-btn-secondary,
.gw-rcpt-edit-toggle,
#button-voucher,
#button-point,
.gw-inline-apply .btn-default,
.btn-border-2,
.gw-euc-next-free,
button.fabtn.gw-drawer-close,
.gw-drawer-close,
.gw-auth-secondary-btn,
.gw-modal-secondary-cta,
body.gw-standalone-error .error-actions a:not(.gw-auth-submit),
.gw-site-header .gw-account-dropdown,
.gw-account-dropdown,
header.gw-err-header .gw-err-account-btn,
.gw-site-header .gw-cart-icon-link,
.gw-cart-icon-link,
header.gw-err-header .gw-err-icon-btn,
.gw-cert-chip,
.gw-brand-hero > .gw-cert-chip-list:not(#gwCertChipList) > .gw-cert-chip,
.gw-news-filter-block .gw-cert-chip-list > .gw-cert-chip,
.gw-cert-chip-toggle,
#gwCertChipToggle.gw-cert-chip-toggle,
button.gw-cert-chip-toggle,
.gw-subvendor-pill,
.gw-home-subvendors .gw-subvendor-pill,
.gw-sitemap-az-links .gw-subvendor-pill,
.error-card .error-vendor-pills a,
body.gw-standalone-error .error-vendor-pills a,
.gw-vendor-pill,
#gwSideVendorList .gw-vendor-pill,
.gw-faq-cat-pill,
.gw-uc-pills a,
.gw-uc-filter-tab,
.gw-az-bar a,
.gw-boundary-jump-pill,
.pagination > li > a,
.pagination > li > span {
border: 1px solid #cbd5e1 !important;
color: #334155 !important;
}
.gw-uc-filter-bar {
border-bottom: 1px solid #cbd5e1 !important;
}
.gw-uc-profile-stats {
border-top: 1px solid #cbd5e1 !important;
}
.gw-uc-profile-stats > div {
border: 1px solid #cbd5e1 !important;
}
.gw-uc-profile-stats span,
.gw-uc-profile-stats small {
color: #475569 !important;
}
.gw-hero-cart-btn:hover,
.gw-hero-cart-btn:focus,
.des .gw-cta-row .gw-hero-cart-btn:hover,
.des .gw-cta-row .gw-hero-cart-btn:focus,
.gw-sticky-cart-btn:hover,
.gw-sticky-cart-btn:focus,
#gw-sticky-purchase-dock .gw-sticky-cart-btn:hover,
#gw-sticky-purchase-dock .gw-sticky-cart-btn:focus,
.gw-mob-sticky-cart-btn:hover,
.gw-mob-sticky-cart-btn:focus,
#gw-mobile-sticky-bar .gw-mob-sticky-cart-btn:hover,
#gw-mobile-sticky-bar .gw-mob-sticky-cart-btn:focus,
.des .gw-cta-subbar > .gw-subbar-cart-btn:hover,
.des .gw-cta-subbar > .gw-subbar-cart-btn:focus,
.gw-cert-btn-detail:hover,
.gw-cert-btn-detail:focus,
.gw-filter-search-btn:hover,
.gw-filter-search-btn:focus,
.gw-side-sample-btn:hover,
.gw-side-sample-btn:focus,
.gw-article-btn-detail:not(.gw-article-btn-primary):hover,
.gw-article-btn-detail:not(.gw-article-btn-primary):focus,
.gw-article-btn-sample:hover,
.gw-article-btn-sample:focus,
.gw-write-review-jump:hover,
.gw-write-review-jump:focus,
.gw-dl-btn-en:not(.is-primary-dl):hover,
.gw-dl-btn-en:not(.is-primary-dl):focus,
a[data-ga-download="en"].btn:not(.is-primary-dl):hover,
a[data-ga-download="en"].btn:not(.is-primary-dl):focus,
.gw-uc-btn-secondary:hover,
.gw-uc-btn-secondary:focus,
.btn.btn-xs.gw-uc-btn-secondary:hover,
.btn.btn-xs.gw-uc-btn-secondary:focus,
.gw-rcpt-edit-toggle:hover,
.gw-rcpt-edit-toggle:focus,
#button-voucher:hover,
#button-voucher:focus,
#button-point:hover,
#button-point:focus,
.gw-inline-apply .btn-default:hover,
.gw-inline-apply .btn-default:focus,
.btn-border-2:hover,
.btn-border-2:focus,
.gw-euc-next-free:hover,
.gw-euc-next-free:focus,
button.fabtn.gw-drawer-close:hover,
button.fabtn.gw-drawer-close:focus,
.gw-drawer-close:hover,
.gw-drawer-close:focus,
.gw-auth-secondary-btn:hover,
.gw-auth-secondary-btn:focus,
.gw-modal-secondary-cta:hover,
.gw-modal-secondary-cta:focus,
body.gw-standalone-error .error-actions a:not(.gw-auth-submit):hover,
body.gw-standalone-error .error-actions a:not(.gw-auth-submit):focus,
.gw-site-header .gw-account-dropdown:hover,
.gw-account-dropdown:hover,
header.gw-err-header .gw-err-account-btn:hover,
.gw-site-header .gw-cart-icon-link:hover,
.gw-cart-icon-link:hover,
.gw-cert-chip:hover,
.gw-cert-chip:focus,
.gw-cert-chip-toggle:hover,
#gwCertChipToggle.gw-cert-chip-toggle:hover,
button.gw-cert-chip-toggle:hover,
.gw-subvendor-pill:hover,
.gw-subvendor-pill:focus,
.gw-home-subvendors .gw-subvendor-pill:hover,
.gw-sitemap-az-links .gw-subvendor-pill:hover,
.error-card .error-vendor-pills a:hover,
body.gw-standalone-error .error-vendor-pills a:hover,
.gw-vendor-pill:hover,
#gwSideVendorList .gw-vendor-pill:hover,
.gw-faq-cat-pill:hover,
.gw-faq-cat-pill:focus,
.gw-uc-pills a:hover,
.gw-uc-filter-tab:hover,
.gw-uc-filter-tab:focus,
.gw-az-bar a:hover,
.gw-boundary-jump-pill:hover,
.pagination > li > a:hover,
.pagination > li > a:focus {
border-color: #64748b !important;
color: #0f172a !important;
}
.gw-cert-chip.is-active,
.gw-cert-chip.is-active:hover,
.gw-subvendor-pill.is-active,
.gw-home-subvendors .gw-subvendor-pill.is-active,
.gw-vendor-pill.is-active,
#gwSideVendorList .gw-vendor-pill.is-active,
.gw-uc-pills a.active,
.gw-uc-pills a.is-active,
.gw-uc-filter-tab.is-active,
.gw-uc-filter-tab.is-active:hover,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover {
border: 1px solid #475569 !important;
border-bottom-color: #334155 !important;
color: #0f172a !important;
}
.pagination > .disabled > a,
.pagination > .disabled > span,
.pagination > .disabled > a:hover,
.pagination > .disabled > span:hover {
background: #f8fafc !important;
border-color: #cbd5e1 !important;
color: #64748b !important;
}
/* 32.3 High-Contrast Paper & Ink Typography (+1 Full Step Darker Across Prose, Leads & Meta) */
.gw-v2-geo-lead,
.gw-v2-pitfall-body,
.gw-sample-lead,
.gw-faq-a,
.comment-content,
.policy-article,
.policy-article p,
.policy-article li,
.gw-article-prose,
.gw-article-prose p,
.gw-article-prose li,
.gw-hec-name,
.gw-bento-card p,
.gw-study-col-desc,
.gw-news-desc,
.gw-article-exam-desc,
.gw-pdf-mock-exp,
.gw-dl-status-callout {
color: #1e293b !important;
}
p.des-title,
.des .des-title,
.gw-brand-hero .des-title,
.gw-auth-shell .gw-auth-lead,
.gw-auth-aside-lead,
.gw-uc-empty-desc,
.gw-err-guide-desc,
.gw-kicker-brand,
.gw-kicker-code,
.gw-kicker-lineage,
.gw-hts-item,
.des .gw-cta-subbar > .gw-subbar-reassure,
.gw-subbar-reassure {
color: #334155 !important;
}
.bread-content,
.bread-content a,
.gw-logo-tagline,
.gw-hsg-label,
.gw-hsg-sub,
.gw-hv-tag,
.gw-hv-cnt,
.gw-hc-vendor,
.gw-hc-meta,
.gw-hec-foot,
.gw-news-date,
.gw-home-news-date,
time.gw-home-news-date,
.gw-article-byline,
.gw-prevnext-dir,
.gw-side-card .gw-side-note,
.gw-side-support-meta,
.gw-editorial-gov-bar,
.gw-v2-lineage-strip,
.gw-hero-decision-notice:not(.is-l3-archive),
.gw-uc-ord-meta-k,
.gw-uc-ord-item-specs,
.gw-uc-detail-cell > span:first-child,
.gw-uc-profile-kicker,
.gw-uc-profile-stats span,
.gw-uc-profile-stats small,
.gw-dl-inline-note,
.gw-dl-waiting-note,
.reply-date,
.gw-footer-about,
.gw-footer-copy,
footer p,
footer li,
footer a {
color: #475569 !important;
}
.bread-content a:hover,
footer a:hover {
color: #0f172a !important;
}
/* 32.4 100% Off-Palette Purge (Zero Yellow/Amber, Zero Mint/Emerald Green, Zero Legacy Blue) */
/* (a) Order & Point Status Pills: Pure Monochrome + Signature Crimson Unpaid */
.gw-status-pill,
.gw-uc-status-pill {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 3px 11px !important;
border-radius: 999px !important;
font-size: 12.5px !important;
line-height: 1.45 !important;
}
.gw-status-pill.is-paid,
.gw-uc-status-pill.is-paid {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #94a3b8 !important;
color: #0f172a !important;
font-weight: 700 !important;
}
.gw-status-pill.is-unpaid,
.gw-uc-status-pill.is-unpaid {
background: #fffafa !important;
background-color: #fffafa !important;
border: 1px solid #fca5a5 !important;
color: #b91c1c !important;
font-weight: 700 !important;
}
.gw-status-pill.is-cancelled,
.gw-uc-status-pill.is-cancelled,
.gw-status-pill.is-neutral,
.gw-uc-status-pill.is-neutral {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
color: #475569 !important;
font-weight: 600 !important;
}
/* (b) Unpaid Order Banner, Pending Callouts, L3 Archive Notices & Auth/Bootstrap Alerts */
.gw-uc-unpaid-banner {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
border-left: 3px solid #b91c1c !important;
}
.gw-uc-unpaid-banner strong {
color: #0f172a !important;
}
.gw-uc-unpaid-banner p {
color: #334155 !important;
}
.gw-dl-status-callout.is-pending,
.gw-main-sheet .des .gw-hero-decision-notice.is-l3-archive,
.des .gw-hero-decision-notice.is-l3-archive,
.gw-hero-decision-notice.is-l3-archive,
.gw-holdback-banner,
.gw-multi-exam-alert,
.gw-auth-top-alert,
.alert-success,
.alert-warning,
.alert-info {
background: #f8fafc !important;
background-color: #f8fafc !important;
border: 1px solid #cbd5e1 !important;
border-left: 3px solid #334155 !important;
color: #1e293b !important;
}
.gw-main-sheet .des .gw-hero-decision-notice.is-l3-archive > i,
.des .gw-hero-decision-notice.is-l3-archive > i,
.gw-hero-decision-notice.is-l3-archive > i,
.gw-holdback-banner i,
.gw-multi-exam-alert i {
color: #334155 !important;
}
.gw-main-sheet .des .gw-hero-decision-notice.is-l3-archive > span,
.des .gw-hero-decision-notice.is-l3-archive > span,
.gw-hero-decision-notice.is-l3-archive > span {
color: #1e293b !important;
}
.gw-main-sheet .des .gw-hero-decision-notice.is-l3-archive strong,
.des .gw-hero-decision-notice.is-l3-archive strong,
.gw-hero-decision-notice.is-l3-archive strong {
color: #0f172a !important;
}
.gw-main-sheet .des .gw-hero-decision-notice.is-l3-archive a,
.des .gw-hero-decision-notice.is-l3-archive a,
.gw-hero-decision-notice.is-l3-archive a {
color: #b91c1c !important;
font-weight: 700 !important;
text-decoration: underline !important;
}
/* (c) Prep Badges & Side Prep Box -> Crisp White/Slate */
.gw-home-exam-card .gw-hec-badge.is-prep,
.gw-hec-badge.is-prep,
.gw-exam-meta-tag.is-prep,
.gw-side-prep-box {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid #cbd5e1 !important;
color: #334155 !important;
}
/* (d) Customer Review Stars -> Deep Slate #334155 Filled / Cool Slate #94a3b8 Empty */
.gw-star-icons,
.gw-star-icons i.fa-star,
.gw-comment-stars,
.gw-comment-stars i.fa-star,
#product-star i.fa-star,
.rate i.fa-star {
color: #334155 !important;
}
.gw-star-icons i.fa-star-o,
.gw-comment-stars i.fa-star-o,
#product-star i.fa-star-o,
.rate i.fa-star-o {
color: #94a3b8 !important;
}
/* (e) Eliminate Bootstrap #337ab7 / #23527c Link Bleed-Through on Card Wrappers & Article Nav */
a.gw-home-vendor-card,
a.gw-home-vendor-card:visited,
a.gw-home-vendor-card .gw-hv-top,
a.gw-home-cert-item,
a.gw-home-cert-item:visited,
a.gw-home-cert-item .gw-hc-main,
a.gw-home-exam-card,
a.gw-home-exam-card:visited,
a.gw-home-exam-card .gw-hec-top,
a.gw-home-news-row,
a.gw-home-news-row:visited,
a.gw-study-col-card,
a.gw-study-col-card:visited,
a.gw-study-col-card .gw-study-col-topics,
.gw-prevnext-card a,
.gw-prevnext-card a:visited,
a.gw-err-guide-card,
a.gw-err-guide-card:visited {
color: #1e293b !important;
text-decoration: none !important;
}
a.gw-home-vendor-card:hover,
a.gw-home-vendor-card:focus,
a.gw-home-cert-item:hover,
a.gw-home-cert-item:focus,
a.gw-home-exam-card:hover,
a.gw-home-exam-card:focus,
a.gw-home-news-row:hover,
a.gw-home-news-row:focus,
a.gw-study-col-card:hover,
a.gw-study-col-card:focus,
.gw-prevnext-card a:hover,
.gw-prevnext-card a:focus,
a.gw-err-guide-card:hover,
a.gw-err-guide-card:focus {
color: #0f172a !important;
text-decoration: none !important;
}
.gw-prevnext-card .gw-prevnext-title {
color: #0f172a !important;
}
.gw-prevnext-card:hover .gw-prevnext-title,
a.gw-home-news-row:hover .gw-home-news-title,
a.gw-study-col-card:hover .gw-study-col-title,
a.gw-err-guide-card:hover .gw-err-guide-title {
color: #b91c1c !important;
}
/* Certification Directory A–Z Vendor Cards: Narrow-Viewport Overflow Guard (Q-09) */
.gw-az-sec,
.gw-vd-grid,
.gw-vd,
.gw-vd-hd,
.gw-vd-ul,
.gw-vd-ul li,
.gw-vd-ul li a {
min-width: 0;
max-width: 100%;
box-sizing: border-box;
}
.gw-vd-grid {
grid-template-columns: minmax(0, 1fr);
}
.gw-vd h3 {
min-width: 0;
max-width: 100%;
overflow-wrap: anywhere;
word-break: break-word;
}
.gw-vd-ul li a > code {
flex: 0 1 auto;
min-width: 0;
max-width: 72%;
white-space: normal;
overflow-wrap: anywhere;
word-break: break-word;
}
.gw-vd-ul li a > code:only-child {
max-width: 100%;
}
.gw-vd-ul li a > span {
flex: 1 1 0%;
min-width: 0;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media screen and (max-width: 767px) {
.gw-vd-ul {
grid-template-columns: minmax(0, 1fr);
}
}