/* Public note pages — Louvre Light, shared with the homepage (index.html).
   Every rule is scoped to body.notes-public so the admin workspace keeps its own layout. */
@font-face{font-family:'Fraunces';font-style:normal;font-weight:300 600;font-display:swap;src:url(/assets/fonts/fraunces-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.notes-public{
  --noon:#ECE5D8;--after:#E8DCCA;--late:#E6D2BF;--dusk:#3D1E15;--night:#2B1510;--paper-hi:#F7F2EA;
  --ink:#2F1A10;--ink-2:#5A3A28;--ink-3:#5A3A28;--muted:#5A3A28;--rust:#7A3A1E;
  --on-dusk:#F3E4D6;--on-dusk-2:#D9BFA9;--rule:rgba(47,26,16,.2);--rule-dusk:rgba(243,228,214,.2);
  --line:rgba(47,26,16,.2);--bg:var(--noon);--surface:var(--paper-hi);--white:var(--paper-hi);
  --ease:cubic-bezier(.16,1,.3,1);--max:1320px;--gutter:clamp(16px,4vw,56px);
  --edge:max(var(--gutter),calc((100% - var(--max)) / 2 + var(--gutter)));
  background:var(--noon);color:var(--ink);line-break:strict;word-break:normal;hyphens:none;-webkit-font-smoothing:antialiased
}
.notes-public :focus-visible{outline:2px solid var(--rust);outline-offset:3px}
.notes-public a:hover{text-decoration:none}
.notes-public h1,.notes-public h2,.notes-public h3{font-weight:400;letter-spacing:-.02em;text-wrap:balance}
.notes-public em.accent{font-style:normal;font-weight:inherit;color:inherit;white-space:nowrap}

/* Buttons: square, like a door frame */
.notes-public button,.notes-public .button{min-height:46px;border-radius:0;padding:0 1.25rem;font-size:.86rem;font-weight:600;background:var(--ink);border-color:var(--ink);color:var(--noon);transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}
.notes-public button:hover,.notes-public .button:hover{background:var(--rust);border-color:var(--rust)}
.notes-public .image-open,.notes-public .image-open:hover{min-height:0;padding:0;border:0;border-radius:0;background:none}
.notes-public .secondary{background:transparent;border-color:var(--rule);color:var(--ink)}
.notes-public .secondary:hover{background:transparent;border-color:var(--ink);color:var(--ink)}

/* Section label in rust, no ornament */
.notes-public .eyebrow{display:flex;align-items:baseline;flex-wrap:wrap;gap:.75rem;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--rust);margin-bottom:1.25rem}

/* Header: the same bar as the homepage when condensed */
.notes-public .site-header{position:sticky;top:0;z-index:50;max-width:none;margin:0;min-height:68px;padding:10px var(--edge);border-bottom:0;box-shadow:0 1px 0 var(--rule);background:rgba(236,229,216,.9);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1)}
.notes-public .brand-wrap{line-height:1.1}
.notes-public .brand-name{font-size:1.5rem;font-weight:500;color:var(--ink)}
.notes-public .brand-sub{font-size:.6rem;font-weight:600;letter-spacing:.16em;color:var(--rust);margin-top:4px}
.notes-public .site-header nav{font-size:.88rem;gap:1.25rem}
.notes-public .site-header nav a{position:relative;display:inline-flex;align-items:center;min-height:40px;color:var(--ink)}
.notes-public .site-header nav a::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.notes-public .site-header nav a:hover::after{transform:scaleX(1)}
.notes-public .site-header nav>span{font-size:.7rem;font-weight:600;letter-spacing:.14em;color:var(--rust)}
.notes-public .site-header .note-contact-toggle{min-height:44px;padding:0 1.15rem;font-size:.84rem}

.notes-public main{max-width:none;padding:0 var(--edge)}

