/* Eight presentation studies. The live default is unchanged until selection. */
.arthas-theme .analysis-styled{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0}
.arthas-theme .analysis-styled .hero-analysis-card{position:relative;min-width:0;padding:20px;border:1px solid #425b73;border-radius:8px;background:linear-gradient(145deg,#192a40,#111d2e);box-shadow:inset 0 1px 0 #c5e0ff12,0 8px 22px #02081433}
.arthas-theme .analysis-styled .hero-analysis-card h2{position:relative;display:flex;align-items:center;gap:11px;font:400 20px/1.3 'Russo One',sans-serif;letter-spacing:-.015em;margin:0 0 18px;color:#e4f0f8}
.arthas-theme .analysis-styled .hero-analysis-card .analysis-sign{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid #7190a7;border-radius:5px;background:#284155;color:#c5dfed;box-shadow:none;font:400 23px/1 'Golos Text',sans-serif}
.arthas-theme .analysis-styled .weaknesses .analysis-sign{border-color:#7d7f89;background:#303641;color:#d2d3db}
.arthas-theme .analysis-styled .hero-analysis-card ul{display:grid;list-style:none;margin:0;padding:0;gap:13px}
.arthas-theme .analysis-styled .hero-analysis-card li{position:relative;padding-top:12px;border-top:1px solid #7b8ea23d}
.arthas-theme .analysis-styled .hero-analysis-card li:first-child{border-top:0;padding-top:0}
.arthas-theme .analysis-styled .hero-analysis-card strong{display:block;font:700 14px/1.45 'Golos Text',sans-serif;color:#dcebf5}
.arthas-theme .analysis-styled .hero-analysis-card p{font:400 13px/1.55 'Golos Text',sans-serif;margin:6px 0 0;color:#a6bfd2}
.analysis-emblem{width:30px;height:30px}.analysis-watermark{position:absolute;right:16px;top:18px;width:130px;height:130px;opacity:.065;pointer-events:none}

/* 1: Separate steel headers, with colour confined to the headers. */
.arthas-theme .analysis-style-1{gap:22px}
.arthas-theme .analysis-style-1 .hero-analysis-card{padding:0 20px 20px;overflow:hidden}
.arthas-theme .analysis-style-1 .hero-analysis-card h2{margin:0 -20px 18px;padding:14px 20px;background:linear-gradient(110deg,#2d4b61,#1c3147);border-bottom:1px solid #7998ac66}
.arthas-theme .analysis-style-1 .weaknesses h2{background:linear-gradient(110deg,#3d414a,#252c38);border-bottom-color:#8d8f9b66}
.arthas-theme .analysis-style-1 .hero-analysis-card .analysis-sign{border-radius:50%;background:#0d1a2c44;border-color:#92b8ce}
.arthas-theme .analysis-style-1 .weaknesses .analysis-sign{border-color:#a0a1ab}

/* 2: One frame, split by a continuous central rule. */
.arthas-theme .analysis-style-2{gap:0;border:1px solid #526b83;border-radius:8px;background:#111e30;overflow:hidden}
.arthas-theme .analysis-style-2 .hero-analysis-card{border:0;border-radius:0;background:transparent;box-shadow:none;padding:24px}
.arthas-theme .analysis-style-2 .weaknesses{border-left:1px solid #6e869e80;background:#0c162766}
.arthas-theme .analysis-style-2 .hero-analysis-card h2{flex-direction:column;text-align:center;gap:12px;padding-bottom:19px;border-bottom:1px solid #7491a74d}
.arthas-theme .analysis-style-2 .hero-analysis-card .analysis-sign{width:46px;height:46px;border-radius:50%;font-size:34px;background:transparent;color:#c1e5fa}
.arthas-theme .analysis-style-2 .weaknesses .analysis-sign{color:#d0cfda;border-style:dashed}

/* 3: Icy blue and desaturated bronze edging, with neutral body surfaces. */
.arthas-theme .analysis-style-3{gap:24px}
.arthas-theme .analysis-style-3 .strengths{border-left:3px solid #83c7dd;border-top-color:#6b94aa}
.arthas-theme .analysis-style-3 .weaknesses{border-left:3px solid #b29780;border-top-color:#827b75}
.arthas-theme .analysis-style-3 .strengths h2{color:#c4e8f5}.arthas-theme .analysis-style-3 .weaknesses h2{color:#dfd0c1}
.arthas-theme .analysis-style-3 .hero-analysis-card .analysis-sign{width:35px;height:38px;border:0;border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#294c5e;color:#c3edff}
.arthas-theme .analysis-style-3 .weaknesses .analysis-sign{background:#4a4039;color:#e2cbb7}

/* 4: A strong shield and a fractured shield provide the distinction. */
.arthas-theme .analysis-style-4{gap:24px}
.arthas-theme .analysis-style-4 .hero-analysis-card{padding:22px;overflow:hidden}
.arthas-theme .analysis-style-4 .hero-analysis-card h2{gap:14px;min-height:56px;margin-bottom:15px}
.arthas-theme .analysis-style-4 .hero-analysis-card .analysis-sign{width:52px;height:56px;background:#203b50;border-color:#7aafc6;border-radius:7px;color:#b1dff2}
.arthas-theme .analysis-style-4 .weaknesses .analysis-sign{background:#2b3041;border-color:#86899e;color:#c4c7dc}
.arthas-theme .analysis-style-4 .strengths .analysis-watermark{color:#8bd8f6}.arthas-theme .analysis-style-4 .weaknesses .analysis-watermark{color:#c1bed6}
.arthas-theme .analysis-style-4 .hero-analysis-card ul{position:relative}

/* 5: Faceted corner tabs and opposing edge marks. */
.arthas-theme .analysis-style-5{gap:24px}
.arthas-theme .analysis-style-5 .hero-analysis-card{border-radius:0;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));padding:24px 22px;border-top:3px solid #82b7ca}
.arthas-theme .analysis-style-5 .weaknesses{border-top-color:#9c99b3}
.arthas-theme .analysis-style-5 .hero-analysis-card h2{padding-bottom:16px;border-bottom:1px solid #6f8f9e80}
.arthas-theme .analysis-style-5 .weaknesses h2{border-bottom-color:#8f88a080}
.arthas-theme .analysis-style-5 .hero-analysis-card .analysis-sign{border-radius:0;background:transparent;border:0;border-left:2px solid #87c3d7;border-bottom:2px solid #87c3d7;color:#c0e5ef}
.arthas-theme .analysis-style-5 .weaknesses .analysis-sign{border-left:0;border-bottom:2px solid #aaa5c3;border-right:2px solid #aaa5c3;color:#d0cce2}

/* 6: Each thought gets its own row, rather than a large filled card. */
.arthas-theme .analysis-style-6{gap:26px}
.arthas-theme .analysis-style-6 .hero-analysis-card{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.arthas-theme .analysis-style-6 .hero-analysis-card h2{margin-bottom:13px;padding-bottom:13px;border-bottom:2px solid #789db4}
.arthas-theme .analysis-style-6 .weaknesses h2{border-bottom-color:#93909f}
.arthas-theme .analysis-style-6 .hero-analysis-card .analysis-sign{border:0;background:transparent;font-size:30px;color:#bbdfef}
.arthas-theme .analysis-style-6 .weaknesses .analysis-sign{color:#c8c6d2}
.arthas-theme .analysis-style-6 .hero-analysis-card ul{gap:9px}
.arthas-theme .analysis-style-6 .hero-analysis-card li,.arthas-theme .analysis-style-6 .hero-analysis-card li:first-child{padding:13px 15px 13px 35px;border:1px solid #3f5b72;border-radius:5px;background:#142438e8}
.arthas-theme .analysis-style-6 .weaknesses li,.arthas-theme .analysis-style-6 .weaknesses li:first-child{border-color:#565365;background:#1b2436e8}
.arthas-theme .analysis-style-6 li::before{content:'+';position:absolute;top:13px;left:13px;color:#a7d8eb;font-size:17px;line-height:20px}.arthas-theme .analysis-style-6 .weaknesses li::before{content:'-';color:#c0bbd0}

/* 7: Full-width sections stacked vertically, with two-column lists. */
.arthas-theme .analysis-style-7{grid-template-columns:minmax(0,1fr);gap:20px}
.arthas-theme .analysis-style-7 .hero-analysis-card{padding:22px 24px}
.arthas-theme .analysis-style-7 .hero-analysis-card h2{font-size:23px;border-bottom:1px solid #69839980;padding-bottom:16px;margin-bottom:18px}
.arthas-theme .analysis-style-7 .hero-analysis-card .analysis-sign{border-radius:50%;width:38px;height:38px;font-size:29px;background:transparent}
.arthas-theme .analysis-style-7 .hero-analysis-card ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}
.arthas-theme .analysis-style-7 .hero-analysis-card li,.arthas-theme .analysis-style-7 .hero-analysis-card li:first-child{border:0;padding:0 0 0 12px;border-left:2px solid #698ca3}
.arthas-theme .analysis-style-7 .weaknesses li,.arthas-theme .analysis-style-7 .weaknesses li:first-child{border-left-color:#8c889b}

/* 8: Raised vs inset surfaces, using light and border pattern. */
.hero-analysis.analysis-style-8{gap:28px}
.hero-analysis.analysis-style-8 .strengths{border-color:#a4bacb #50667c #283e55 #70899f;background:linear-gradient(145deg,#24384d,#152438 70%);box-shadow:inset 0 2px 0 #d9ecf21a,0 14px 28px #02081480}
.hero-analysis.analysis-style-8 .weaknesses{border:1px dashed #7e8397;background:#0d1828;box-shadow:inset 0 5px 18px #020814b3}
.hero-analysis.analysis-style-8 .hero-analysis-card .analysis-sign{border-radius:50%;background:transparent;color:#e0edf5;border-color:#b7cedd}
.hero-analysis.analysis-style-8 .weaknesses .analysis-sign{border-style:dashed;color:#b8c0d0;border-color:#818a9e}
.hero-analysis.analysis-style-8 .weaknesses li{border-top-style:dashed}

@media(max-width:650px){.arthas-theme .analysis-styled{grid-template-columns:minmax(0,1fr);gap:18px}.arthas-theme .analysis-style-2 .weaknesses{border-left:0;border-top:1px solid #6e869e80}.arthas-theme .analysis-style-7 .hero-analysis-card ul{grid-template-columns:minmax(0,1fr)}.arthas-theme .analysis-styled .hero-analysis-card h2{font-size:19px}}

@media(max-width:650px){.hero-analysis.analysis-style-8{grid-template-columns:minmax(0,1fr);gap:18px}.hero-analysis.analysis-style-8 .hero-analysis-card h2{font-size:19px}}