.pct-premium{--pct-accent:#0f766e;--pct-accent-dark:#115e59;--pct-soft:#f0fdfa;--pct-ink:#142033;--pct-muted:#667085;--pct-line:#dbe5e8;--pct-danger:#b42318;display:grid;gap:22px;color:var(--pct-ink)}
.tool-percentage-calculator-body .tool-shell{grid-template-columns:minmax(0,1fr)}.tool-percentage-calculator-body .tool-card{padding:0;border:0;background:transparent;box-shadow:none}
.pct-intro,.pct-template-section,.pct-card,.pct-feature-section{border:1px solid var(--pct-line);border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(18,38,63,.07)}
.pct-intro{display:flex;justify-content:space-between;gap:22px;padding:24px;background:linear-gradient(135deg,#ecfdfb,#fff 54%,#eef2ff)}.pct-intro h2{margin:3px 0 8px;font-size:clamp(1.35rem,2vw,2rem);line-height:1.18}.pct-intro p{max-width:820px;margin:0;color:var(--pct-muted);line-height:1.7}.pct-kicker,.pct-step-label{margin:0;color:var(--pct-accent);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.pct-intro-badges{display:flex;max-width:340px;flex-wrap:wrap;align-content:flex-start;justify-content:flex-end;gap:8px}.pct-intro-badges span{padding:8px 11px;border:1px solid #b9e4df;border-radius:999px;background:#fff;color:#155e58;font-size:.75rem;font-weight:800}
.pct-template-section{padding:20px}.pct-section-heading,.pct-card-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.pct-section-heading h3,.pct-card-heading h3{margin:3px 0 0;font-size:1.08rem}.pct-template-tools{display:flex;gap:8px}.pct-template-tools input,.pct-template-tools select{min-height:40px;border:1px solid #ccd8de;border-radius:10px;padding:0 11px;background:#fff;color:#27364a}.pct-template-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-top:16px}.pct-template-card{display:flex;min-width:0;min-height:184px;flex-direction:column;gap:7px;padding:14px;border:1px solid var(--pct-line);border-radius:16px;background:linear-gradient(160deg,#fff,#f8fbfc);color:inherit;text-align:left;cursor:pointer;transition:.2s ease}.pct-template-card:hover{transform:translateY(-2px);border-color:#97cbc6;box-shadow:0 10px 24px rgba(16,67,73,.1)}.pct-template-card.is-selected{border-color:var(--pct-accent);box-shadow:0 0 0 3px rgba(15,118,110,.11)}.pct-template-card[hidden]{display:none}.pct-template-top{display:flex;align-items:center;justify-content:space-between}.pct-template-top b{display:grid;width:44px;height:32px;place-items:center;border-radius:10px;background:#e7f7f5;color:#0d6a63;font-size:.74rem}.pct-template-top small{color:var(--pct-muted);font-size:.66rem}.pct-template-card>strong{font-size:.9rem;line-height:1.3}.pct-template-mini{display:block;padding:9px;border-radius:10px;background:#f2f5f8;color:#364152;font-size:.73rem;font-weight:750}.pct-template-card>small{color:var(--pct-muted);font-size:.69rem;line-height:1.5}
.pct-workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;align-items:start}.pct-editor-column{display:grid;min-width:0;gap:16px}.pct-card{padding:20px}.pct-toolbar-actions,.pct-primary-actions,.pct-section-actions,.pct-preset-row{display:flex;flex-wrap:wrap;gap:8px}.pct-muted-button,.pct-ghost-button,.pct-preset-row button{min-height:38px;border:1px solid var(--pct-line);border-radius:10px;padding:0 12px;background:#f7fafb;color:#334155;font-weight:750;cursor:pointer}.pct-ghost-button{background:#fff;color:#64748b}.pct-muted-button:disabled{opacity:.45;cursor:not-allowed}.pct-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.pct-core-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pct-wide-field{grid-column:span 3}.pct-control-grid label{display:flex;min-width:0;flex-direction:column;gap:6px;color:#475467;font-size:.75rem;font-weight:750}.pct-control-grid input,.pct-control-grid select{width:100%;min-width:0;min-height:44px;border:1px solid #cbd5dc;border-radius:10px;padding:0 11px;background:#fff;color:#172033;font-size:.91rem}.pct-input-unit{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid #cbd5dc;border-radius:10px;background:#fff;overflow:hidden}.pct-input-unit input{border:0;border-radius:0}.pct-input-unit i{padding:0 12px;color:#64748b;font-size:.73rem;font-style:normal}.pct-check-field{justify-content:center}.pct-check-field span{display:flex;align-items:center;gap:8px;min-height:44px}.pct-check-field input{width:auto;min-height:auto}.pct-primary-actions{margin-top:15px}.pct-message{min-height:22px;margin-top:9px;color:#166534;font-size:.78rem}.pct-message.is-error{color:var(--pct-danger)}
.pct-core-result{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:12px;margin-top:14px}.pct-core-result>div{padding:16px;border:1px solid var(--pct-line);border-radius:14px;background:var(--pct-soft)}.pct-core-result span,.pct-formula-box span{display:block;color:var(--pct-muted);font-size:.72rem}.pct-core-result strong{display:block;margin:7px 0;font-size:clamp(1.55rem,4vw,2.4rem);line-height:1}.pct-core-result small,.pct-formula-box small{display:block;color:#4b5565;line-height:1.55}.pct-formula-box code{display:block;margin:8px 0;padding:9px;border-radius:9px;background:#fff;color:#143849;white-space:normal}
.pct-feature-section{overflow:hidden}.pct-feature-section>summary{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:16px 18px;cursor:pointer;font-weight:800;list-style:none}.pct-feature-section>summary::-webkit-details-marker{display:none}.pct-feature-section>summary small{color:var(--pct-muted);font-size:.7rem;font-weight:600}.pct-feature-number{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#e7f7f5;color:#0f766e;font-size:.76rem}.pct-feature-body{padding:0 18px 18px;border-top:1px solid #edf2f4}.pct-feature-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:14px;margin-top:16px}.pct-context-preview{display:flex;min-height:145px;flex-direction:column;justify-content:center;gap:7px;padding:18px;border:1px solid #cfe3e1;border-radius:16px;background:linear-gradient(145deg,#eef9f8,#fff);text-align:center}.pct-context-preview span{color:var(--pct-muted);font-size:.78rem}.pct-context-preview strong{font-size:1.35rem}.pct-context-preview small{color:#596579;line-height:1.5}.pct-context-preview em{display:block;height:9px;border-radius:999px;background:#e2e8ef;overflow:hidden}.pct-context-preview em i{display:block;width:0;height:100%;border-radius:inherit;background:var(--pct-accent);transition:width .25s}.pct-breakdown-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.pct-breakdown-grid article{padding:12px;border:1px solid var(--pct-line);border-radius:12px;background:#f8fafb}.pct-breakdown-grid span{display:block;color:var(--pct-muted);font-size:.68rem}.pct-breakdown-grid strong{display:block;margin-top:5px;font-size:.9rem}.pct-preset-row{margin-top:12px}.pct-preset-row button:hover{border-color:var(--pct-accent);color:var(--pct-accent)}.pct-top-gap{margin-top:14px}.pct-compact-controls{grid-template-columns:minmax(180px,320px)}
.pct-marks-list,.pct-compound-list{display:grid;gap:9px;margin-top:14px}.pct-mark-row{display:grid;grid-template-columns:minmax(130px,1.3fr) repeat(3,minmax(90px,.7fr)) auto;gap:8px;align-items:end;padding:11px;border:1px solid var(--pct-line);border-radius:13px;background:#f8fafb}.pct-mark-row label,.pct-compound-row label{display:flex;flex-direction:column;gap:5px;color:#64748b;font-size:.68rem;font-weight:750}.pct-mark-row input,.pct-compound-row input{min-width:0;min-height:39px;border:1px solid #cbd5dc;border-radius:9px;padding:0 9px;background:#fff}.pct-remove-row{width:39px;height:39px;border:1px solid #eed1ce;border-radius:9px;background:#fff;color:#b42318;cursor:pointer}.pct-compound-row{display:grid;grid-template-columns:80px 1fr auto;gap:9px;align-items:end;padding:11px;border:1px solid var(--pct-line);border-radius:13px;background:#f8fafb}.pct-compound-row b{align-self:center;color:#475467;font-size:.78rem}.pct-compound-timeline{display:grid;gap:8px}.pct-compound-timeline article{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:10px;border-left:3px solid var(--pct-accent);border-radius:0 10px 10px 0;background:#f8fafb}.pct-compound-timeline i{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#e7f7f5;color:#0d6a63;font-size:.7rem;font-style:normal}.pct-compound-timeline span{color:#64748b;font-size:.72rem}.pct-compound-timeline strong{font-size:.82rem}
.pct-export-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px}.pct-file-button{display:grid;min-height:44px;place-items:center;border:1px solid var(--pct-line);border-radius:10px;background:#f8fafb;color:#334155;font-size:.82rem;font-weight:800;cursor:pointer}.pct-file-button input{display:none}.pct-export-preview{margin-top:14px;padding:15px;border:1px solid var(--pct-line);border-radius:13px;background:#f8fafb}.pct-export-preview p{margin:0;color:#526072;line-height:1.65;white-space:pre-wrap}
.pct-preview-column{position:sticky;top:88px}.pct-preview-card{overflow:hidden;border:1px solid #24364e;border-radius:22px;background:#101c2f;color:#fff;box-shadow:0 22px 44px rgba(12,25,45,.2)}.pct-preview-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid rgba(255,255,255,.1);font-size:.72rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.pct-preview-button{min-height:31px;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:0 9px;background:rgba(255,255,255,.07);color:#fff;cursor:pointer}.pct-preview-hero{padding:25px 18px;text-align:center;background:radial-gradient(circle at top,#175b58 0,#101c2f 70%)}.pct-preview-hero small{display:block;color:#b7d7d4}.pct-preview-hero strong{display:block;margin:8px 0 5px;font-size:2.6rem;line-height:1}.pct-preview-hero span{color:#d9e5eb;font-size:.78rem;line-height:1.5}.pct-preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.1)}.pct-preview-stats span{padding:12px 7px;background:#13233a;text-align:center;color:#aebed0;font-size:.63rem}.pct-preview-stats b{display:block;color:#fff;font-size:.82rem}.pct-preview-formula{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.pct-preview-formula span{display:block;color:#9fb0c2;font-size:.65rem}.pct-preview-formula code{display:block;margin-top:6px;color:#eaf3f6;white-space:normal}.pct-preview-list{display:grid;padding:10px 16px}.pct-preview-list p{display:flex;justify-content:space-between;gap:8px;margin:0;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.72rem}.pct-preview-list p:last-child{border-bottom:0}.pct-preview-list span{color:#aebed0}.pct-preview-note{padding:14px 16px;background:rgba(255,255,255,.04)}.pct-preview-note strong{font-size:.72rem}.pct-preview-note p{margin:5px 0 0;color:#aebed0;font-size:.68rem;line-height:1.55}
.pct-mobile-bar{display:none}.pct-dialog{width:min(800px,calc(100% - 24px));max-height:90vh;padding:0;border:0;border-radius:20px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.3)}.pct-dialog::backdrop{background:rgba(8,18,32,.7)}.pct-dialog-shell{padding:18px}.pct-dialog-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--pct-line)}.pct-dialog-head button{width:38px;height:38px;border:1px solid var(--pct-line);border-radius:50%;background:#fff;font-size:1.45rem;cursor:pointer}.pct-dialog-content{max-height:72vh;overflow:auto;padding:18px 3px}.pct-report{display:grid;gap:15px}.pct-report h2,.pct-report h3{margin:0}.pct-report p{margin:0;line-height:1.65}.pct-report table{width:100%;border-collapse:collapse;font-size:.8rem}.pct-report th,.pct-report td{padding:9px;border:1px solid var(--pct-line);text-align:left}.pct-report th{background:#f4f7f9}
@media(max-width:1180px){.pct-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pct-workspace{grid-template-columns:minmax(0,1fr) 320px}.pct-breakdown-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.pct-workspace{display:block}.pct-preview-column{display:none}.pct-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pct-mobile-bar{position:fixed;z-index:50;right:10px;bottom:10px;left:10px;display:grid;grid-template-columns:1fr 1fr auto auto;gap:7px;align-items:center;padding:9px 10px;border:1px solid #30425a;border-radius:15px;background:#101c2f;color:#fff;box-shadow:0 14px 35px rgba(0,0,0,.28)}.pct-mobile-bar small{display:block;color:#9fb0c2;font-size:.61rem}.pct-mobile-bar strong{display:block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.pct-mobile-bar button{min-height:38px;border:0;border-radius:9px;padding:0 11px;background:#e7f7f5;color:#115f5b;font-weight:800}.tool-percentage-calculator-body{padding-bottom:84px}}
@media(max-width:700px){.pct-intro{flex-direction:column;padding:18px}.pct-intro-badges{justify-content:flex-start}.pct-template-section,.pct-card{padding:16px}.pct-section-heading,.pct-card-heading{align-items:flex-start;flex-direction:column}.pct-template-tools{display:grid;width:100%;grid-template-columns:1fr 1fr}.pct-template-tools input,.pct-template-tools select{width:100%;min-width:0}.pct-template-grid{grid-template-columns:1fr}.pct-template-card{min-height:155px}.pct-toolbar-actions{width:100%}.pct-toolbar-actions>*{flex:1}.pct-control-grid,.pct-core-grid,.pct-feature-grid,.pct-core-result{grid-template-columns:1fr}.pct-wide-field{grid-column:auto}.pct-breakdown-grid{grid-template-columns:1fr 1fr}.pct-feature-section>summary{grid-template-columns:auto 1fr;padding:14px}.pct-feature-section>summary small{grid-column:2}.pct-feature-body{padding:0 14px 15px}.pct-mark-row{grid-template-columns:1fr 1fr}.pct-mark-row label:first-child{grid-column:1/-1}.pct-mark-row .pct-remove-row{justify-self:end}.pct-compound-row{grid-template-columns:52px 1fr auto}.pct-export-grid{grid-template-columns:1fr}.pct-mobile-bar span:nth-child(2){display:none}.pct-mobile-bar{grid-template-columns:1fr auto auto}.pct-dialog-shell{padding:13px}.pct-dialog-content{padding:14px 0}}
@media(max-width:440px){.pct-template-tools{grid-template-columns:1fr}.pct-breakdown-grid{grid-template-columns:1fr}.pct-mark-row{grid-template-columns:1fr}.pct-mark-row label:first-child{grid-column:auto}.pct-mark-row .pct-remove-row{justify-self:start}.pct-primary-actions>*{flex:1 1 45%}}
@media print{.site-header,.site-footer,.tool-heading,.pct-intro,.pct-template-section,.pct-primary-card,.pct-feature-section,.pct-mobile-bar,.privacy-note,.content-grid,.related-tools,.ad-slot{display:none!important}.tool-main,.tool-shell,.tool-primary,.tool-card,.pct-premium,.pct-workspace,.pct-preview-column{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}.pct-preview-card{color:#111!important;background:#fff!important;border:1px solid #bbb!important;box-shadow:none!important}.pct-preview-head button{display:none}.pct-preview-hero,.pct-preview-stats span{color:#111!important;background:#fff!important}.pct-preview-hero strong,.pct-preview-stats b,.pct-preview-formula code{color:#111!important}.pct-preview-hero small,.pct-preview-hero span,.pct-preview-stats span,.pct-preview-note p,.pct-preview-list span{color:#444!important}}