/* Service pricing calculator. Layout, fields, results panel and comparison cards come from the theme's tools.css, as on the ROI calculator; these rules cover what is specific to pricing. */
#pricing-results{padding:26px 28px}
.pc-layout .pc-wide{grid-column:1/-1}
.pc-layout [data-labor]{margin-top:22px}
.pc-layout p[data-labor]{margin-top:18px}
.pc-sub{display:block;font:400 .72rem/1.4 var(--font-body);color:var(--muted);margin-top:3px;letter-spacing:0}
.metric-grid dd .pc-sub{font-size:.72rem}
.pc-section{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.pc-section h3{font-size:1rem;margin-bottom:10px}
.pc-section>p{font-size:.85rem;color:var(--muted);margin:12px 0 0;line-height:1.6}
.pc-section>p strong{color:var(--ink);font-family:var(--font-data);font-weight:500}
.pc-section .tool-table th[scope=row]{font-weight:600}
.pc-info{background:#edf4f0;border-left:3px solid var(--teal);padding:12px 14px;font-size:.85rem;margin:16px 0}
.pc-origin{font-size:.78rem;color:var(--muted);margin:6px 0 0;line-height:1.5}
.pc-compare .sectionhead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.pc-optional summary{font-size:.95rem}
.pc-optional summary small{display:block;font-weight:400;color:var(--teal);font-size:.77rem;margin-top:4px}
.pc-optional summary small:empty{display:none}
.pc-optional .note{margin:2px 0 18px}
.pc-help{margin-top:18px;border-top:1px solid var(--line)}
.pc-help summary{color:var(--teal)}
.pc-help p{color:var(--muted);line-height:1.6;margin:8px 0 0}
.pc-more{margin-top:22px}
@media(max-width:1000px){#pricing-results{padding:22px}}
@media(max-width:380px){#pricing-results{padding:18px}.pc-section .tool-table th,.pc-section .tool-table td{padding:8px 5px}}
@media print{.nw-roi-start,.pc-compare .button{display:none!important}}
/* 1.32.1: the starter's own treatment, matching the theme's publishing.css, so the private editor (which does not load
   that stylesheet) lays it out as the public page does: full width above the form and results. */
.pc-layout>.nw-roi-start{grid-column:1/-1;padding:28px;background:#edf4f0;border:1px solid #bed1cb;border-radius:8px;margin-bottom:28px}
.pc-layout>.nw-roi-start h2{font-size:26px;margin:0 0 12px}
.pc-layout>.nw-roi-start p{font-size:16px;line-height:1.7}
.pc-layout>.nw-roi-start .nw-roi-buttons{display:flex;flex-wrap:wrap;gap:12px}
.pc-layout>.nw-roi-start button{padding:13px 18px;border:1px solid #a8bdb7;background:white;border-radius:5px;cursor:pointer;color:#22434a;font:inherit}
.pc-layout>.nw-roi-start button:first-child{background:#285c63;color:#fff}
@media(max-width:600px){.pc-layout>.nw-roi-start{padding:20px}}
/* R3: the "Save to my workspace" selection, shown only while account pricing saves are switched on. */
.pc-workspace{margin:18px 0 6px;padding:20px 22px;background:#edf4f0;border-left:3px solid var(--teal);border-radius:8px}
.pc-workspace h3{font-size:1.05rem;margin:0 0 10px}
.pc-workspace p{margin:0 0 10px;line-height:1.55;overflow-wrap:anywhere}
.pc-workspace .note{font-size:.82rem;color:var(--muted)}
.pc-workspace .pc-check{display:flex;gap:10px;align-items:flex-start;margin:0 0 10px;font-size:.92rem;line-height:1.5;overflow-wrap:anywhere}
.pc-workspace .pc-check input{margin-top:5px;flex:none}
.pc-workspace .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
#pricing-workspace-status:empty{display:none}
@media(max-width:380px){.pc-workspace{padding:16px}.pc-workspace .actions .button{width:100%}}

/* Match the public example/provenance note in the private pricing results. */
.pc-layout .nw-roi-basis{border-left:4px solid #9b593f;padding:14px 18px;background:#f5eee7;font-size:14px;line-height:1.7;margin-bottom:24px}
/* 1.32.2: inside the account page's own width the widget's nested .wrap would inset it again; line it up with the plan card. */
#nw-pricing-editor .wrap{width:100%}