/* List page */
.notes-public .page-intro{padding:clamp(3.5rem,9vh,6.5rem) 0 clamp(2.5rem,5vw,3.5rem);border-bottom:1px solid var(--rule)}
.notes-public .page-intro h1{font-size:clamp(2.6rem,6.2vw,5.4rem);line-height:1.1;font-weight:500;letter-spacing:.02em}
.notes-public .lead{font-size:1.04rem;color:var(--ink-2);max-width:36rem;margin-top:1.5rem}
.notes-public .filters{align-items:end;gap:.75rem;margin-top:2rem;padding:0;border:0;border-radius:0;background:none}
.notes-public .filters label{font-size:.7rem;font-weight:600;letter-spacing:.1em;color:var(--rust)}
.notes-public .filters input,.notes-public .filters select{border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;padding:0 .1rem;min-height:46px;font-size:.95rem;letter-spacing:0;color:var(--ink)}
.notes-public .filters input:focus,.notes-public .filters select:focus{border-color:var(--rust);outline:none}
.notes-public .filters button{min-width:96px}
.notes-public .result-line{margin:2.25rem 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--ink);font-size:.7rem;font-weight:600;letter-spacing:.14em;color:var(--rust)}
/* Every card is the same size: one cover ratio at all widths, equal-height rows, text held to fixed line counts. */
.notes-public .cards{gap:clamp(2.75rem,6vh,4.5rem) clamp(12px,1.6vw,24px);margin-bottom:clamp(4rem,8vw,7rem);align-items:stretch;grid-auto-rows:1fr}
.notes-public .property-card{min-width:0}
.notes-public .property-card a{display:flex;flex-direction:column;height:100%}
.notes-public .cover{flex:none;aspect-ratio:3/2;border-radius:0;background:var(--after);color:var(--ink-2)}
.notes-public .property-card h2,.notes-public .card-summary{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.notes-public .property-card h2{-webkit-line-clamp:2;min-height:calc(2.4em + .8rem + 1px);margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--rule);transition:border-color .4s}
.notes-public .card-summary{-webkit-line-clamp:2}
.notes-public .property-card .text-link{align-self:flex-start;margin-top:auto;padding-top:.4rem}
.notes-public .tag{left:0;top:0;padding:.35rem .8rem;border-radius:0;background:var(--ink);font-size:.7rem;font-weight:600;letter-spacing:.1em;color:var(--noon)}
.notes-public .tag-rent{font-size:1.4rem}
.notes-public .property-card a:hover h2{border-color:var(--ink)}
/* Price and region share one line, the region after a hairline divider. */
.notes-public .card-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .8rem;margin-top:.6rem}
.notes-public .card-line .price{margin-top:0;flex:none}
.notes-public .card-meta{min-width:0;margin:0;padding-left:.8rem;border-left:1px solid var(--rule);font-size:.9rem;font-weight:600;letter-spacing:.02em;line-height:1.4;color:var(--rust)}
.notes-public .property-card h2{font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.2;letter-spacing:.005em}
.notes-public .price{margin-top:.6rem;font-weight:600;color:var(--ink)}
.notes-public .card-summary{color:var(--ink-2);font-size:.92rem;margin-top:.5rem}
.notes-public .text-link{position:relative;display:inline-flex;align-items:center;min-height:44px;margin-top:.4rem;padding:0;border:0;font-size:.86rem;font-weight:600}
.notes-public .text-link::after{content:"";position:absolute;left:0;right:0;bottom:9px;height:1px;background:currentColor;transform-origin:right;transition:transform .5s var(--ease)}
.notes-public .property-card a:hover .text-link::after{transform:scaleX(0)}
.notes-public .empty{border:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);border-radius:0;background:none;padding:clamp(3rem,7vw,5rem) 1.5rem}
.notes-public .empty .eyebrow{justify-content:center}
.notes-public .empty h2{font-size:clamp(1.6rem,3vw,2.2rem);color:var(--ink)}
.notes-public .empty p{color:var(--ink-2)}

