/* ==========================================================
   ROMAN NUMERAL CONVERTER
   Extracted from calculator-tools.css (lines 6668-6690)
   ========================================================== */
/* ROMAN NUMERAL CONVERTER */
.ct-rom-panel{display:none}
.ct-rom-panel-active{display:block;animation:ctFadeUp .3s var(--ct-ease)}
.ct-rom-answer{text-align:center;padding:20px var(--ct-sp-md);word-break:break-word}
.ct-rom-answer:empty{display:none}
.ct-rom-answer-label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--ct-text-muted);margin-bottom:10px}
.ct-rom-answer-value{display:block;font-size:clamp(22px,4.5vw,30px);font-weight:900;line-height:1.1;font-family:'Times New Roman',Georgia,serif;letter-spacing:4px;background:linear-gradient(135deg,#b45309,#d97706,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;word-break:break-word}
.ct-rom-answer-sub{display:block;font-size:clamp(14px,3vw,18px);font-weight:700;color:var(--ct-text-secondary);margin-top:8px}
.ct-rom-breakdown{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:var(--ct-sp-md)}
.ct-rom-brk-item{display:flex;flex-direction:column;align-items:center;padding:12px 16px;background:var(--ct-card-bg);border:2px solid var(--ct-input-border);border-radius:var(--ct-r-md);transition:transform .2s ease;min-width:60px}
.ct-rom-brk-item:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.06)}
.ct-rom-brk-symbol{font-size:24px;font-weight:900;font-family:'Times New Roman',serif;color:#b45309;letter-spacing:2px}
.ct-rom-brk-value{font-size:12px;font-weight:700;color:var(--ct-text-secondary);margin-top:4px}
.ct-rom-brk-plus{display:flex;align-items:center;font-size:20px;font-weight:800;color:var(--ct-text-muted)}
.ct-rom-year-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--ct-sp-md)}
.ct-rom-year-pill{padding:7px 16px;font-size:13px;font-weight:700;font-family:var(--ct-font);color:var(--ct-text-secondary);background:var(--ct-input-bg);border:2px solid var(--ct-input-border);border-radius:24px;cursor:pointer;transition:all .25s ease}
.ct-rom-year-pill:hover{border-color:var(--ct-primary-light);color:var(--ct-primary);transform:translateY(-2px);box-shadow:0 4px 10px rgba(99,102,241,.1)}
.ct-tool-section[data-tool="roman"] .ct-result-value{font-size:clamp(14px,2.8vw,20px);word-break:break-word;line-height:1.2;max-width:100%}
.ct-tool-section[data-tool="roman"] .ct-result-card{min-width:0;overflow:hidden;word-break:break-word;padding:var(--ct-sp-md) var(--ct-sp-sm)}
.ct-tool-section[data-tool="roman"] .ct-detail-val{word-break:break-word;overflow-wrap:break-word}
@media(max-width:768px){.ct-rom-brk-item{padding:8px 12px;min-width:48px}.ct-rom-brk-symbol{font-size:20px}.ct-tool-section[data-tool="roman"] .ct-result-grid{grid-template-columns:1fr!important}.ct-tool-section[data-tool="roman"] .ct-detail-item{flex-direction:column;align-items:flex-start;gap:2px}.ct-tool-section[data-tool="roman"] .ct-detail-val{text-align:left;padding-left:28px}.ct-rom-year-pill{padding:5px 12px;font-size:12px}}
@media(max-width:480px){.ct-rom-brk-item{padding:6px 10px;min-width:40px}.ct-rom-brk-symbol{font-size:16px}.ct-rom-brk-value{font-size:10px}.ct-rom-brk-plus{font-size:16px}.ct-rom-year-pill{padding:4px 10px;font-size:11px}}

