/*
WPVibe: yes
Theme Name: Tech Tycoon Tools
Theme URI: https://techtycoon.net/
Author: Tech Tycoon
Description: A fast, expandable browser-based spreadsheet toolkit with dedicated tool and guide pages.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: techtycoon-tools
*/
:root{--ink:#17243d;--muted:#55657b;--blue:#155eef;--navy:#102b58;--line:#dce3ed;--soft:#f3f6fb;--white:#fff;--radius:14px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid #ffbc42;outline-offset:3px}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:20px;top:-100px;background:#fff;padding:10px;z-index:5}.skip:focus{top:10px}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;font-size:1.25rem;letter-spacing:-.04em}.brand:hover{text-decoration:none}.mark{background:var(--navy);color:#fff;border-radius:8px;padding:4px 9px;font-size:1rem;letter-spacing:-.1em}.nav{display:flex;gap:24px;flex-wrap:wrap}.nav a{color:var(--ink);font-size:.94rem;font-weight:600}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center;padding:52px 0 42px}.eyebrow{font-size:.8rem;font-weight:750;text-transform:uppercase;letter-spacing:.1em;color:var(--blue)}h1{font-size:clamp(2rem,4.6vw,3.6rem);line-height:1.1;letter-spacing:-.045em;margin:14px 0 20px;font-weight:800}h2{font-size:1.75rem;line-height:1.25;letter-spacing:-.03em}h3{line-height:1.35;font-size:1.13rem}.lead{font-size:1.15rem;color:var(--muted);max-width:650px}.hero-panel{padding:26px;background:var(--navy);color:#fff;border-radius:var(--radius)}.hero-panel p{color:#d9e5fa;margin:0 0 16px}.hero-panel .eyebrow{color:#abc7ff}.mini-table{display:grid;grid-template-columns:1fr 1fr 1fr;font-size:.84rem;gap:1px;background:#48618a;border:1px solid #48618a;border-radius:7px;overflow:hidden}.mini-table span{padding:10px;background:#183969}.mini-table .highlight{background:#274f8b;color:#ffe59e}.hero-panel small{display:block;margin-top:13px;color:#d9e5fa}.section{padding:32px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.section-heading h2{margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-card{display:block;border:1px solid var(--line);border-radius:var(--radius);padding:24px;color:var(--ink);transition:box-shadow .15s,border-color .15s}.tool-card:hover{border-color:var(--blue);box-shadow:0 8px 22px #17243d0b;text-decoration:none}.tool-card .icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:9px;background:#eaf1ff;color:#155eef;font-weight:800;font-size:1rem}.tool-card h3{margin:16px 0 8px}.tool-card p{color:var(--muted);font-size:.95rem;margin:0 0 18px}.card-link{color:var(--blue);font-size:.88rem;font-weight:700}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:25px 0;border-top:1px solid var(--line)}.feature-row h3{margin-bottom:5px}.feature-row p{color:var(--muted);font-size:.94rem;margin-top:0}.site-footer{background:var(--soft);border-top:1px solid var(--line);margin-top:52px;padding:32px 0}.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:.88rem}.fine{font-size:.84rem;color:var(--muted)}.breadcrumb{font-size:.88rem;color:var(--muted);padding-top:27px}.page-top{padding:15px 0 24px;max-width:850px}.page-top h1{font-size:clamp(2rem,4vw,2.9rem);margin-top:10px}.workspace{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.workspace-top{padding:16px 24px;background:var(--soft);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.9rem}.workspace-body{padding:26px}.upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.upload-box{background:var(--soft);padding:22px;border:1px dashed #9eafc9;border-radius:10px}.upload-box label{display:block;font-weight:700;margin-bottom:10px}.upload-box input{max-width:100%;font-size:.9rem}.file-details{font-size:.88rem;margin-top:10px;color:var(--muted)}.options{display:flex;flex-wrap:wrap;gap:20px;margin:22px 0}.options label{display:flex;gap:8px;align-items:center}.options .stack{display:block}.options .stack span{display:block;margin-bottom:5px}.options select,.options input[type=number],.options input[type=text]{padding:8px 10px;border:1px solid #a9b6ca;border-radius:6px;max-width:100%}.primary,.secondary{display:inline-block;border-radius:7px;padding:11px 19px;font-weight:650;font-size:.95rem}.primary{color:#fff;background:var(--blue);border:1px solid var(--blue)}.secondary{color:var(--ink);background:#fff;border:1px solid #9dadc4}.actions{display:flex;gap:10px;flex-wrap:wrap}.status{margin-top:18px;color:var(--muted)}.status.error{color:#a32020;background:#fff2f2;padding:12px;border-radius:8px}.results{margin-top:22px;border-top:1px solid var(--line);padding-top:20px}.result-summary{font-weight:650}.table-scroll{overflow:auto;max-height:360px;border:1px solid var(--line);border-radius:8px;margin:16px 0}table{border-collapse:collapse;width:100%;font-size:.87rem;white-space:nowrap}td,th{border-bottom:1px solid var(--line);padding:10px 13px;text-align:left;max-width:360px;overflow:hidden;text-overflow:ellipsis}th{background:var(--soft);position:sticky;top:0}.help-layout{display:grid;grid-template-columns:2fr 1fr;gap:48px;padding-top:28px}.help-layout aside{background:var(--soft);border-radius:10px;padding:20px;align-self:start}.help-layout h2{font-size:1.4rem}.help-layout p,.help-layout li{color:var(--muted)}.article{max-width:790px;padding:30px 0}.article h1{font-size:clamp(2rem,4vw,2.9rem)}.article h2{font-size:1.45rem;margin-top:32px}.article code{background:var(--soft);padding:2px 5px}.article ol,.article ul{padding-left:23px}.article p{color:#405169}.contact-form{display:grid;gap:12px;max-width:600px}.contact-form label{font-weight:600}.contact-form input,.contact-form textarea{display:block;width:100%;padding:10px;border:1px solid #a9b6ca;border-radius:7px}.contact-form textarea{min-height:150px}.honey{position:absolute;left:-10000px}.notice{background:#eaf1ff;border-radius:8px;padding:16px;margin:20px 0}.wp-block-image img{max-width:100%;height:auto}[hidden]{display:none!important}@media(max-width:780px){.hero{grid-template-columns:1fr;padding-top:30px;gap:24px}.hero-panel{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.help-layout{grid-template-columns:1fr;gap:15px}.feature-row{grid-template-columns:1fr;gap:8px}.upload-grid{grid-template-columns:1fr}.header-inner{gap:12px}.nav{gap:16px}.workspace-body{padding:18px}.wrap{width:calc(100% - 30px)}}@media(max-width:480px){.grid{grid-template-columns:1fr}.tool-card{padding:20px}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}.options{flex-direction:column;gap:12px}.actions>*{width:100%;text-align:center}.nav{font-size:.85rem}.workspace-top{padding:14px 18px}}

.cookie-banner{position:fixed;z-index:10000;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #ccd5e1;box-shadow:0 -8px 30px #0f172a18;padding:20px 0}.cookie-banner[hidden]{display:none}.cookie-banner h2{font-size:20px;margin:0 0 8px}.cookie-banner p{font-size:14px;margin:0 0 12px}.cookie-banner .actions{display:flex;gap:12px;flex-wrap:wrap}.cookie-settings{border:0;background:none;color:inherit;padding:0;font:inherit;text-decoration:underline;cursor:pointer}

.article a,.fine a,.help-layout p a,.cookie-banner p a{text-decoration:underline;text-underline-offset:3px}

/* Give text links comfortable pointer and touch targets. */
.brand,.nav a,.breadcrumb a,.article a,.help-layout a,.footer-links a,.cookie-banner a{display:inline-flex;align-items:center;min-height:44px;padding-block:4px}

.percentage-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:22px}.percentage-inputs label{display:block;font-weight:700;margin-bottom:8px}.percentage-inputs input{display:block;width:100%;font:inherit;padding:14px;border:1px solid #9dadc4;border-radius:8px;margin-bottom:7px}.percentage-inputs input:focus-visible,.primary:focus-visible,.secondary:focus-visible{outline:3px solid #70a2ff;outline-offset:2px}.percentage-result{background:#eaf1ff;border:1px solid #c8d9ff;border-radius:12px;margin-top:24px;padding:24px}.percentage-result p{margin:0 0 8px}.percentage-result output{display:block;color:var(--navy);font-size:clamp(2rem,6vw,3.25rem);font-weight:800;line-height:1.15;overflow-wrap:anywhere}.percentage-result dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 0}.percentage-result dl>div{background:#fff;border-radius:8px;padding:13px;min-width:0}.percentage-result dt{font-size:.85rem;color:var(--muted)}.percentage-result dd{margin:5px 0 0;font-weight:700;overflow-wrap:anywhere}.help-layout article a{text-decoration:underline;text-underline-offset:3px}@media(max-width:600px){.percentage-inputs,.percentage-result dl{grid-template-columns:1fr}.percentage-result{padding:18px}}