/* Detail page */
.notes-public .note-intro{padding:clamp(1.75rem,4vw,3rem) 0 clamp(2rem,4vw,3rem)}
.notes-public .back{display:inline-flex;align-items:center;min-height:40px;padding:0 1rem;margin-bottom:clamp(1.75rem,4vw,2.75rem);border:1px solid var(--rule);border-radius:0;background:none;font-size:.8rem;font-weight:600;transition:border-color .3s}
.notes-public .back:hover{border-color:var(--ink)}
.notes-public .note-intro .eyebrow span{margin-left:.25rem;letter-spacing:.04em;text-transform:none;font-weight:500}
.notes-public .note-intro h1{font-size:clamp(2.1rem,4.6vw,4.2rem);line-height:1.14;font-weight:500;letter-spacing:.01em;max-width:17em}
.notes-public .note-deck{align-items:end;gap:2.5rem;margin-top:.25rem}
.notes-public .detail-price{font-family:var(--serif);font-size:clamp(1.4rem,2.4vw,1.9rem);color:var(--ink);text-align:right}
.notes-public .note-layout{grid-template-columns:minmax(0,1fr) 320px;gap:clamp(2.5rem,5vw,4.5rem);padding-bottom:clamp(3.5rem,7vw,6rem)}
.notes-public .facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem clamp(12px,1.6vw,24px);padding:0;margin-bottom:clamp(2rem,4vw,3rem);border:0;border-radius:0;background:none;overflow:visible}
.notes-public .facts>div{padding:.8rem 0 0;border-top:1px solid var(--ink);box-shadow:none}
.notes-public dt{font-size:.64rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--rust)}
.notes-public dd{margin-top:.35rem;font-size:1rem;font-weight:600;color:var(--ink)}
.notes-public .content-blocks{gap:clamp(1.75rem,3.5vw,2.5rem)}
.notes-public .text-block h2{font-size:clamp(1.5rem,2.6vw,2rem);font-weight:500}
.notes-public .text-block p{color:var(--ink-2)}
.notes-public .content-blocks img{border-radius:0}
.notes-public .image-open img{transition:opacity .4s var(--ease)}
.notes-public .image-open:hover img{opacity:.92}
.notes-public figcaption{font-size:.74rem;color:var(--ink-2)}
.notes-public .content-blocks video,.notes-public .video-frame{background:var(--night);border-radius:0}
.notes-public .sources{border-top:1px solid var(--ink)}
.notes-public .sources h2{font-size:1.4rem;font-weight:500}
.notes-public .sources a{display:inline-block;font-weight:600}
.notes-public .sources a:hover{color:var(--rust)}
.notes-public .sources small{color:var(--ink-2);font-weight:400}

/* Rich text: homepage colours only; structure matches the editor */
.notes-public .rich-content{color:var(--ink-2)}
.notes-public .rich-content h1,.notes-public .rich-content h2,.notes-public .rich-content h3{color:var(--ink)}
.notes-public .rich-content a{color:var(--rust);text-decoration-color:currentColor;text-decoration-thickness:1px}
.notes-public .rich-content blockquote{border-left:2px solid var(--ink);background:none;color:var(--ink-2);border-radius:0}
.notes-public .rich-content td,.notes-public .rich-content th{border-color:var(--rule)}
.notes-public .rich-content th{background:var(--after);color:var(--ink)}
.notes-public .rich-content hr{border:0;border-top:1px solid var(--rule)}

