.fraction-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;padding:28px}.fraction-mode-label{display:grid;gap:8px;font-weight:bold}.fraction-layout select,.fraction-layout input{font:inherit;width:100%;padding:12px;border:1px solid #869886;border-radius:7px;color:#20352b;background:#fff}.fraction-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.fraction-inputs fieldset{min-width:0;border:1px solid #cad5c7;border-radius:12px;padding:16px}.fraction-inputs legend{font-weight:bold;padding:0 6px}.fraction-parts{display:grid;grid-template-columns:62px 1fr;align-items:end;gap:12px}.fraction-parts label{display:grid;gap:5px;font-size:12px}.fraction-parts .fraction-pair{grid-column:1 / -1;display:grid;gap:8px}.fraction-pair label:first-child{padding-bottom:10px;border-bottom:2px solid #385841}.fraction-operation{display:grid;gap:8px;margin:18px 0}.fraction-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.fraction-actions button{min-height:44px}.fraction-help{font-size:13px;color:#465b48}.fraction-output{background:#edf3e5;border-radius:14px;border:1px solid #c5d3bd;padding:24px;align-self:start}.fraction-output h2{margin-top:0}.fraction-answer{display:inline-flex;flex-direction:column;align-items:center;max-width:100%;font-size:32px;line-height:1.5;overflow-wrap:anywhere}.fraction-answer span{max-width:100%;text-align:center}.fraction-answer span:first-child{border-bottom:2px solid currentColor;padding:0 12px}.fraction-answer span.integer-result{border:0}.fraction-output p,.fraction-output li{overflow-wrap:anywhere}.fraction-output ol{padding-left:20px;font-size:14px}.fraction-output li+li{margin-top:12px}.fraction-error{padding:12px;background:#fff0ea;color:#8a2919;border:1px solid #c88d7a;border-radius:8px}.fraction-examples{display:flex;gap:8px;flex-wrap:wrap;padding:0 28px 24px}.fraction-examples button{min-height:40px}.fraction-page .intro h1{font-size:44px}.fraction-page .site-header nav{flex-wrap:wrap}.fraction-page footer{flex-wrap:wrap}.fraction-page .reference p,.fraction-page .faq p{color:#465b48}@media(max-width:760px){.fraction-layout{grid-template-columns:1fr;padding:18px}.fraction-examples{padding:0 18px 18px}.fraction-page .site-header{flex-wrap:wrap;gap:15px}.fraction-page .site-header nav{margin-left:0}.fraction-page .site-header nav a:last-child{display:inline}.fraction-page .intro h1{font-size:34px}.fraction-output{padding:18px}.fraction-inputs{gap:10px}.fraction-inputs fieldset{padding:10px}.fraction-parts{grid-template-columns:1fr;gap:8px}.fraction-parts .fraction-pair{grid-column:auto}}@media print{.fraction-page .fraction-layout{display:block}.fraction-page #fraction-form,.fraction-examples,.fraction-actions{display:none}.fraction-output{background:white;border:0}}