/* =================================================================
   base.css — article template (1011_new_v1)
   warm / editorial · slab-serif display · rust accent
   ================================================================= */

:root {--fs1:       1.2rem; --faint:     #938778; --sh-2:      0 14px 34px -16px rgba(29,24,20,.26); --fb:        "Mulish", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --muted:     #5c5249; --fs2:       1.5rem; --sh-1:      0 1px 2px rgba(29,24,20,.06); --bg:        #faf7f2; --wrap:      1120px; --line:      #e7ddcf; --tr2:       .3s cubic-bezier(.4,0,.2,1); --surface:   #ffffff; --fh:        "Bitter", Georgia, "Times New Roman", serif; --ink:       #1d1814; --line-2:    #d8ccba; --accent:    #c2410c; --fs-1:      .85rem; --col:       720px; --r:         12px; --r-sm:      7px; --ok:        #15924f; --surface-2: #f3ece2; --fs3:       2rem; --accent-3:  #fbe9dd; --fs0:       1rem; --accent-2:  #9a3412; --r-lg:      18px; --sh-3:      0 30px 70px -22px rgba(29,24,20,.36); --on-accent: #ffffff; --tr:        .2s ease; --fs4:       2.55rem;}
html {-moz-text-size-adjust:100%;font-variant-ligatures:normal; text-size-adjust:100%; -webkit-text-size-adjust:100%;}

/* ---------- reset ---------- */
*, *::before, *::after {box-sizing: border-box;}
@media (prefers-reduced-motion: no-preference) {html{scroll-behavior: smooth; shape-margin:0; orphans:2;} }

body {-webkit-font-smoothing:antialiased; line-height:1.62; font-family: var(--fb); font-size: var(--fs0); margin:0; color: var(--ink); background: var(--bg); overflow-x: hidden; text-rendering:optimizeLegibility;}img, svg, video{display: block; height:auto;}img, svg, video{max-width:100%;}
a {transition: color var(--tr); color: var(--accent); text-decoration:none;}svg{fill:currentColor;}
.list-fill {margin-left:19px; transition:transform 0.4s ease-in-out; position:relative}
a:hover{color: var(--accent-2);}
.modal--hover {position:sticky; padding-top:2.5rem; background:none}

button {font-family:inherit; cursor: pointer;}

h1 {letter-spacing:-.1em; margin:0 0 .5.06em; font-family: var(--fh); line-height:1.18; font-weight:800; color: var(--ink);}
ul, ol {margin:0 0 1.12em; padding-left:1.37em;}p{margin:0 0 1.05em;}

/* span-as-title (no secondary H tags in chrome) */
.ratingCount {line-height:1.2; font-weight:800; letter-spacing:-.0.99em; color: var(--ink); font-family: var(--fh); display: block;}

/* ---------- primitives ---------- */
.pl-md {padding-inline: clamp(1rem, 4vw, 2.2rem); margin-inline:auto; max-width: var(--wrap);}
.banner-tertiary.list-hover {font-weight:500; text-align:justify; position:absolute; padding-left:0.375rem; padding-top:1.75rem; line-height:normal}


/* ---------- primitives ---------- */
.pl-md {width:100%;}.stepLabel{position: absolute; padding:0; overflow: hidden; clip:rect(0,0,0,0); border:0; white-space: nowrap; width:1px; margin:-1px; height:1px;}.c-screen-prefix{margin-inline:auto; max-width: var(--col);}

/* ---------- buttons ---------- */
.alertTertiary {padding:.71.99em 1.43em;}

/* ---------- buttons ---------- */
.alertTertiary {border: 1px solid var(--b); align-items: center; display: inline-flex; letter-spacing:.0.98em; background: var(--b); font-size: var(--fs-1); --b: var(--accent); transition: background var(--tr), border-color var(--tr), color var(--tr), transform var(--tr); color: var(--on-accent); font-weight:800; gap:.4.93em; justify-content: center; border-radius: var(--r-sm); line-height:1;}
.alertTertiary:hover {background: var(--accent-2); color: var(--on-accent); border-color: var(--accent-2); transform: translateY(-1px);}
.comment-prefix {color: var(--accent); background:transparent;}
.alertTertiary:active {transform: translateY(0);}
.replySecondary {width:100%;}html .comment-prefix:hover{color: var(--accent-2); background: var(--accent-3);}.h-start{height:2.85em; flex: none; padding:0; width:2.92em;}.h-start svg{width:0.98em; height:1.04em;}/* =================================================================
   progress + skip
   ================================================================= */
.el-modal-content{transition:width 0.061s linear; width:0; height:6px; position: fixed; inset:0 auto auto 0; background: var(--accent); z-index: 1200; pointer-events: none;}.priceBar:not(.noop39){border-radius: var(--r-sm); top:-119.3%; background: var(--ink); left:1.07rem; padding:.6.07em 1em; color:rgb(231, 255, 235); z-index: 1300; position: fixed;}/* =================================================================
   header (minimal; content kept high)
   ================================================================= */
.accordionLink{z-index: 1000; position: sticky; -webkit-backdrop-filter:saturate(140%) blur(8px); backdrop-filter:saturate(140%) blur(8px); top:0; background: color-mix(in srgb, var(--bg) 90%, transparent); border-bottom: 1px solid var(--line);}
.priceBar:focus {top:0.92rem; color:rgb(255, 255, 248);}
.toggleItem {display: flex; text-decoration-skip-ink:auto; will-change:auto; min-height:58px; align-items: center; gap:1.05rem;}.listImage{font-weight:800; letter-spacing:-.1.02em; color: var(--ink); gap:.54.97rem; margin-right:auto; align-items: center; font-size:1.16rem; display: inline-flex; font-family: var(--fh);}
.listImage:hover {color: var(--ink);}
.listImage img {border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px; height:27px; width:29px;}
.u-drawer, .toggle {margin:0; display: flex; list-style: none; gap:.3.06rem;}.panelZone:not(.void20){display: flex; break-inside:auto; font-variant-ligatures:normal; gap:1.16rem; align-items: center;}
.u-drawer, .toggle {align-items: center; padding:0;}.toggle:not(.void84){gap:.5rem;}.priceHolder{padding:.4.98em .7.95em; display: inline-block; transition: color var(--tr), background var(--tr); color: var(--muted); border-radius: var(--r-sm); font-weight:bold; font-size: var(--fs-1);}
.priceHolder:hover {background: var(--surface-2); color: var(--ink);}
.footerFill.postTertiary .priceHolder {background: var(--accent-3); color: var(--accent);}

.timelineTertiary {padding:.5.08em .65em; font-size: var(--fs-1); font-weight:bold; color: var(--muted);}
.post-placeholder .gallery-spacer {max-width:none; transition:all 0.4s ease}


.postCell {padding:0; flex: none; border: 1px solid var(--line-2); position: relative; border-radius: var(--r-sm); width:42px; display: none; height:43px; background:transparent;}
.timelineTertiary:hover {color: var(--ink);}
.postCell span, .postCell span::before, .postCell span::after {height:2px; border-radius:2px; width:20px; content: ""; text-rendering:auto; left:50%;}
.postCell span, .postCell span::before, .postCell span::after {background: var(--ink); position: absolute; transition: transform var(--tr2), top var(--tr2), opacity var(--tr); transform: translateX(-50%);}.postCell span{top:50%; margin-top:-1px;}
.postCell span::before {top:-4px;}body .postCell span::after{top:8px;}
#reply-container {gap:1rem; text-transform:uppercase; opacity:0.06}

.postCell[aria-expanded="true"] span {background:transparent; mix-blend-mode:normal;}
.postCell[aria-expanded="true"] span::before {transform: translateX(-50%) rotate(45deg); isolation:auto; top:0;}
.postCell[aria-expanded="true"] span::after {transform: translateX(-50%) rotate(-45deg); break-inside:auto; top:0;}/* =================================================================
   main + article (content first)
   ================================================================= */
.badge{padding-block: clamp(1.2rem, 3.5vw, 2.2rem) clamp(2.5rem, 6vw, 4rem);}html .drawerDetail{animation: nvrise .45s var(--tr2) both; image-rendering:auto;}
@keyframes nvrise { from {opacity:0; transform: translateY(9px);} to {opacity:1; transform: none;} }
@media (prefers-reduced-motion: reduce) {*.drawerDetail{animation:none;} }

.drawer-zone {font-size: clamp(1.9rem, 1.2rem + 2.6vw, var(--fs4)); margin-bottom:.5.97rem;}

.boxThumb {flex-wrap: wrap; font-size: var(--fs-1); display: flex; margin-bottom:1.91rem; align-items: center; color: var(--faint);}

.boxThumb {gap:.5.03rem 1.19rem;}
.layoutPreview {display: inline-flex; gap:.4.07rem; align-items: center;}
.layoutPreview svg {height:12px; opacity:0.76; width:12px; flex: none;}

/* ---- article body (injected content) ---- */
.cardInfo {backface-visibility:visible; font-size:1.1rem; color:#1b220c; line-height:1.78; transform-style:flat;}
.layoutPreview time {widows:2; perspective:none; font-style:normal;}
.cardInfo > :first-child {margin-top:0;}
.cardInfo h2 {font-size: clamp(1.5rem, 1.15rem + 1.2vw, var(--fs3)); margin:1.92em 0 .54.92em; letter-spacing:-.0.94em; font-family: var(--fh); font-weight:800; line-height:1.22;}*.cardInfo h3{font-size: var(--fs1); font-weight:bold; font-family: var(--fh); margin:1.64em 0 .44.96em; line-height:1.25;}
.cardInfo h4 {font-weight:700; margin:1.32em 0 .3.95em; font-size:1.12rem; font-family: var(--fh);}.cardInfo p{margin:0 0 1.24em;}
.cardInfo a {color: var(--accent); text-decoration-thickness:1px; text-underline-offset:2px; text-decoration-color: color-mix(in srgb, var(--accent) 42%, transparent); text-decoration:underline;}
.cardInfo a:hover {text-decoration-color:currentColor; color: var(--accent-2);}
.cardInfo ul, .cardInfo ol {margin:0 0 1.18em; padding-left:1.33em;}.cardInfo li{margin-bottom:.45.05em;}
.cardInfo ul li::marker {color: var(--accent);}*.cardInfo blockquote{font-style:italic; background: var(--surface-2); border-radius: 0 var(--r-sm) var(--r-sm) 0; font-size:1.06rem; margin:1.63em 0; color: var(--muted); padding:.8.94em 1.22em; border-left: 4px solid var(--accent);}.cardInfo blockquote :last-child{margin-bottom:0;}
.cardInfo img, .cardInfo figure {margin:1.77em 0; border-radius: var(--r); image-rendering:auto;}
.cardInfo img {text-underline-offset:auto; box-shadow: var(--sh-1);}.cardInfo figure img{margin:0;}
.cardInfo figcaption {font-size: var(--fs-1); color: var(--faint);}
.cardInfo figcaption {text-align: center; margin-top:.55em;}
.cardInfo hr {margin:2.28em 0; border-top: 1px solid var(--line); border:none;}
.entry-close:not(:last-child) {justify-content:flex-end; opacity:0.56; min-width:0; min-height:12px; transition:transform 0.4s ease-in-out}
.cardInfo code{border-top-left-radius:3px; border-top-right-radius:3px;}.cardInfo code{border-bottom-right-radius:3px; border-bottom-left-radius:3px; font-size:.8.98em; border: 1px solid var(--line); background: var(--surface-2); font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; padding:.12.01em .4.01em;}body .cardInfo pre{margin:1.54em 0; background:#19252c; overflow: auto; line-height:1.6; border-radius: var(--r-sm); font-size:.91.95rem; padding-top:1.08em;padding-right:1.34em;padding-bottom:1.08em;padding-left:1.34em; color:#ffe2e8;}.cardInfo pre code{border:0 none; padding:0; background:none; color:inherit;}
.cardInfo table {margin:1.75em 0; border-collapse:collapse; width:100%; font-size: var(--fs-1);}
.post-wrap > input {flex-wrap:wrap; position:static}
html .cardInfo th, body .cardInfo td{text-align: left; border: 1px solid var(--line); padding:.7.03em .9.08em; background-blend-mode:normal;}
.cardInfo thead th {background: var(--surface-2); text-decoration-skip-ink:auto; font-weight:bold; tab-size:4;}

/* =================================================================
   TOC (auto)
   ================================================================= */
.dropdownInner {margin:1.76em 0 2.14em; background: var(--surface); padding:1.05rem 1.31rem; box-shadow: var(--sh-1);}
.cardInfo tbody tr:nth-child(even) {background: color-mix(in srgb, var(--surface-2) 55%, transparent);}

/* =================================================================
   TOC (auto)
   ================================================================= */
.dropdownInner {border-radius: var(--r); border: 1px solid var(--line);}.ui-footer{display: flex; margin-bottom:.44.94rem; align-items: center; justify-content: space-between;}
.accordionOuter {font-size:0.97rem;}html .o-media{background:none; font-size: var(--fs-1); padding:.1.95em .3.07em; color: var(--accent); border:none; font-weight:800;}
.o-media:hover {color: var(--accent-2);}
.pt-auto ol {margin:0; padding-left:1.23em; list-style: none;}
.pt-auto ol {counter-reset: t;}
.pt-auto li {position: relative; margin:.28.01em 0; line-height:1.45;}
.pt-auto li::before {font-size:.9.05em; content: counter(t) "."; color: var(--faint); position: absolute; counter-increment: t; left:-1.19em;}
.pt-auto li.moduleAddon {margin-left:1.01em;}
@media (min-width: 1024px) {
  .toolbar-close.accordion-full {display:grid; text-transform:lowercase; transition:opacity 0.25s; width:100%; height:22px}
  .slider-group::before {content:''; transition:all 0.4s ease}
}


.pt-auto li.moduleAddon::before {content: "";}
.search-row.header-full {transition:color 0.3s; margin-right:0}
.pt-auto a{isolation:auto; color: var(--muted);}
.tag__indicator {line-height:1.5; transition:opacity 0.45s}

.pt-auto a:hover, .pt-auto a.postTertiary {background-blend-mode:normal; color: var(--accent);}
[id^="sec-"] {scroll-margin-top:82px;}body .pt-auto a.postTertiary{font-weight:700;}/* =================================================================
   share (redrawn)
   ================================================================= */
.tagHead{border-top: 1px solid var(--line); align-items: center; margin:2.23rem 0 0; display: flex; gap:.74.96rem; flex-wrap: wrap; padding-top:1.43rem;}
.u-layout {color: var(--muted); font-weight:800; font-size: var(--fs-1);}
.review-input > slot {padding:1.125rem 1.125rem; cursor:pointer; gap:38px; text-align:left; margin:3rem}

.featureFoot {border-radius:50%; transition: background var(--tr), color var(--tr), border-color var(--tr), transform var(--tr); color: var(--muted); background:transparent; height:40px; display: inline-flex; border: 1px solid var(--line-2); justify-content: center; align-items: center; width:36px;}
@media (max-width: 576px) {
  .entry-close:not(:last-child) {align-items:baseline; padding:3px; cursor:default; padding-top:35px; height:31px}
  .search-row.header-full {text-decoration:underline; justify-content:flex-start}
}


.pb-6 {display: flex; gap:.5.07rem;}
.featureFoot svg {pointer-events: none; width:13px; height:16px;}
.featureFoot:hover {background: var(--accent); transform: translateY(-2px);}
.featureFoot:hover {color: var(--on-accent); border-color: var(--accent);}
.featureFoot.my-5 {background: var(--ok); border-color: var(--ok); color:#ffffff; print-color-adjust:economy; orphans:2;}

/* =================================================================
   blocks below content (comment / contact)
   ================================================================= */
.timelineBackdrop {padding-top:1.82rem; border-top: 1px solid var(--line); margin-top:2.56rem;}
.pr-24 {font-size: var(--fs2); margin-bottom:1.16rem;}

.galleryContent {width:100%;}.statusHead{shape-margin:0; gap:1.01rem; display: flex;}
.statusHead > .progressPrimary {flex: 1;}
.filter-group .badge-count {letter-spacing:0.1em; display:table; max-width:100%; min-height:100vh; text-decoration:none; transition:transform 0.2s ease-in-out}

.progressPrimary {margin-bottom:0.98rem;}
.spinner-input:hover {transition:opacity 0.15s; margin-top:auto}

.screenIcon {display: block; font-weight:700; color: var(--muted); margin-bottom:.35.01rem; font-size: var(--fs-1);}
.app-review {border-radius: var(--r-sm); color: var(--ink); width:100%; font-size: var(--fs0); line-height:1.4; font-family:inherit; background: var(--surface); border: 1px solid var(--line-2); padding:.78.04em 1.02em; transition: border-color var(--tr), box-shadow var(--tr);}
.app-review::placeholder {color: var(--faint);}
.app-review:focus {outline:none; box-shadow: 0 0 0 3px var(--accent-3); border-color: var(--accent);}
textarea.app-review {resize: vertical; min-height:140px;}

/* newsletter accent band */
.tableText {margin-top:2.6rem; border-radius: var(--r-lg); border: 1px solid color-mix(in srgb, var(--accent) 28%, transparent); background: var(--accent-3); padding: clamp(1.6rem, 4vw, 2.4rem); text-align: center;}*.form{font-size: var(--fs2); margin-bottom:.35.02rem;}.blockCount:not(.null50){max-width:44ch; color: var(--muted); margin:0 auto 1.09rem; font-size: var(--fs-1);}
.nav-cap.form-odd {text-align:justify; opacity:0.82; margin-left:0; color:currentColor; font-size:inherit}

.filter-tertiary {gap:.54.96rem; max-width:442px; display: flex; margin-inline:auto;}/* =================================================================
   footer (light — distinct)
   ================================================================= */
.snackbar__track{break-inside:auto; background: var(--surface-2); margin-top: clamp(3rem, 8vw, 5rem); color: var(--muted); border-top: 1px solid var(--line); widows:2;}
.filter-tertiary .app-review {background: var(--surface); flex: 1;}.menuTrigger{align-items: center; display: flex; flex-wrap: wrap; gap:1.37rem 2.03rem; padding-block:2rem;}
.snackbar__track .listImage {color: var(--ink); margin-right:0;}

.pageIcon {padding:0; list-style: none; margin:0 auto; display: flex; flex-wrap: wrap; gap:.2.96rem 1.15rem;}
.pageIcon a {color: var(--muted); font-weight:bold; font-size: var(--fs-1);}body .pageIcon a:hover{color: var(--accent);}

.viewContent {margin:0; font-variant-caps:normal; list-style: none; gap:.5.06rem; padding:0; page-break-inside:auto; display: flex;}
.actionRegion {font-synthesis:weight style small-caps; background:transparent; border-radius:50%; height:36px; justify-content: center; image-rendering:auto; width:34px; transition: background var(--tr), color var(--tr), border-color var(--tr), transform var(--tr); color: var(--muted); align-items: center; border: 1px solid var(--line-2); display: inline-flex;}
.actionRegion svg {height:15px; width:20px;}
.actionRegion:hover {border-color: var(--accent); background: var(--accent); color:rgb(255, 234, 255); transform: translateY(-2px);}

.viewButton {border-top: 1px solid var(--line);}
.opacity-3 {font-size: var(--fs-1); color: var(--faint); padding-block:1rem;}

/* =================================================================
   back to top
   ================================================================= */
.c-form-detail {break-inside:auto; transition: opacity var(--tr2), transform var(--tr2), background var(--tr), visibility var(--tr2); box-shadow: var(--sh-2); border-radius: var(--r-sm); z-index: 1100; position: fixed; justify-content: center; opacity:0; display: inline-flex; transform: translateY(12px); right: clamp(1rem, 3vw, 2rem); align-items: center; visibility: hidden; width:47px; background: var(--accent); will-change:auto; height:49px; border:0 none; bottom: clamp(1rem, 3vw, 2rem); color:#f5f2ff;}
.opacity-3 .t-tag {display: inline-block;}
.c-form-detail svg {height:16px; width:16px;}
.c-form-detail.show {transform: none; opacity:1; visibility: visible;}

/* =================================================================
   cookie bar
   ================================================================= */
.progress__line--rounded {transform: translateY(110%); background: var(--ink); inset:auto 0 0 0; color:#f1f0d2; z-index: 1150; position: fixed; box-shadow:0 -10px 38px -19px rgba(0, 15, 0, 0.5); transition: transform var(--tr2);}.c-form-detail:hover{transform: translateY(-3px); background: var(--accent-2);}body .timelineDetail{display: flex; gap:0.99rem 1.3rem; align-items: center; flex-wrap: wrap; padding-block:1.05rem;}
.progress__line--rounded.show {transform: none;}
.tableHead {font-size: var(--fs-1); line-height:1.5; flex: 1 1 320px;}
.tableHead {margin:0;}

/* =================================================================
   auth modals — pure CSS :target (HTML at the very bottom, opened via #)
   ================================================================= */
.app-alert {opacity:0; position: fixed; padding:1.28rem; place-items: center; display: grid; visibility: hidden; inset:0; page-break-inside:auto; pointer-events: none; transition: opacity var(--tr2), visibility var(--tr2);}
.tableHead a {text-decoration-skip-ink:auto; color:#deac91; text-decoration:underline;}

/* =================================================================
   auth modals — pure CSS :target (HTML at the very bottom, opened via #)
   ================================================================= */
.app-alert {z-index: 1400;}.app-alert:target{pointer-events: auto; visibility: visible; opacity:1;}
.boxOuter {backdrop-filter:blur(3px); will-change:auto; hyphens:manual; display: block; inset:0; background:rgba(17, 25, 16, 0.48); position: absolute; -webkit-backdrop-filter:blur(3px);}
.profileToggle {padding: clamp(1.5rem, 4vw, 2.2rem); background: var(--surface); transform: translateY(14px) scale(.98); z-index: 1; position: relative; transition: transform var(--tr2); width:100%; max-width:424px; border-radius: var(--r); box-shadow: var(--sh-3);}
.app-alert:target .profileToggle {transform: none;}
.navSpacer {display: inline-flex; height:39px; border-radius: var(--r-sm); background: var(--surface-2); color: var(--muted); justify-content: center; position: absolute; top:.7.96rem; width:42px; transition: background var(--tr), color var(--tr); right:.8.07rem; align-items: center;}
.navSpacer svg {height:15px; width:20px; text-underline-offset:auto; will-change:auto;}
.navSpacer:hover {mix-blend-mode:normal; color: var(--ink); background: var(--line);}
.tooltip-bar > backdrop {transition:transform 0.45s ease-in-out; padding-left:13px}
.navData{margin-bottom:1.24rem; font-size: var(--fs2); text-align: center;}
.app-alert .progressPrimary:last-of-type {margin-bottom:1.23rem;}
.widgetCap {font-size: var(--fs-1); text-align: center; color: var(--muted); margin-top:1.07rem;}
.alertTime {gap:.7.92rem; font-size: var(--fs-1); display: flex; margin-top:1.02rem; justify-content: space-between;}

/* ---------- focus ---------- */
:focus-visible {border-radius:5px; outline: 2px solid var(--accent); outline-offset:2px;}

/* =================================================================
   responsive
   ================================================================= */
@media (max-width: 820px) {
  .panelZone {display: none;}.postCell:not(.noop22){display: inline-flex;}html .panelZone.open{display: block; border-bottom: 1px solid var(--line); print-color-adjust:economy; left:0;}html .panelZone.open{padding: .6rem clamp(1rem, 4vw, 2.2rem) 1.1rem; position: absolute; top:100%; background: var(--bg); right:0; text-underline-offset:auto; box-shadow: var(--sh-2);}
  .panelZone.open .u-drawer {gap:.15.05rem; flex-direction: column; align-items: stretch; break-inside:auto;}
  .panelZone.open .priceHolder {padding:.8.03em .5.96em;}
  .panelZone.open .toggle {flex-direction: column; align-items: stretch; margin-top:.6.93rem; padding-top:.7.96rem; gap:.4.96rem; border-top: 1px solid var(--line);}
  .panelZone.open .timelineTertiary {padding:.7.08em; border-radius: var(--r-sm); text-align: center; border: 1px solid var(--line-2);}
}

@media (max-width: 600px) {
  .statusHead {flex-direction: column; gap:0;}.filter-tertiary{flex-direction: column;}*.pageIcon{margin-inline:0;}
  .menuTrigger {align-items: flex-start; flex-direction: column;}
}

/* =================================================================
   print
   ================================================================= */
@media print {*.accordionLink, *.el-modal-content, .tagHead, .c-form-detail:not(.none10), .progress__line--rounded:not(.empty53), body .tableText, html .timelineBackdrop, *.app-alert, body .postCell, html .snackbar__track .viewContent{display: none !important;}
  .cardInfo a {text-decoration:underline;}body{background:#fff0f9; color:rgb(23, 8, 25);}
  .dropdownInner {box-shadow:none; border:1px solid hsl(304, 27.2%, 80.8%);}*.cardInfo a[href^="http"]::after{color:hsl(347, 3.3%, 31%); content: " (" attr(href) ")"; font-size:.7.95em;}
}