/* Aside: dusk, like the homepage contact section */
.notes-public .note-aside{top:92px;border:0;padding:1.75rem 1.5rem;border-radius:0;background:var(--dusk);color:var(--on-dusk);position:sticky}
.notes-public .note-aside .eyebrow{color:var(--on-dusk-2);margin-bottom:1rem}
.notes-public .note-aside h2{font-size:1.8rem;font-weight:500;color:var(--on-dusk);margin-bottom:.75rem}
.notes-public .note-aside p{color:var(--on-dusk-2);font-size:.86rem;margin-bottom:1.35rem}
.notes-public .note-aside button,.notes-public .note-aside .button{width:100%;min-height:46px;margin-bottom:.6rem;font-size:.84rem}
.notes-public .note-aside .copy-link{background:var(--on-dusk);border-color:var(--on-dusk);color:var(--ink)}
.notes-public .note-aside .copy-link:hover{background:#fff;border-color:#fff}
.notes-public .note-aside .secondary{background:transparent;border-color:var(--rule-dusk);color:var(--on-dusk)}
.notes-public .note-aside .secondary:hover{background:transparent;border-color:var(--on-dusk)}
.notes-public .note-aside .contact-qr-button{background:none;border:0;color:var(--on-dusk-2);text-decoration:underline;text-underline-offset:4px;margin-bottom:.25rem}
.notes-public .note-aside .contact-qr-button:hover{background:none;color:var(--on-dusk)}
.notes-public .note-aside .small{color:var(--on-dusk-2);font-size:.74rem;margin:.75rem 0 0}

/* Footer: night strip with the same compliance text */
.notes-public>footer{max-width:none;margin:0;padding:2rem var(--edge) 2.5rem;border:0;background:var(--night);color:var(--on-dusk-2);font-size:.76rem;line-height:1.9}

/* Dialogs */
.notes-public dialog{border:0;border-radius:0;background:var(--paper-hi);box-shadow:0 40px 80px -30px rgba(43,21,16,.55)}
.notes-public dialog[open]{animation:note-dialog-in .5s var(--ease)}
@keyframes note-dialog-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.notes-public dialog::backdrop{background:rgba(43,21,16,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.notes-public .note-contact{padding:1.75rem;background:var(--paper-hi)}
.notes-public .contact-heading h2{font-size:1.8rem;font-weight:500}
.notes-public .contact-heading button{min-height:44px;padding:0 1rem;font-size:.8rem}
.notes-public .note-contact>p{color:var(--ink-2)}
.notes-public .contact-codes img{border:1px solid var(--rule);border-radius:0;padding:6px;background:#fff}
.notes-public .contact-codes figcaption{font-size:.74rem;font-weight:600;color:var(--ink-2)}
.notes-public #lightbox{background:var(--night);color:var(--on-dusk);padding:14px}
.notes-public #lightbox p{color:var(--on-dusk-2)}
.notes-public .close-lightbox{min-height:40px;background:transparent;border-color:var(--rule-dusk);color:var(--on-dusk);font-size:.8rem}
.notes-public .close-lightbox:hover{background:transparent;border-color:var(--on-dusk)}
.notes-public .preview-bar{border-radius:0;background:var(--after);padding:.75rem 1.25rem;align-items:center}

/* Login */
.notes-public .login-panel{max-width:460px;margin:clamp(3rem,9vw,6rem) auto;padding:clamp(1.75rem,4vw,2.5rem) 0;border:0;border-top:1px solid var(--ink);border-radius:0;background:none}
.notes-public .login-panel h1{font-size:clamp(2.2rem,5vw,2.9rem);font-weight:500;letter-spacing:.02em}
.notes-public .login-panel .lead{margin-top:1rem;font-size:.98rem}
.notes-public .login-panel label{font-size:.72rem;font-weight:600;letter-spacing:.1em;color:var(--rust)}
.notes-public .login-panel input{border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:0 .1rem;background:transparent;font-size:.95rem;letter-spacing:0;color:var(--ink)}
.notes-public .login-panel input:focus{border-color:var(--rust);outline:none}

@media(max-width:900px){
  .notes-public .note-layout{grid-template-columns:minmax(0,1fr)}
  .notes-public .note-aside{position:relative;top:auto;max-width:none}
  .notes-public .detail-price{text-align:left;margin-top:1.25rem}
}
@media(max-width:560px){
  .notes-public .site-header{padding:8px var(--gutter);min-height:62px}
  .notes-public .brand-name{font-size:1.25rem}
  .notes-public .brand-sub{font-size:.52rem;letter-spacing:.12em}
  .notes-public .site-header .note-contact-toggle{min-height:42px;padding:0 .95rem;font-size:.8rem}
  .notes-public .page-intro h1{font-size:clamp(2.3rem,11vw,3rem)}
  .notes-public .filters button{flex:1}
  .notes-public .cards{grid-template-columns:1fr}
  .notes-public .note-intro .eyebrow span{margin:0;flex-basis:100%}
  .notes-public .facts{grid-template-columns:1fr 1fr}
  .notes-public>footer{padding:1.75rem var(--gutter) 2.25rem}
  .notes-public .note-contact{padding:1.35rem}
}
@media(prefers-reduced-motion:reduce){.notes-public dialog[open]{animation:none}}
.notes-public .note-intro h1,.notes-public .property-card h2,.notes-public .empty h2{text-wrap:pretty}
/* Chinese: never break inside a word; notes.js adds <wbr> at word boundaries. Long runs still wrap instead of overflowing. */
.notes-public{overflow-wrap:break-word}
html[lang="zh-Hans"] .notes-public,.notes-public [lang="zh-Hans"]{word-break:keep-all}
.notes-public [lang="en"]{word-break:normal;hyphens:none}
.notes-public .nw{white-space:nowrap}
.notes-public .notes-language{display:flex;align-items:center;gap:.3rem;white-space:nowrap}
.notes-public .notes-language a{justify-content:center;min-width:36px;min-height:44px;font-size:.8rem;font-weight:600}
.notes-public .notes-language a[aria-current]{text-decoration:underline;text-underline-offset:6px}
.notes-public .notes-language span{color:var(--rule)}
.notes-public .translation-notice{font-size:.78rem;color:var(--ink-2);margin:.75rem 0 1.25rem;max-width:42rem}
@media(max-width:560px){
  .notes-public .site-header{flex-wrap:wrap;gap:.25rem .75rem}
  .notes-public .site-header nav{margin-left:auto;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}
  .notes-public .site-header .note-contact-toggle{padding:0 .65rem}
  .notes-public .filters label:not(.search){flex:1 0 150px}
  .notes-public .filters button{flex:0 0 96px}
  html[lang="en"] .notes-public .login-panel h1{white-space:normal}
}