.elementor-17697 .elementor-element.elementor-element-cac30000{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17697 .elementor-element.elementor-element-cac30010{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17697 .elementor-element.elementor-element-cac30020{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17697 .elementor-element.elementor-element-cac30030{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17697 .elementor-element.elementor-element-cac30040{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* =========================================================================
 * CALIFORNIA CONSTITUTION LANDING
 *
 * Identical to the U.S. Constitution landing (template 17672) on purpose: the
 * two pages are the same page with different text, and the moment their
 * stylesheets diverge they start drifting apart. Almost every .lx-* rule on
 * this site lives in template 565's page custom CSS rather than in the kit,
 * and a page on any other template inherits none of it — which is why these
 * rules are copied rather than inherited.
 * ====================================================================== */

/* ===== HERO ===== */
.lx-hero-inner{padding:56px 40px 48px !important;align-items:end !important}
.lx-hero .lx-display{line-height:.95 !important;font-weight:900 !important;letter-spacing:-.035em !important;margin:0 !important;color:#ffffff !important;overflow-wrap:break-word}
.lx-hero .lx-lede{font-size:19px !important;line-height:1.45 !important;max-width:36ch !important;margin-top:24px !important}
.lx-stat-n{font-size:40px !important;line-height:1 !important}
.lx-stat-l{font-size:11px !important;letter-spacing:.14em !important}

/* ===== LAYOUT ===== */
.lx-wrap{max-width:1500px !important}
.lx-grid--browse{grid-template-columns:minmax(0,1fr) 340px !important}
.lx-grid--browse .lx-main{padding:48px 52px 72px 0 !important;border-right:2px solid #201e1d}

/* ===== PRACTICE AREAS (right rail) ===== */
.lx-practice .lx-rule-h{margin-top:0 !important}
.lx-parea{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:13px 8px 13px 0;border-bottom:1px solid rgba(32,30,29,.25);text-decoration:none;color:#201e1d}
.lx-parea:hover{background:#e8f2fb;color:#08558f}
.lx-parea-t{font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.lx-parea-c{font-size:14px;font-weight:800;color:#9b9797}
.lx-parea:hover .lx-parea-c{color:#0a6dbd}
.lx-parea-all{display:inline-block;margin-top:18px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#08558f;text-decoration:none}
.lx-parea-all:hover{color:#0a6dbd;text-decoration:underline}

/* ===== THE GRID =====
 * Two columns, because each card now carries a real name over two or three
 * lines rather than a bare label. Hairlines are borders on the cards, not a
 * 1px gap over a dark backing — the backing trick only works when the last
 * row is full, and an odd number of articles left an empty cell showing as
 * a slab. */
.lx-listhead--sp{margin-top:56px}
.lx-codegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:transparent;border-top:1px solid rgba(32,30,29,.18)}
.lx-codecard{display:block;background:#ffffff;padding:20px 24px 22px;text-decoration:none;color:#201e1d;border-bottom:1px solid rgba(32,30,29,.18);border-right:1px solid rgba(32,30,29,.18);transition:background .12s ease,color .12s ease;position:relative}
.lx-codecard:nth-child(2n+1){padding-left:0}
.lx-codecard:nth-child(2n){border-right:0}
a.lx-codecard:hover{background:#e8f2fb;color:#08558f}
a.lx-codecard::after{content:"";position:absolute;left:0;bottom:-1px;height:3px;width:0;background:var(--lx-blue);transition:width .18s ease}
a.lx-codecard:hover::after{width:100%}

/* The number is the eyebrow; the name is the card. */
.lx-codecard-abbr{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#9b9797;margin-bottom:7px}
a.lx-codecard:hover .lx-codecard-abbr{color:#0a6dbd}
.lx-codecard-t{display:block;font-size:21px;font-weight:900;letter-spacing:-.025em;line-height:1.2}
.lx-codecard-m{display:block;margin-top:7px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8a8686}
a.lx-codecard:hover .lx-codecard-m{color:#0a6dbd}
.lx-codecard.is-soon{cursor:default}
.lx-codecard.is-soon .lx-codecard-t{color:#9b9797}

/* ===== DISCLAIMER ===== */
.lx-disclaimer-band{border-top:1px solid rgba(32,30,29,.25);background:#ffffff;margin-top:8px}
.lx-disclaimer-band .lx-disclaimer{margin:0 !important;padding:28px 0 40px !important;border-top:0 !important;max-width:none !important;font-size:15px !important;line-height:1.75 !important;color:#605d5d !important}
.lx-disclaimer-band .lx-disclaimer strong{color:#201e1d}

@media(max-width:900px){
  .lx-grid--browse{grid-template-columns:minmax(0,1fr) !important}
  .lx-grid--browse .lx-main{padding:32px 0 56px !important;border-right:0 !important}
  .lx-codegrid{grid-template-columns:minmax(0,1fr)}
  .lx-codecard,.lx-codecard:nth-child(2n),.lx-codecard:nth-child(2n+1){border-right:0;padding:18px 0}
  .lx-hero .lx-display{font-size:44px !important}
  .lx-hero-inner{padding:40px 20px 32px !important}
}/* End custom CSS */