/* Azura Living — the ownership block and the guide page.
   Generated by scripts/invest-css.mjs. Do not edit this file directly. */

/* --------------------------------------------------------------------------
   Shared shell
   -------------------------------------------------------------------------- */
.azura-invest{background:#FDF9EE;color:#2E2E2E;padding:96px 24px;
  font-family:"Inter","Inter Tight",system-ui,sans-serif;
  -webkit-hyphens:auto;hyphens:auto}
.azura-invest-guide{padding:112px 24px 96px}
.azura-invest-inner{max-width:760px;margin:0 auto}

.azura-invest h2,.azura-invest h3,.azura-invest-q,.azura-invest-title-anchor{
  scroll-margin-top:98px}

.azura-invest-eyebrow{display:block;font-size:.75rem;letter-spacing:.22em;
  text-transform:uppercase;color:#CFB010;margin:0 0 18px;font-weight:600}
.azura-invest h2{font-family:"The Seasons","Lora",Georgia,serif;font-weight:400;
  font-size:clamp(1.6rem,3.4vw,2.3rem);line-height:1.22;color:#2E2E2E;
  margin:56px 0 18px;letter-spacing:-.01em}
.azura-invest h2:first-of-type{margin-top:0}
.azura-invest h3{font-family:"Inter",system-ui,sans-serif;font-weight:600;
  font-size:1.0625rem;letter-spacing:.01em;color:#2E2E2E;margin:32px 0 12px}
.azura-invest p{font-size:1.0625rem;line-height:1.72;margin:0 0 20px;color:#3A3A3A}
.azura-invest strong{font-weight:600;color:#2E2E2E}
.azura-invest a{color:#2E2E2E;text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:#CFB010;text-decoration-thickness:2px}
.azura-invest a:hover{color:#000}
.azura-invest a:focus-visible,.azura-invest summary:focus-visible{
  outline:2px solid #CFB010;outline-offset:3px;border-radius:2px}

.azura-invest-figure{margin:48px 0}
.azura-invest-figure img{width:100%;height:auto;display:block;border-radius:2px}
.azura-invest-figure figcaption{font-size:.8125rem;color:#7A7466;margin-top:10px}

/* Every paragraph component names the element on purpose. The rule above sets
   the body size, colour and margin on ".azura-invest p", which is one class
   plus one element and therefore beats a class on its own — it was silently
   overriding the closing line and the legal note. */
.azura-invest p.azura-invest-close{margin:56px 0 20px;padding-top:28px;
  border-top:1px solid #E6E1D8;font-size:1.0625rem;color:#2E2E2E}
.azura-invest p.azura-invest-note{font-size:.875rem;line-height:1.6;color:#7A7466;
  margin:32px 0 0}

/* --------------------------------------------------------------------------
   Guide page head
   -------------------------------------------------------------------------- */
.azura-invest-crumbs{font-size:.8125rem;color:#7A7466;margin:0 0 28px}
.azura-invest-crumbs a{color:#7A7466;text-decoration:none}
.azura-invest-crumbs a:hover{color:#2E2E2E;text-decoration:underline}
.azura-invest-guide-h1{font-family:"The Seasons","Lora",Georgia,serif;font-weight:400;
  font-size:clamp(2rem,5vw,3.1rem);line-height:1.12;letter-spacing:-.015em;
  color:#2E2E2E;margin:0 0 22px}
.azura-invest p.azura-invest-guide-lede{font-size:1.25rem;line-height:1.6;color:#2E2E2E;
  margin:0 0 8px}

/* --------------------------------------------------------------------------
   On this page — the jump list. Twelve sections is too many to scroll blind;
   a reader who arrived on "can a foreigner buy" wants their own route.
   -------------------------------------------------------------------------- */
.azura-invest-toc{margin:44px 0 8px;padding:26px 28px;background:#F7F1E2;
  border-left:3px solid #CFB010}
.azura-invest p.azura-invest-toc-title{font-size:.75rem;letter-spacing:.2em;
  text-transform:uppercase;color:#7A7466;font-weight:600;margin:0 0 14px}
.azura-invest-toc ul{list-style:none;margin:0;padding:0;columns:2;column-gap:34px}
.azura-invest-toc li{break-inside:avoid;margin:0 0 9px;font-size:.9375rem;
  line-height:1.45}
.azura-invest-toc a{text-decoration:none;color:#3A3A3A;
  border-bottom:1px solid transparent;padding-bottom:1px}
.azura-invest-toc a:hover{color:#2E2E2E;border-bottom-color:#CFB010}

/* --------------------------------------------------------------------------
   Disclosure rows — the home page's long tail, one question per row.
   -------------------------------------------------------------------------- */
.azura-invest-q{border-top:1px solid #E6E1D8}
/* No bottom rule on the last row: the closing line below draws its own, and
   two hairlines 20px apart read as a mistake. */
.azura-invest-q:last-of-type{border-bottom:0}
.azura-invest .azura-invest-q + p.azura-invest-close{margin-top:0}
.azura-invest-q>summary{list-style:none;cursor:pointer;padding:22px 48px 22px 0;
  position:relative}
.azura-invest-q>summary::-webkit-details-marker{display:none}
.azura-invest-q>summary::after{content:"";position:absolute;right:10px;top:50%;
  width:9px;height:9px;margin-top:-8px;border-right:2px solid #CFB010;
  border-bottom:2px solid #CFB010;transform:rotate(45deg);
  transition:transform .18s ease}
.azura-invest-q[open]>summary::after{transform:rotate(-135deg);margin-top:-3px}
.azura-invest-q>summary h2{font-size:clamp(1.0625rem,1.9vw,1.3125rem);margin:0;
  line-height:1.35;display:inline-block;vertical-align:middle}
.azura-invest-q>summary:hover h2{color:#000}
.azura-invest-q-body{padding:0 0 14px}
.azura-invest-q-body>*:first-child{margin-top:0}
.azura-invest-q-body p:last-child{margin-bottom:0}
.azura-invest-q-body .azura-invest-figure{margin:28px 0 8px}
/* A row opened from a shared link should be obvious. */
.azura-invest-q:target>summary h2{color:#000}
.azura-invest-q:target{background:#F7F1E2}

/* --------------------------------------------------------------------------
   The two actions. The footer's own buttons are display:none site-wide, so
   without these the end of a 12-section page has nothing to click. Shapes and
   colours are the site's own pills, not a new button style.
   -------------------------------------------------------------------------- */
/* Every selector names the anchor on purpose. The body-link rule further up
   sets a dark ink colour and an underline, and a class-only button rule loses
   to it — which painted the dark button's label dark on dark. */
.azura-invest-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 36px}
.azura-invest a.azura-invest-btn{display:inline-flex;align-items:center;
  justify-content:center;min-height:52px;padding:15px 30px;border-radius:999px;
  font-size:.9375rem;font-weight:600;letter-spacing:.01em;text-decoration:none;
  transition:background .16s ease,color .16s ease}
.azura-invest a.azura-invest-btn-primary{background:#E8C84B;color:#1B1B1B}
.azura-invest a.azura-invest-btn-primary:hover{background:#D9B72F;color:#000}
.azura-invest a.azura-invest-btn-secondary{background:#1B1B1B;color:#FDF9EE}
.azura-invest a.azura-invest-btn-secondary:hover{background:#000;color:#fff}

/* --------------------------------------------------------------------------
   Home page hero. The eyebrow carries the keyphrase above the client's own
   display line, so both survive; it must never run into it. Colours are
   inherited from the hero widget, because the hero sits on video and its text
   is white.
   -------------------------------------------------------------------------- */
.azura-invest-h1-eyebrow{display:block;font-family:"Inter","Inter Tight",system-ui,sans-serif;
  font-size:clamp(.7rem,1vw,.8125rem);letter-spacing:.22em;text-transform:uppercase;
  font-weight:600;color:#E8C84B;line-height:1.35;margin:0 0 20px}
.azura-invest-h1-main{display:block}
.azura-invest-hero-lede{color:inherit;font-size:clamp(1rem,1.3vw,1.1875rem);
  line-height:1.55;margin:0 0 10px;max-width:46ch}
.azura-invest-hero-sub{color:inherit;margin:0;opacity:.85}
/* Semantics only: this heading must look exactly like the text widget it
   replaced, so every inherited heading style is reset. */
.azura-invest-h2v{font:inherit;color:inherit;letter-spacing:inherit;
  line-height:inherit;text-transform:inherit;margin:0;padding:0;display:inline}

/* --------------------------------------------------------------------------
   Anything the client's own page owns still has to clear the fixed header
   when a cross-page link points at it.
   -------------------------------------------------------------------------- */
#calculator{scroll-margin-top:98px}

@media (max-width:768px){
  .azura-invest{padding:64px 20px}
  .azura-invest-guide{padding:80px 20px 64px}
  .azura-invest h2{margin:44px 0 14px}
  .azura-invest p{font-size:1rem;line-height:1.7}
  .azura-invest p.azura-invest-guide-lede{font-size:1.125rem}
  .azura-invest-toc{padding:22px 20px;margin:36px 0 8px}
  .azura-invest-toc ul{columns:1}
  .azura-invest-toc li{margin-bottom:12px}
  .azura-invest-actions{flex-direction:column;align-items:stretch}
}

@media (prefers-reduced-motion:reduce){
  .azura-invest-q>summary::after,.azura-invest-btn{transition:none}
}

@media print{
  .azura-invest-q-body{display:block!important}
  .azura-invest-q>summary::after,.azura-invest-actions,.azura-invest-toc{display:none}
}