:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#162638;background:#f4f6f8;line-height:1.55}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a.button{cursor:pointer;background:#17314a;color:white;padding:.75rem 1.15rem;border:0;border-radius:9px;text-decoration:none;font-weight:600}button:hover,a.button:hover{background:#294b67}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #c54443;outline-offset:3px}.site{display:flex;justify-content:space-between;align-items:center;background:#152334;color:#fff;padding:1rem max(1.5rem,calc((100vw - 980px)/2));gap:1rem}.brand{display:flex;gap:.8rem;color:inherit;text-decoration:none;align-items:center;font-weight:750}.brand small{display:block;font-weight:400;font-size:.75rem;color:#d2dbe3}.mark{font-size:2rem;line-height:1;font-weight:950;letter-spacing:-5px}.red{color:#c64243;font-size:.4em;vertical-align:top;letter-spacing:0}.quiet{background:transparent;border:1px solid #7c919e;font-size:.82rem;padding:.55rem .7rem}main{max-width:850px;margin:2.5rem auto;padding:0 1.2rem;min-height:62vh}.card{background:#fff;border:1px solid #e2e6eb;border-radius:16px;box-shadow:0 5px 20px #1523340b;padding:clamp(1.2rem,3vw,2.2rem);margin:1rem 0}.hero{background:#152334;color:white}.hero p{color:#e1e9ee}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#b33b3e;font-size:.78rem;font-weight:800}h1{font-size:clamp(1.8rem,3vw,2.45rem);line-height:1.17;margin:.45rem 0 1rem}h2{font-size:1.2rem;margin:.6rem 0}p{margin:.6rem 0 1rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.muted{color:#50657a}.hero .muted{color:#d4dfe9}label{font-weight:700;display:block;margin:1.35rem 0 .35rem}input:not([type=checkbox]),textarea,select{width:100%;padding:.75rem;border:1px solid #aab7c2;border-radius:8px;background:white;color:#152334}textarea{min-height:94px;resize:vertical}input[type=range]{accent-color:#c64243}small,.hint{color:#52677c}.hint{font-size:.85rem;margin:.15rem 0 .5rem}.error{color:#a5232e;font-weight:700}.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.secondary{background:white;color:#17314a;border:1px solid #8193a2}.secondary:hover{background:#edf3f7}.step{display:flex;justify-content:space-between;align-items:center;gap:1rem}.progress{height:6px;background:#e5e9ed;border-radius:6px;overflow:hidden;margin:1rem 0 1.4rem}.progress span{display:block;height:100%;background:#ba3943}.notice{background:#f2f5f8;padding:1rem;border-radius:10px;border-left:4px solid #b43c40}.result{white-space:pre-wrap;background:#f2f5f8;padding:1rem;border-radius:9px}.pill{display:inline-block;background:#edf3f5;border-radius:30px;padding:.2rem .6rem;font-size:.8rem;color:#233e56}.rating{display:flex;align-items:center;gap:1rem}.rating output{font-size:1.2rem;font-weight:800;min-width:2.4rem}footer{text-align:center;padding:2rem 1rem;color:#50657a;font-size:.82rem}@media(max-width:650px){.grid{grid-template-columns:1fr}.site{padding:1rem;flex-wrap:wrap}main{margin:1rem auto}}@media print{header,footer,.actions,.step,.progress,.no-print{display:none!important}body{background:white}main{margin:0;max-width:none}.card{box-shadow:none;border:none;padding:0}.result{border:1px solid #ddd}}

