/* Cornerpeg surfaces: calm Australian paper, precise working, glass controls.
   All visual treatment is screen-only so reports retain their print contract. */
@media screen {
  .property-site {
    --panel-paper: #fafbf5;
    --panel-tint: #eef2e7;
    --panel-edge: #d0d9c6;
    --panel-radius: 22px;
    --panel-shadow: 0 2px 4px #263c2b04, 0 12px 32px -20px #263c2b38;
    --glass-paper: #f6f8ef;
    --glass-dark: #344c40;
  }
  /* A consistent outer surface across calculators, the guide and workspace. */
  .property-site :is(.guide-result,.guide-property,.calc-form,.result-card,.plan,.chart-panel,.property-card,.comparison-insight,.walkthrough-offer) {
    border: 1px solid var(--panel-edge);
    border-radius: var(--panel-radius);
    box-shadow: inset 0 1px 0 #ffffffd9, var(--panel-shadow);
    background: var(--panel-paper);
    min-width: 0;
  }
  .property-site .guide-result {padding:28px;}
  .property-site .guide-properties,.property-site .guide-results {gap:24px;align-items:start;}
  .property-site .guide-property {padding:26px;background:linear-gradient(145deg,#faf9ef,#eeeadb);border-top-color:#beab85;}
  .property-site .guide-property:nth-child(2) {background:linear-gradient(145deg,#f9fbf3,#e6ecdf);border-top-color:#a3b797;}
  .property-site .guide-property:nth-child(3) {background:linear-gradient(145deg,#fcf8f0,#eee2d5);border-top-color:#c4a289;}
  .property-site .guide-property h3 {margin-bottom:24px;}
  .property-site .guide-property-number {color:#526349;}
  .property-site .guide-result h4 {font-size:25px;line-height:1.3;letter-spacing:-.035em;}
  .property-site .guide-result .guide-rate {font-size:11px;line-height:1.8;margin-top:12px;}
  .property-site .guide-result dl {margin:24px 0;}
  .property-site .guide-result dt {font-size:11px;line-height:1.7;}
  .property-site .guide-result dd {font-size:14px;font-variant-numeric:tabular-nums;}
  .property-site .guide-result dl>.guide-weekly {padding:18px 20px 20px;margin-top:8px;border:1px solid #dde5d4;border-radius:15px;background:linear-gradient(135deg,#eef3e7,#f7f7ed);}
  .property-site .guide-result .guide-weekly dd {font:400 clamp(30px,2.5vw,39px)/1.3 var(--serif);margin-top:9px;letter-spacing:-.04em;}
  .property-site .guide-result .guide-weekly small {letter-spacing:0;}
  .property-site .guide-result .working + .working {margin-top:10px;}
  .property-site .guide-inputs {margin-top:12px;padding-inline:20px;border:1px solid var(--panel-edge);border-radius:16px;background:var(--panel-paper);}
  .property-site .guide-inputs:last-of-type {border-bottom:1px solid var(--panel-edge);}
  .property-site .guide-inputs summary {padding-block:20px;line-height:1.7;}
  .property-site .guide-inputs[open] {padding-bottom:16px;}
  .property-site .guide-inputs p {margin-top:16px;line-height:1.85;}
  .property-site .guide-input-table {border-radius:10px;border:1px solid var(--panel-edge);background:#fffef9;padding:0 14px;}
  .property-site .guide-input-table:focus-visible {outline-offset:3px;}

  /* Calculation content stays solid. The same renderer gets the same layout. */
  .property-site details.working {
    background:var(--panel-paper);border:1px solid var(--panel-edge);border-radius:14px;
    padding:0;margin:0;min-width:0;box-shadow:0 2px 4px #263c2b03;
    overflow-wrap:anywhere;
  }
  .property-site details.working>summary {
    min-height:58px;padding:15px 17px;display:flex;align-items:center;gap:12px;
    border-radius:13px;list-style:none;cursor:pointer;color:#304e39;
    font:500 12px/1.65 var(--sans);transition:background-color .16s ease;
  }
  .property-site details.working>summary::-webkit-details-marker {display:none;}
  .property-site details.working>summary::before {
    /* A drawn chevron has no text to add to the disclosure's spoken name. */
    content:'';display:block;flex:0 0 8px;width:8px;height:8px;margin-inline:7px 9px;
    border:solid currentColor;border-width:0 1.5px 1.5px 0;border-radius:0;
    background:transparent;color:#3d5a3d;transform:rotate(-45deg);
    transition:transform .16s ease;
  }
  .property-site details.working>summary:hover {background:#edf2e6;color:#223e2b;}
  .property-site details.working[open]>summary {background:#edf2e6;border-bottom:1px solid var(--panel-edge);border-radius:13px 13px 0 0;}
  .property-site details.working[open]>summary::before {transform:rotate(45deg);}
  .property-site details.working>summary:focus-visible {outline-offset:3px;}
  .property-site .working-body {padding:20px;container:working / inline-size;}
  .property-site .working-section-heading {
    color:#56654c;font:500 10px/1.7 var(--sans);letter-spacing:.14em;
    margin:24px 0 12px;text-transform:uppercase;
  }
  .property-site .working-body>.working-section-heading:first-child {margin:0 0 13px;}
  .property-site .working-node {border:0;padding:0;min-width:0;}
  .property-site .working-node-head {display:grid;grid-template-columns:minmax(0,1fr);gap:7px;align-items:start;}
  .property-site .working-label {font:500 13px/1.65 var(--sans);color:#2d4934;}
  .property-site .working-value {display:block;font:500 17px/1.4 var(--sans);color:#2b4a34;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere;}
  .property-site .working-node[data-depth="0"]>.working-node-head>.working-value {font-size:23px;line-height:1.4;color:#2b4a34;letter-spacing:-.035em;}
  .property-site .working-formula {font:400 12px/1.9 var(--sans);color:#52614b;max-width:none;margin:9px 0 0;}
  .property-site .working-inputs {
    margin:16px 0 0;padding:7px 12px;background:#eef2e7;border:1px solid #dde5d4;
    border-radius:10px;font:400 12px/1.75 var(--sans);
  }
  .property-site .working-inputs>div {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px 16px;padding:9px 0;}
  .property-site .working-inputs>div+div {border-top:1px solid #d6dfcd;}
  .property-site .working-inputs .k {color:#52614b;min-width:0;overflow-wrap:anywhere;}
  .property-site .working-inputs .v {display:block;color:#29472f;text-align:right;font-weight:500;min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;}
  .property-site .working-rates {margin:14px 0 0;font:400 10px/1.9 var(--sans);letter-spacing:.025em;color:#59664f;}
  .property-site .working-children {display:grid;gap:12px;margin:19px 0 0;padding:0 0 0 11px;border-left:1px solid #c9d6be;}
  .property-site .working-children>.working-node {padding:15px;border:1px solid #dce3d4;border-radius:11px;background:#f2f5ed;}
  .property-site .working-children .working-children {padding-left:7px;margin-top:14px;}
  .property-site .working-children .working-children>.working-node {padding:12px;background:#fafbf5;}
  .property-site .working-children .working-children .working-children {padding-left:0;border-left:0;}
  .property-site .working-body .source-row {padding:14px 0;border-top:1px solid #d6dfcd;}
  .property-site .working-body .source-title {font:500 12px/1.8 var(--sans);color:#304e39;}
  .property-site .working-body .source-meta {font:400 11px/1.9 var(--sans);color:#52614b;margin-top:5px;overflow-wrap:anywhere;}
  .property-site #result-detail {gap:12px;}
  .property-site #candidate-detail:not(:empty) {background:var(--panel-paper);border:1px solid var(--panel-edge);border-radius:20px;padding:24px;box-shadow:var(--panel-shadow);}
  .property-site #candidate-detail .working + .working {margin-top:12px;}
  @container working (max-width:260px) {
    .property-site .working-inputs>div {grid-template-columns:minmax(0,1fr);gap:4px;}
    .property-site .working-inputs .v {text-align:left;}
    .property-site .working-children {padding-left:7px;}
    .property-site .working-children>.working-node {padding:12px;}
  }

  /* Other boxes share the edges and rhythm without changing their layouts. */
  .property-site .calc-form {padding:26px;}
  .property-site .result-card {padding:24px;}
  .property-site .result-card.is-primary {background:linear-gradient(145deg,#f3f7ea,#e4ebd9);border-color:#b8cba7;}
  .property-site .property-content .plan {border-radius:24px;}
  .property-site .property-content .plan:last-child {background:linear-gradient(145deg,#f3f7ea,#e4ebd9);}
  .property-site .property-content .calculator-links a {border-radius:16px;background:var(--panel-paper);border-color:var(--panel-edge);box-shadow:inset 0 1px 0 #fff,0 5px 16px -13px #243c3040;transition:background-color .16s ease,border-color .16s ease;}
  .property-site .property-content .calculator-links a:hover {background:#e9f0df;border-color:#91a77e;}
  .property-site .source-section {padding:28px;border:1px solid var(--panel-edge);border-radius:20px;background:var(--panel-paper);margin-top:24px;box-shadow:var(--panel-shadow);}
  .property-site .source-section .source-head {border-top:0;padding-top:0;}
  .property-site .source-section .source-row {padding-block:15px;}
  .property-site .source-section .source-meta {overflow-wrap:anywhere;}
  .property-site .notice {border-radius:13px;}
  .property-site .chart-panel,.property-site .comparison-insight {border-radius:20px;}
  .property-site .comparison-insight {background:linear-gradient(145deg,#f3f6eb,#e7eddf);}
  .property-site .property-card {border-radius:18px;}
  .property-site .property-card.is-reference {border-color:#90a77d;box-shadow:inset 0 0 0 1px #c1d1b2,var(--panel-shadow);}
  .property-site .property-figure {padding-block:13px;}
  .property-site .walkthrough-offer {background:linear-gradient(145deg,#fcfaf0,#eee7d3);padding:26px;}
  .property-site :is(.comparison-table-panel,.workspace-storage) {border:1px solid var(--panel-edge);border-radius:15px;padding:0 18px;background:var(--panel-paper);}
  .property-site :is(.comparison-table-panel,.workspace-storage)[open] {padding-bottom:18px;}
  .property-site .comparison-table-panel {margin-top:20px;}
  .property-site .state-section {border:1px solid #eff4df;border-radius:20px;box-shadow:inset 0 1px 0 #fff,0 16px 35px -23px #182b204d;}
  .property-site .working-demo {border-radius:19px;border-color:#f9fbf1;box-shadow:inset 0 1px 0 #fff,var(--panel-shadow);}
  .property-site .working-demo .formula {padding-block:20px;}

  /* A single glass layer for controls and dialogs; solid fallback comes first. */
  .property-site :is(.guide-controls,.metric-switch,.campaign-menu-body) {
    background:var(--glass-paper);border:1px solid #ffffffde;border-radius:18px;
    box-shadow:inset 0 1px 0 #fff,0 0 0 1px #b7c5a559,0 8px 20px -16px #273e2b59;
  }
  .property-site .guide-controls {border-radius:30px;}
  .property-site .guide-controls button[aria-pressed=true] {box-shadow:inset 0 1px 0 #ffffff30,0 3px 7px #1b34252b;}
  .property-site .metric-switch button {border-radius:13px;}
  .property-site .property-nav-cta {background:var(--glass-dark);border-color:#d6e4c780;box-shadow:inset 0 1px 0 #ffffff30,0 4px 14px -10px #08170f80;}
  .property-site dialog {background:#f8faf1;border:1px solid #ffffffd9;border-radius:24px;box-shadow:inset 0 1px 0 #fff,0 28px 90px #0c201b66;}
  /* Move the surface without fading its text through low-contrast states. */
  .property-site dialog[open] {animation:surface-dialog-enter .2s ease-out;}
  @keyframes surface-dialog-enter {from {transform:translateY(8px);} to {transform:translateY(0);}}
  .property-site dialog::backdrop {background:#12291e9c;backdrop-filter:none;}
  .property-site :is(.account-dialog,.identity-shell) {border-radius:24px;}
  @supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
    .property-site :is(.guide-controls,.metric-switch,.campaign-menu-body) {
      background:linear-gradient(135deg,#fffffff0,#f6f9eab8);
      -webkit-backdrop-filter:blur(16px) saturate(125%);backdrop-filter:blur(16px) saturate(125%);
    }
    .property-site .property-nav-cta {background:linear-gradient(140deg,#efffe421,#efffe409);-webkit-backdrop-filter:blur(16px) saturate(120%);backdrop-filter:blur(16px) saturate(120%);}
    .property-site dialog {background:linear-gradient(135deg,#fffffff5,#f4f7ebed);-webkit-backdrop-filter:blur(20px) saturate(120%);backdrop-filter:blur(20px) saturate(120%);}
  }
}
@media screen and (max-width:1050px) {
  .property-site .guide-result {padding:21px;}
  .property-site .guide-properties,.property-site .guide-results {gap:16px;}
  .property-site .guide-result dl>div {display:block;}
  .property-site .guide-result dd {margin-top:7px;}
  .property-site .working-body {padding:17px;}
}
@media screen and (max-width:700px) {
  .property-site {--panel-radius:19px;}
  .property-site .guide-result,.property-site .guide-property {padding:22px;}
  .property-site .guide-result dl>div {display:flex;}
  .property-site .guide-result dd {margin-top:0;}
  .property-site .guide-result dl>.guide-weekly {display:block;padding:18px;}
  .property-site .guide-result .guide-weekly dd {font-size:35px;margin-top:8px;}
  .property-site .guide-properties,.property-site .guide-results {gap:22px;}
  .property-site details.working>summary {padding:14px;gap:10px;font-size:12px;}
  .property-site .working-body {padding:17px;}
  .property-site .guide-inputs {padding-inline:15px;}
  .property-site :is(.calc-form,.result-card,.source-section) {padding:20px;}
  .property-site #candidate-detail:not(:empty) {padding:18px;}
  .property-site .walkthrough-offer {padding:21px;}
  .property-site .state-section {border-radius:17px;}
  .property-site :is(.comparison-table-panel,.workspace-storage) {padding-inline:13px;}
  .property-site .source-section .source-head h2 {overflow-wrap:anywhere;}
}
@media screen and (prefers-reduced-transparency:reduce), screen and (prefers-contrast:more) {
  .property-site :is(.guide-controls,.metric-switch,.campaign-menu-body,dialog) {background:#f8faf1;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#849675;}
  .property-site .property-nav-cta {background:#344c40;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#c6d7b5;}
}
@media screen and (prefers-reduced-motion:reduce) {
  .property-site dialog[open] {animation:none;}
  .property-site details.working>summary,.property-site details.working>summary::before,.property-site .calculator-links a {transition:none;}
}
@media screen and (forced-colors:active) {
  .property-site :is(.guide-result,.guide-property,.calc-form,.result-card,.plan,.chart-panel,.property-card,.comparison-insight,.working,.guide-inputs,.guide-controls,.metric-switch,.campaign-menu-body,dialog) {background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;}
  .property-site details.working>summary::before {color:ButtonText;}
  .property-site :is(.guide-controls,.metric-switch,.account-methods) button[aria-pressed=true],
  .property-site .property-select[aria-pressed=true] {
    background:Highlight;color:HighlightText;border-color:Highlight;
    outline:2px solid Highlight;outline-offset:-4px;
  }
}
