/* Adopted two-card reference v3: production/ui-reference/reference-manifest-step2-v2.json */
.detail{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a7824e #e7cb97}
.detail .desc{line-height:1.65}
.modal-specialize{width:1050px;padding:25px 34px;height:600px}
.modal-specialize h1{font-size:35px;margin:8px 0 6px;letter-spacing:2px}
.modal-specialize .eyebrow{font-size:15px;letter-spacing:4px}
.modal-specialize .branch-intro{font-size:18px;margin:0 0 15px;line-height:1.5}
.branch-choices{display:grid;grid-template-columns:1fr 1fr;gap:23px}
.branch-choice{height:346px;padding:14px 18px;border:3px solid #a17d47;border-radius:13px;background:#fff1ca9c;display:flex;flex-direction:column}
.branch-choice:last-child{border-color:#698656;background:#e0e7c0bd}
.branch-profile{display:flex;align-items:center;gap:20px;min-height:96px}
.branch-profile img{width:91px;height:96px;object-fit:contain}
.branch-profile h2{font-size:31px;margin:0 0 8px;font-weight:400}
.branch-profile span{font-size:18px;color:#5d7446}
.modal-specialize .branch-choice p{font-size:19px;line-height:1.55;margin:8px 0;flex:1}
.branch-choice>small{font-size:16px;color:#78552e;margin-bottom:7px}
.branch-choice .btn{width:100%;min-height:62px;font-size:23px;padding:8px 12px;flex-shrink:0;box-shadow:none}
.branch-choice:last-child .btn{background:#416848}
.branch-choice .btn:disabled{background:#776e57;opacity:.45}
.branch-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:15px}
.branch-footer .btn{width:260px;min-height:48px;font-size:18px;padding:7px 10px;box-shadow:none}
.branch-footer small{font-size:17px;color:#5d5135;line-height:1.6}
.journal-branches{border-top:1px solid #b69a68;margin-top:12px;padding-top:7px}
.journal-branches>div{display:flex;align-items:center;margin:7px 0;gap:10px;font-size:14px;line-height:1.6}
.journal-branches>div>img{width:57px;height:67px;flex-shrink:0}
.journal-branches strong{color:#6a4226;font-weight:400}
.compact .modal-specialize{width:1080px;height:574px;max-height:620px;padding:18px 28px;overflow:visible}
.compact .modal-specialize h1{font-size:38px;margin:6px 0 4px}
.compact .modal-specialize .eyebrow{font-size:17px}
.compact .modal-specialize .branch-intro{font-size:23px;line-height:1.4;margin-bottom:12px}
.compact .branch-choice{height:320px;padding:12px 18px}
.compact .branch-profile{min-height:86px;gap:20px}
.compact .branch-profile img{height:86px}
.compact .branch-profile h2{font-size:33px;margin-bottom:5px}
.compact .branch-profile span{font-size:23px;line-height:1.3}
.compact .modal-specialize .branch-choice p{font-size:25px;margin:7px 0;line-height:1.4}
.compact .branch-choice>small{font-size:18px;line-height:1.3;margin-bottom:7px}
.compact .branch-choice .btn{min-height:86px;font-size:27px;padding:8px}
.compact .branch-footer{margin-top:12px;gap:20px}
.compact .branch-footer .btn{width:280px;min-height:86px;font-size:25px;padding:8px}
.compact .branch-footer small{font-size:22px;line-height:1.5}
.compact .journal-branches>div{font-size:22px;line-height:1.5;align-items:flex-start}
.compact .journal-branches>div>img{width:60px;height:76px}
.compact .modal-journal{height:610px;display:flex;flex-direction:column;overflow:hidden}
.compact .modal-journal .journal-grid{flex:1;min-height:0;max-height:none;overflow-y:auto}
.compact .modal-journal .journal-tabs,.compact .modal-journal h1,.compact .modal-journal .eyebrow,.compact .modal-journal .row{flex-shrink:0}
.compact .modal-journal .row{margin-top:15px}

/* R5: concise real touch guidance, without desktop-only shortcuts. */
.hint-touch{display:none}.compact .hint-desktop{display:none}.compact .hint-touch{display:inline}.compact .tower-card{height:138px}.compact .tower-card img{height:64px}.compact .sidebar .hint,.compact .sidebar:has(.cancel-selection) .hint{max-height:none;overflow:visible;font-size:21px;line-height:1.3}