/* Scoped article styles. Load Playfair Display 400 and DM Sans 400/600/700 through the existing site font system. */

:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity { --navy:#383d71; --teal:#3bbba4; --link:#1f7a6a; --ink:#30323d; --muted:#636572; --cream:#faf9f7; --line:#e5e3df; font-family:"DM Sans",Arial,sans-serif; font-size:17px; line-height:1.75; color:var(--ink); background:var(--cream); overflow-wrap:break-word; }
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity *, :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity *::before, :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity *::after {box-sizing:border-box;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity a {color:var(--link);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;overflow-wrap:normal;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity a:hover {color:var(--navy);text-decoration-thickness:2px;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity a:focus-visible, :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity [tabindex]:focus-visible {outline:3px solid var(--navy);outline-offset:4px;border-radius:2px;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity h1, :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity h2, :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity h3 {font-family:"Playfair Display",Georgia,serif;font-weight:400;color:var(--navy);text-wrap:balance;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity h1 {font-size:54px;line-height:1.12;letter-spacing:-1.2px;margin:0 0 24px;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity h2 {font-size:35px;line-height:1.25;margin:0 0 20px;letter-spacing:-.35px;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity h3 {font-size:25px;line-height:1.35;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity p {margin:0 0 19px;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity strong {font-weight:600;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .article-hero {max-width:1180px;margin:0 auto;padding:56px 28px 52px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:58px;align-items:start;border-bottom:1px solid var(--line);}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .eyebrow {font-size:11px;letter-spacing:1.65px;font-weight:600;color:var(--link);text-transform:uppercase;margin:0 0 18px;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .byline {font-size:12px;color:var(--muted);margin:0 0 24px;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .intro-copy {border-left:2px solid var(--teal);padding-left:20px;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .intro-copy p {font-size:17px;line-height:1.75;margin-bottom:0;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity figure {margin:26px 0;break-inside:avoid;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity figure img {display:block;width:100%;height:auto;border-radius:8px;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity figcaption {font-size:12px;line-height:1.6;color:var(--muted);margin-top:11px;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity figcaption em {font-style:normal;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity figcaption a {color:var(--link);white-space:nowrap;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .article-hero figure {margin:0;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .article-hero figure img {width:100%;height:auto;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .wearing-photo {max-width:738px;margin:28px auto;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .article-body {max-width:68ch;padding:52px 0 70px;margin:0 auto;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .article-section {margin:0 0 46px;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .article-section:last-child {margin-bottom:0;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .gia-scale {margin:26px 0 28px;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .gia-scale img {background:#fff;border-radius:0;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .gia-scale figcaption {text-align:center;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .si1-comparison {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin:26px 0;break-inside:avoid;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .si1-case {min-width:0;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .si1-case h3 {margin:0 0 18px;font-size:24px;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .si1-comparison figure {margin:0 0 20px;min-width:0;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .si1-comparison img {border:1px solid var(--line);height:auto;object-fit:contain;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .si1-comparison figcaption {font-size:12px;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .table-region {margin:26px 0;max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:#fff;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity table {width:100%;border-collapse:collapse;font-size:14px;line-height:1.55;text-align:left;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity caption {font-weight:600;color:var(--navy);text-align:left;padding:14px 16px;background:#f2f6f4;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity th {font-weight:600;color:var(--navy);background:#edf4f1;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity th, :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity td {padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity tbody tr:last-child td, :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity tbody tr:last-child th {border-bottom:0;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity tbody th {background:transparent;width:23%;font-weight:600;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity tbody td:nth-child(2) {width:29%;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity table[data-columns="2"] tbody td:nth-child(2) {width:auto;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity tbody tr:nth-child(even) {background:#fdfcfb;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity ul, :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity ol {padding-left:24px;margin:18px 0 22px;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity li {padding-left:4px;margin-bottom:10px;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity li::marker {color:var(--link);}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .article-cta {background:var(--navy);color:#fff;border-radius:8px;padding:34px 36px;margin-top:48px;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .article-cta h2 {color:#fff;font-size:33px;margin-bottom:21px;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .article-cta a {color:#8fe4d4;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .article-cta a:focus-visible {outline-color:#8fe4d4;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .article-cta p {font-size:15px;line-height:1.75;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .article-cta > p:last-child {margin:22px 0 0;padding-top:20px;border-top:1px solid #686c96;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .article-cta > p:last-child a {font-weight:600;}
:where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .brand-line {font-family:"Playfair Display",Georgia,serif;color:var(--navy);font-size:23px;text-align:center;margin:36px 0 0;}
@media (max-width:850px) {
  :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .article-hero {grid-template-columns:1fr;gap:30px;max-width:740px;padding:36px 24px 36px;}
  :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .article-hero figure {max-width:550px;margin:0 auto;}
  :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .article-body {max-width:calc(100% - 48px);width:68ch;padding:38px 0 48px;}
  :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .gia-scale {margin-left:0;margin-right:0;}
}
@media (max-width:500px) {
  :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity {font-size:16px;line-height:1.75;}
  :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .article-hero {padding:32px 20px 30px;gap:28px;}
  :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity h1 {font-size:39px;line-height:1.14;letter-spacing:-.6px;margin-bottom:18px;}
  :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .byline {margin-bottom:20px;font-size:11px;}
  :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .intro-copy {padding-left:16px;}
  :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .intro-copy p {font-size:16px;}
  :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .article-body {max-width:calc(100% - 40px);padding-top:32px;}
  :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity h2 {font-size:29px;line-height:1.28;margin-bottom:18px;}
  :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .article-section {margin-bottom:34px;}
  :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity table {font-size:12.5px;line-height:1.5;}
  :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity th, :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity td {padding:10px 8px;overflow-wrap:anywhere;}
  :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity tbody th {width:23%;}
  :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity tbody td:nth-child(2) {width:30%;}
  :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity figcaption {font-size:11px;}
  :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .article-cta {padding:28px 22px;margin-top:34px;}
  :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .article-cta h2 {font-size:29px;}
  :where([data-article-upgrade="about-diamond-clarity"]) .annys-clarity .si1-comparison {grid-template-columns:1fr;gap:24px;}
}