{} *{} {}
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    



 :root { --teal-dark: #0f4f4f; --gold: #c8a45d; --cream: #fbf7ef; --paper: #fffdf8; --ink: #1f2a2a; --muted: #6b7474; --line: #e5dccb; --shadow: 0 18px 45px rgba(15, 79, 79, .12); --radius-lg: 28px; --max: 1120px; } * { box-sizing: border-box; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: var(--ink); background: linear-gradient(115deg, rgba(251,247,239,1) 0%, rgba(253,250,244,1) 38%, rgba(237,247,244,1) 72%, rgba(255,255,255,1) 100%); line-height: 1.5; } .page { width: min(var(--max), calc(100% - 32px)); margin: 0 auto; padding: 40px 0; } .section { margin-top: 26px; background: rgba(255,253,248,.96); border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow); overflow: hidden; } .section-header { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 14px; padding: 20px 26px; border-bottom: 1px solid var(--line); background: linear-gradient(135deg, #fff, #fff7e8); cursor: pointer; user-select: none; } .section-body { padding: 24px 26px; } .section h2 { margin: 0; color: var(--teal-dark); font-size: 28px; line-height: 1.15; letter-spacing: -.03em; } .section p { margin: 8px 0; } .section-actions { display: flex; align-items: center; gap: 6px; } .arrow-btn { width: 30px; height: 30px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--teal-dark); font-size: 14px; font-weight: 900; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; line-height: 1; } .arrow-btn:hover { background: #fff7e8; transform: translateY(-1px); } .report-section.collapsed .section-body { display: none; } /* ===================================================== HIDDEN WORKING ASSUMPTIONS FEATURE ===================================================== */ .advisor-section { box-shadow: none; } /* Collapsed state: Only a thick line is visible. No words. No up/down arrows. No collapse arrow. */ .advisor-section.collapsed { background: transparent; border: 0; box-shadow: none; margin-top: 22px; margin-bottom: 22px; border-radius: 0; overflow: visible; } .advisor-section.collapsed .section-header { display: block; height: 14px; padding: 0; border: 0; border-radius: 999px; background: linear-gradient( 90deg, rgba(15,79,79,.16), rgba(200,164,93,.75), rgba(15,79,79,.16) ); cursor: pointer; box-shadow: 0 8px 20px rgba(15,79,79,.08); } .advisor-section.collapsed .section-title-wrap, .advisor-section.collapsed .section-actions, .advisor-section.collapsed .section-body { display: none !important; } /* Open state: The title, arrows and input fields appear. Now the section can be moved. */ .advisor-section:not(.collapsed) { background: rgba(255,253,248,.96); border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow); overflow: hidden; } .advisor-section:not(.collapsed) .section-header { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 14px; padding: 14px 22px; border-bottom: 1px solid var(--line); border-top: 5px solid var(--teal-dark); background: #fffdf8; cursor: pointer; } .advisor-section:not(.collapsed) .section-header h2 { margin: 0; font-size: 16px; letter-spacing: .02em; color: var(--muted); font-weight: 800; } .advisor-section:not(.collapsed) .section-actions { display: flex; align-items: center; gap: 6px; } .advisor-section:not(.collapsed) .section-body { display: block; padding: 18px 24px 24px; background: #fffdf8; } .input-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 14px; } .field label { display: block; font-size: 12px; color: var(--muted); font-weight: 800; margin-bottom: 5px; } .field input { width: 100%; border: 1px solid var(--line); border-radius: 12px; padding: 10px 11px; font-size: 14px; color: var(--ink); background: #fff; } .hint { display: block; font-size: 11px; color: var(--muted); margin-top: 4px; } @media (max-width: 800px) { .input-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 520px) { .page { width: min(100% - 18px, var(--max)); } .input-grid { grid-template-columns: 1fr; } .section-header { padding: 16px; } .section-body { padding: 18px 16px; } }