/* Motivation Manual visual language v1.0 — planning tools */
:root{font-family:'Open Sans',Arial,sans-serif;color:#152334;background:#F4F6F8}
.brand{font-family:Lato,Arial,sans-serif;font-weight:900;letter-spacing:.025em}.brand-image{width:40px;height:40px;object-fit:contain;border-radius:9px;flex:none}
button,a.button{background:#152334;border-radius:11px;min-height:44px;font-family:'Open Sans',Arial,sans-serif}
button:hover,a.button:hover{background:#2A455F}.secondary{background:white;color:#152334;border:1.5px solid #8B9CAC}.secondary:hover{background:#F4F6F8}
.card{box-shadow:0 9px 28px rgba(21,35,52,.075);border-color:#E2E6EB}.hero{border-top:4px solid #C64243;background:#152334}.eyebrow{color:#A3393A;font-family:Lato,Arial,sans-serif}.hero .eyebrow{color:#F2C5C5}
h1,h2{font-family:Lato,Arial,sans-serif;color:#152334}.hero h1{color:white}.pill{background:#F4F6F8;color:#152334}.notice{background:#F4F6F8;border-color:#C64243}.progress span{background:#C64243}.result{background:#F4F6F8;border:1px solid #E2E6EB;line-height:1.8;color:#152334}
.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1.2rem 0}
.result-metric{background:#F4F6F8;border-radius:10px;padding:.75rem;text-align:center}.result-metric strong{display:block;font:900 1.4rem Lato,Arial,sans-serif}.result-metric span{display:block;font-size:.73rem;color:#50657A}
.result-section{border-radius:11px;padding:1rem;margin:1rem 0;background:#F4F6F8}.result-section h2{font-size:1rem;margin:0 0 .5rem}.result-section p{margin:0;white-space:pre-wrap}.result-section.recommend{background:#fff;border:1px solid #CBD5DE;border-left:4px solid #C64243}
.report-head{display:none}.report-note{display:none}
@media(max-width:650px){.result-grid{grid-template-columns:1fr 1fr}.brand-image{width:34px;height:34px}}
@media print{
@page{size:A4;margin:16mm}
*{-webkit-print-color-adjust:exact;print-color-adjust:exact}
body{background:white!important;color:#152334!important;font-family:'Open Sans',Arial,sans-serif}
header,footer,.actions,.step,.progress,.no-print{display:none!important}
main{max-width:none;margin:0;padding:0;min-height:0}.card{padding:0;border:none;border-radius:0;box-shadow:none;margin:0}
.report-head{display:flex!important;align-items:center;justify-content:space-between;border-bottom:2px solid #C64243;padding:0 0 4mm;margin-bottom:6mm}.report-head .report-logo{width:15mm;height:15mm;object-fit:contain}.report-head strong{font:900 12pt Lato,Arial,sans-serif;letter-spacing:.04em}.report-head span{font:9pt 'Open Sans',Arial,sans-serif;color:#50657A}
.report-note{display:block!important;border-top:1px solid #E2E6EB;margin-top:7mm;padding-top:3mm;font-size:8pt;color:#50657A}
.eyebrow{font-size:8pt;color:#A3393A}.card>h1{font:900 20pt Lato,Arial,sans-serif;margin:1mm 0 2mm}.card>.muted{font-size:9pt;margin:0 0 5mm}
.result-grid{grid-template-columns:repeat(3,1fr);gap:3mm;margin:3mm 0}.result-metric{border:1px solid #CDD6DE;background:#F4F6F8!important;padding:3mm;break-inside:avoid}.result-metric strong{font:900 15pt Lato}.result-metric span{font-size:8pt}
.result-section{background:white!important;border:1px solid #CFD7DF;border-radius:3mm;padding:3mm 4mm;margin:3mm 0;break-inside:avoid}.result-section h2{font:900 9pt Lato;margin:0 0 1mm;color:#152334}.result-section p{font:9.5pt 'Open Sans',Arial,sans-serif;line-height:1.4;margin:0}.result-section.recommend{border-left:2.5mm solid #C64243}
}

/* Visual Identity v1.1 — standalone planning tools; original four reports preserved */
.result-page .result-section{padding:.85rem 1rem;margin:.7rem 0}.result-page .result-section h2{font-family:'Open Sans',Arial,sans-serif;font-size:.81rem;letter-spacing:.035em;font-weight:800}.result-page .result-section p{line-height:1.55}.next-step-panel{margin-top:1rem;padding:1.15rem 1.25rem;border:1px solid #CBD5DE;border-left:4px solid #C64243;border-radius:11px;background:#fff}.next-step-panel h2{font:800 .91rem 'Open Sans',Arial,sans-serif;margin:0 0 .5rem;letter-spacing:.035em}.next-step-panel p{margin:.2rem 0 .8rem;line-height:1.6}.next-button{margin-top:.25rem}.result-actions{align-items:center}.text-action{background:transparent!important;border:0!important;color:#152334!important;min-height:44px;padding:.65rem .5rem;font-size:.9rem;text-decoration:underline!important;text-underline-offset:3px;box-shadow:none!important}.text-action:hover{color:#A3393A!important}
@media print{
@page{size:A4;margin:17mm 17mm 15mm}
html,body,#app,.card,.result-page,.result-page *:not(.report-logo){font-family:Arial,Helvetica,sans-serif!important}
html,body{height:auto!important;min-height:0!important;background:#fff!important}
#app{display:block!important;min-height:0!important}main{padding:0!important;min-height:0!important}
.result-page{display:block!important;min-height:0!important;height:auto!important}.result-page .result-section{padding:3.5mm 4mm!important;margin:2.5mm 0!important;break-inside:avoid;border-radius:2mm}.result-page .result-section h2{font:700 9.3pt Arial,Helvetica,sans-serif!important;letter-spacing:.02em}.result-page .result-section p{font:10.5pt/1.48 Arial,Helvetica,sans-serif!important}.result-page .result-grid{gap:3mm;margin:3mm 0}.result-page .result-metric strong{font:700 16pt Arial,Helvetica,sans-serif!important}.result-page .result-metric span{font:9pt Arial,Helvetica,sans-serif!important}.result-page>.eyebrow{font:700 8pt Arial,Helvetica,sans-serif!important}.result-page>h1{font:700 21pt Arial,Helvetica,sans-serif!important;margin:1mm 0 2mm}.result-page>.muted{font:9.5pt Arial,Helvetica,sans-serif!important;margin:0 0 4mm}.report-head strong{font:700 12pt Arial,Helvetica,sans-serif!important}.report-head span{font:9pt Arial,Helvetica,sans-serif!important}.report-note{font:8pt Arial,Helvetica,sans-serif!important}.next-step-panel{border:1px solid #CBD5DE;border-left:2.5mm solid #C64243;padding:4mm;margin-top:4mm;break-inside:avoid}.next-step-panel h2{font:700 10pt Arial,Helvetica,sans-serif!important}.next-step-panel p{font:10pt/1.45 Arial,Helvetica,sans-serif!important;margin:1.5mm 0 0}.next-step-panel button{display:none!important}.result-actions{display:none!important}
}

/* v1.2 — explicit goal hand-off and refined Goal Clarifier print */
.goal-context{border:1px solid #CBD5DE;border-left:4px solid #C64243;border-radius:10px;padding:1rem 1.15rem;margin:1.3rem 0;background:#F4F6F8}
.goal-context .eyebrow{margin:0 0 .45rem}.goal-context label{margin:.3rem 0 .45rem}.goal-context textarea{background:white;min-height:68px}
@media print{
.result-page .result-section p{font:11pt/1.48 Arial,Helvetica,sans-serif!important}
.result-page .report-note{font:9pt/1.45 Arial,Helvetica,sans-serif!important;margin-top:9mm;padding-top:4mm;color:#50657A}
.result-page .result-section h2{font:700 9.5pt Arial,Helvetica,sans-serif!important}
}

/* v1.3: user-verifiable rule-based sentence preview */
.plan-preview{margin:1.5rem 0 0;border:1px solid #CBD5DE;border-left:4px solid #C64243;border-radius:10px;background:#F4F6F8;padding:1rem 1.1rem}
.plan-preview h2{font:800 .85rem Arial,sans-serif;letter-spacing:.035em;margin:0 0 .5rem}.plan-preview p{font-size:.93rem;line-height:1.6;margin:.5rem 0;overflow-wrap:anywhere}
@media print{.plan-preview{display:none!important}}

/* Visual Identity v1.5: matched navigation and print report header */
.site{min-height:68px;padding:.6rem max(1.5rem,calc((100vw - 980px)/2));background:#152334}
.site .brand{font-family:Lato,Arial,sans-serif;letter-spacing:.035em;line-height:1.15}
.site .brand strong{font-size:.86rem;letter-spacing:.06em;display:block}
.site .brand small{font-family:'Open Sans',Arial,sans-serif;letter-spacing:0;font-weight:400;color:#d8e2ea;font-size:.73rem;margin-top:2px}
.site .quiet{min-height:44px;border-radius:9px;color:#fff;border-color:#8598a9}
.site .quiet:hover{background:#294159}
@media(max-width:650px){.site{flex-wrap:wrap}.site .brand strong{font-size:.76rem}.site .brand small{font-size:.65rem}}
@media print{
.report-head .report-brand{display:flex;flex-direction:column;gap:1.5mm;align-items:flex-start}
.report-head .report-brand strong{font:700 11pt Arial,Helvetica,sans-serif!important;letter-spacing:.04em}
.report-head .report-brand small{font:700 7pt Arial,Helvetica,sans-serif!important;letter-spacing:.04em;color:#50657A!important}
.report-head>span{font:9pt Arial,Helvetica,sans-serif!important}
}

/* v1.6 — navigation parity with original Motivation Manual tools */
.site-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:flex-end}
.site-actions .nav-link{border:0;background:transparent;color:#fff;text-decoration:none;font-size:.83rem;font-weight:700;padding:.35rem .15rem;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
.site-actions .nav-link:hover{text-decoration:underline;background:transparent}
.site-actions .status-chip{font-size:.72rem;font-weight:800;background:#304b64;border-radius:999px;color:#fff;padding:.35rem .6rem;white-space:nowrap}
@media(max-width:760px){.site-actions{gap:.4rem .7rem;width:100%;justify-content:flex-start}.site-actions .nav-link{font-size:.76rem;min-height:38px}.site-actions .quiet{min-height:40px;font-size:.76rem}}
@media print{.site-actions{display:none!important}}

/* Visual Identity v1.7 — screen header geometry matches the four established tools.
   This deliberately leaves the approved print layout untouched. */
@media screen {
  .site {
    width:100%; min-height:68px; padding:12px 22px;
    gap:18px; justify-content:space-between;
    font-family:'Open Sans',Arial,sans-serif;
  }
  .site .brand {gap:11px;flex:0 0 auto;}
  .site .brand-image {width:36px;height:36px;}
  .site .brand strong {font-size:.86rem;font-weight:900;letter-spacing:.06em;}
  .site .brand small {font-size:.73rem;}
  .site-actions {gap:8px;flex-wrap:wrap;justify-content:flex-end;}
  .site-actions .nav-link {
    font-family:'Open Sans',Arial,sans-serif;
    font-size:1rem;font-weight:800;
    padding:11px 8px;min-height:44px;
  }
  .site-actions .status-chip {font-size:.76rem;font-weight:800;padding:5px 9px;}
  .site-actions .quiet {
    font-family:'Open Sans',Arial,sans-serif;
    font-size:1rem;font-weight:800;
    padding:9px 12px;min-height:44px;
  }
}
@media screen and (max-width:760px) {
  .site {padding:9px 13px;flex-wrap:wrap;}
  .site-actions {width:100%;gap:8px;justify-content:flex-start;}
  .site-actions .nav-link {font-size:.88rem;min-height:44px;}
  .site-actions .quiet {font-size:.85rem;min-height:44px;}
}

/* v2.0 conversion panel: screen only. Never modifies established A4 print layouts. */
.book-invitation{margin:22px 0 10px;padding:20px 22px;border:1px solid #d8e0e7;border-left:4px solid #c64243;border-radius:12px;background:#f4f6f8;color:#152334}
.book-invitation .book-eyebrow{font:800 .72rem 'Open Sans',Arial,sans-serif;letter-spacing:.09em;color:#9d3034;margin:0 0 8px}
.book-invitation h2{font:800 1.2rem Lato,Arial,sans-serif;color:#152334;margin:0 0 8px}
.book-invitation p:not(.book-eyebrow){font:400 .95rem/1.55 'Open Sans',Arial,sans-serif;color:#405366;margin:0 0 12px}
.book-invitation .book-link{display:inline-block;color:#152334;text-decoration:underline;text-underline-offset:3px;font-weight:800;padding:8px 0}
.book-invitation .book-link:focus-visible{outline:3px solid #c64243;outline-offset:3px}
@media print{.book-invitation,.screen-only{display:none!important}}

/* Book Journey v2.1 – authentic second-edition cover, screen-only. */
.book-invitation{display:flex;gap:18px;align-items:flex-start}
.book-invitation .book-cover{display:block;flex:0 0 90px;width:90px;height:auto;aspect-ratio:2/3;object-fit:contain;border-radius:2px;box-shadow:0 2px 8px rgba(21,35,52,.16)}
.book-invitation .book-invitation-copy{flex:1;min-width:0}
@media(max-width:480px){.book-invitation{gap:12px;padding:15px}.book-invitation .book-cover{flex-basis:70px;width:70px}}
@media print{.book-invitation,.book-cover{display:none!important}}

/* v2.2: accessible clickable cover; retains established PDF exclusion */
.book-cover-link{display:block;flex:0 0 90px;align-self:flex-start;border-radius:3px}
.book-cover-link:focus-visible{outline:3px solid #C64243;outline-offset:3px}
.book-cover-link .book-cover{width:100%;height:auto}
@media(max-width:480px){.book-cover-link{flex-basis:70px}}
@media print{.book-cover-link{display:none!important}}
