/* Calgary property tax calculator. Scoped so the Twenty Ten theme's #content rules don't override it. */
:is(#content,#wrapper,body) .cyyc-ptc{--c-bg:#f6f5f1;--c-card:#fff;--c-ink:#1d1d1b;--c-muted:#6b6a64;--c-line:#e4e2da;--c-city:#c8102e;--c-prov:#2b5c8a;--c-good:#2e7d4f;--c-soft:#fbeaec;container-type:inline-size;width:100%;max-width:100%;margin:0 0 1.5em;color:var(--c-ink);font-size:16px;line-height:1.5;text-align:left}
:is(#content,#wrapper,body) .cyyc-ptc *,:is(#content,#wrapper,body) .cyyc-ptc *::before,:is(#content,#wrapper,body) .cyyc-ptc *::after{box-sizing:border-box}
:is(#content,#wrapper,body) .cyyc-ptc p,:is(#content,#wrapper,body) .cyyc-ptc h3,:is(#content,#wrapper,body) .cyyc-ptc h4{margin:0;padding:0}
:is(#content,#wrapper,body) .cyyc-ptc .cy-head{margin:0 0 14px}
:is(#content,#wrapper,body) .cyyc-ptc .cy-title{font-size:1.35em;font-weight:700;line-height:1.25;margin:0 0 4px;color:var(--c-ink)}
:is(#content,#wrapper,body) .cyyc-ptc .cy-sub{color:var(--c-muted);font-size:.95em}
:is(#content,#wrapper,body) .cyyc-ptc .cy-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@container (min-width:700px){:is(#content,#wrapper,body) .cyyc-ptc .cy-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}:is(#content,#wrapper,body) .cyyc-ptc .cy-full{grid-column:1/-1}}
:is(#content,#wrapper,body) .cyyc-ptc .cy-card{background:var(--c-card);border:1px solid var(--c-line);border-radius:12px;padding:16px 16px}
:is(#content,#wrapper,body) .cyyc-ptc .cy-h{font-size:.85em;font-weight:600;color:var(--c-muted);margin:0 0 12px;text-transform:none;letter-spacing:0}
:is(#content,#wrapper,body) .cyyc-ptc label.cy-lab{display:block;font-size:.88em;font-weight:600;margin:14px 0 6px;color:var(--c-ink)}
:is(#content,#wrapper,body) .cyyc-ptc label.cy-lab.cy-first{margin-top:0}
:is(#content,#wrapper,body) .cyyc-ptc .cy-row{display:flex;align-items:center;gap:10px}
:is(#content,#wrapper,body) .cyyc-ptc input[type=range]{flex:1;min-width:0;width:auto;margin:0;padding:0;border:0;background:transparent;box-shadow:none;accent-color:var(--c-city);height:24px}
:is(#content,#wrapper,body) .cyyc-ptc .cy-val{min-width:58px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums;font-size:.95em}
:is(#content,#wrapper,body) .cyyc-ptc .cy-money{position:relative}
:is(#content,#wrapper,body) .cyyc-ptc .cy-money span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--c-muted);pointer-events:none}
:is(#content,#wrapper,body) .cyyc-ptc input.cy-text{display:block;width:100%;max-width:100%;height:auto;margin:0;font:inherit;font-size:1.1em;font-weight:600;line-height:1.3;padding:9px 12px 9px 26px;border:1px solid var(--c-line);border-radius:8px;background:var(--c-bg);color:var(--c-ink);box-shadow:none}
:is(#content,#wrapper,body) .cyyc-ptc input.cy-text.cy-plain{padding-left:12px;font-size:.95em}
:is(#content,#wrapper,body) .cyyc-ptc input.cy-text:focus{outline:2px solid var(--c-city);outline-offset:1px}
:is(#content,#wrapper,body) .cyyc-ptc .cy-err{color:var(--c-city);font-size:.8em;min-height:1.2em;margin-top:4px}
:is(#content,#wrapper,body) .cyyc-ptc .cy-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
:is(#content,#wrapper,body) .cyyc-ptc button.cy-chip{-webkit-appearance:none;appearance:none;display:inline-block;width:auto;min-height:0;margin:0;font:inherit;font-size:.8em;font-weight:500;line-height:1.3;text-transform:none;letter-spacing:0;padding:5px 10px;border-radius:999px;border:1px solid var(--c-line);background:transparent;color:var(--c-ink);box-shadow:none;text-decoration:none;cursor:pointer}
:is(#content,#wrapper,body) .cyyc-ptc button.cy-chip:hover{border-color:var(--c-muted);background:transparent;color:var(--c-ink)}
:is(#content,#wrapper,body) .cyyc-ptc button.cy-chip.on{background:var(--c-city);border-color:var(--c-city);color:#fff}
:is(#content,#wrapper,body) .cyyc-ptc .cy-hint{font-size:.78em;color:var(--c-muted);margin-top:6px;line-height:1.45}
:is(#content,#wrapper,body) .cyyc-ptc .cy-big{font-size:2.1em;font-weight:700;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}
:is(#content,#wrapper,body) .cyyc-ptc .cy-big small{font-size:.45em;font-weight:500;color:var(--c-muted);letter-spacing:0}
:is(#content,#wrapper,body) .cyyc-ptc .cy-delta{font-size:.9em;margin-top:6px}
:is(#content,#wrapper,body) .cyyc-ptc .up{color:var(--c-city);font-weight:600}
:is(#content,#wrapper,body) .cyyc-ptc .down{color:var(--c-good);font-weight:600}
:is(#content,#wrapper,body) .cyyc-ptc table.cy-table{width:100%;max-width:100%;border-collapse:collapse;border:0;margin:14px 0 0;font-size:.88em;font-variant-numeric:tabular-nums;background:transparent;table-layout:auto}
:is(#content,#wrapper,body) .cyyc-ptc table.cy-table th,:is(#content,#wrapper,body) .cyyc-ptc table.cy-table td{padding:7px 4px;border:0;border-bottom:1px solid var(--c-line);text-align:right;background:transparent;color:var(--c-ink);vertical-align:middle}
:is(#content,#wrapper,body) .cyyc-ptc table.cy-table th:first-child,:is(#content,#wrapper,body) .cyyc-ptc table.cy-table td:first-child{text-align:left;padding-left:0}
:is(#content,#wrapper,body) .cyyc-ptc table.cy-table th{font-size:.85em;color:var(--c-muted);font-weight:600}
:is(#content,#wrapper,body) .cyyc-ptc table.cy-table tr.cy-tot td{font-weight:700;border-bottom:0}
:is(#content,#wrapper,body) .cyyc-ptc .cy-dot{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px}
:is(#content,#wrapper,body) .cyyc-ptc .cy-bars{margin-top:16px}
:is(#content,#wrapper,body) .cyyc-ptc .cy-bar{display:flex;align-items:center;gap:8px;margin:7px 0;font-size:.8em}
:is(#content,#wrapper,body) .cyyc-ptc .cy-bar b{width:34px;font-weight:600}
:is(#content,#wrapper,body) .cyyc-ptc .cy-track{flex:1;display:flex;height:20px;border-radius:5px;overflow:hidden;background:var(--c-bg)}
:is(#content,#wrapper,body) .cyyc-ptc .cy-seg{height:100%;transition:width .25s ease}
:is(#content,#wrapper,body) .cyyc-ptc .cy-bar .cy-t{min-width:62px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
:is(#content,#wrapper,body) .cyyc-ptc .cy-callout{background:var(--c-soft);border-radius:8px;padding:10px 12px;font-size:.85em;margin-top:12px;line-height:1.45}
:is(#content,#wrapper,body) .cyyc-ptc .cy-notes{font-size:.82em;color:var(--c-muted);line-height:1.5}
:is(#content,#wrapper,body) .cyyc-ptc .cy-notes p{margin:0 0 8px}
:is(#content,#wrapper,body) .cyyc-ptc .cy-notes a{color:var(--c-prov);text-decoration:underline}
:is(#content,#wrapper,body) .cyyc-ptc details summary{cursor:pointer;font-weight:600;color:var(--c-ink);margin:4px 0}
:is(#content,#wrapper,body) .cyyc-ptc .cy-rates{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:8px}
@container (min-width:420px){:is(#content,#wrapper,body) .cyyc-ptc .cy-rates{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@container (max-width:360px){:is(#content,#wrapper,body) .cyyc-ptc .cy-big{font-size:1.8em}:is(#content,#wrapper,body) .cyyc-ptc table.cy-table{font-size:.8em}:is(#content,#wrapper,body) .cyyc-ptc .cy-card{padding:14px 12px}}
:is(#content,#wrapper,body) .cyyc-ptc table.cy-table,:is(#content,#wrapper,body) .cyyc-ptc table.cy-table tr,:is(#content,#wrapper,body) .cyyc-ptc table.cy-table thead,:is(#content,#wrapper,body) .cyyc-ptc table.cy-table tbody{border:0;margin:0;background:transparent}
:is(#content,#wrapper,body) .cyyc-ptc table.cy-table{margin-top:14px}
:is(#content,#wrapper,body) .cyyc-ptc table.cy-table th,:is(#content,#wrapper,body) .cyyc-ptc table.cy-table td{line-height:1.4;border-top:0;font-family:inherit}
:is(#content,#wrapper,body) .cyyc-ptc table.cy-table tr.odd td,:is(#content,#wrapper,body) .cyyc-ptc table.cy-table tr:nth-child(odd) td{background:transparent}
:is(#content,#wrapper,body) .cyyc-ptc input.cy-text,:is(#content,#wrapper,body) .cyyc-ptc input[type=range]{line-height:1.3;font-family:inherit}
:is(#content,#wrapper,body) .cyyc-ptc input[type=range]{box-shadow:none;border:0;padding:0}
:is(#content,#wrapper,body) .cyyc-ptc p.cy-title,:is(#content,#wrapper,body) .cyyc-ptc p.cy-sub,:is(#content,#wrapper,body) .cyyc-ptc p.cy-h,:is(#content,#wrapper,body) .cyyc-ptc p.cy-hint{margin-bottom:0}
:is(#content,#wrapper,body) .cyyc-ptc p.cy-title{margin-bottom:4px}
:is(#content,#wrapper,body) .cyyc-ptc p.cy-h{margin-bottom:12px}
:is(#content,#wrapper,body) .cyyc-ptc p.cy-hint{margin-top:6px}
:is(#content,#wrapper,body) .cyyc-ptc .cy-notes p{margin:0 0 8px}
:is(#content,#wrapper,body) .cyyc-ptc .cy-notes a:link,:is(#content,#wrapper,body) .cyyc-ptc .cy-notes a:visited{color:#0066cc}
:is(#content,#wrapper,body) .cyyc-ptc section.cy-card{display:block;margin:0}