/* 偲スタジオ内部ポータル：生成り、藍、あかね柿、紙の記録を引き継ぐ運用画面。 */
.portal-main{display:grid;grid-template-columns:minmax(270px,.74fr) minmax(0,1.8fr);min-height:calc(100vh - 78px)}.portal-rail{padding:74px 12% 55px max(9vw,35px);background:var(--ink);color:#fffaf0}.portal-rail .eyebrow{color:var(--gold)}.portal-rail h1{margin:0;font:600 clamp(30px,3vw,48px)/1.38 var(--display);letter-spacing:-.04em}.portal-nav{margin:53px 0 36px;border-top:1px solid rgba(255,250,240,.22)}.portal-nav button{width:100%;display:flex;gap:14px;align-items:center;padding:16px 0;border:0;border-bottom:1px solid rgba(255,250,240,.17);background:transparent;color:#d5ddd6;text-align:left;font:600 17px var(--display);transition:color .18s,padding .18s}.portal-nav button small{color:var(--gold);font:9px var(--mono)}.portal-nav button:hover,.portal-nav button.active{padding-left:7px;color:#fffaf0}.portal-rail-note{max-width:270px;color:#aeb9b0;font-size:11px;line-height:1.9}.portal-content{padding:82px max(8vw,45px);background:var(--paper)}.portal-view{display:none;max-width:1010px;animation:portal-enter .28s cubic-bezier(.23,1,.32,1)}.portal-view.active{display:block}@keyframes portal-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.portal-view h2{margin:0 0 42px;font:600 clamp(37px,4.2vw,65px)/1.28 var(--display);letter-spacing:-.05em}.map-grid,.role-grid,.manual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.map-grid article,.role-grid article,.manual-grid article{min-height:205px;padding:29px;background:var(--paper)}.map-grid span,.manual-grid span{color:var(--warm);font:10px var(--mono);letter-spacing:.16em}.map-grid h3,.role-grid h3,.manual-grid h3{margin:26px 0 9px;font:600 27px var(--display);letter-spacing:.08em}.map-grid p,.role-grid p,.manual-grid p{margin:0;color:#576159;font-size:12px}.map-grid b{display:block;margin-top:22px;color:var(--warm);font:10px var(--mono);letter-spacing:.08em}.portal-note{display:grid;grid-template-columns:180px 1fr;gap:28px;margin-top:30px;padding:28px;background:#e9e0d2;border-left:3px solid var(--warm)}.portal-note strong{font:600 22px var(--display)}.portal-note p{margin:0;color:#556158;font-size:13px}.portal-quote{margin:0 0 40px;padding:28px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font:600 clamp(25px,3vw,39px)/1.5 var(--display);color:var(--warm)}.principle-list{margin-top:34px;padding:34px;background:#e8e0d2}.principle-list h3{margin:0 0 16px;font:600 27px var(--display)}.principle-list ol{margin:0;padding-left:20px;color:#556158;font-size:13px}.principle-list li{padding:7px 0}.task-form{display:grid;grid-template-columns:1fr 135px 145px 80px;gap:8px;margin-bottom:34px}.task-form input,.task-form select{padding:12px;border:1px solid var(--line);background:#fffaf2}.task-form button{border:0;background:var(--ink);color:var(--paper);font-size:11px}.task-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.task-columns>div{min-height:310px;padding:18px;background:#eae2d5}.task-columns h3{margin:0 0 13px;font:600 20px var(--display)}.task-card{margin:8px 0;padding:13px;background:var(--paper);border-left:2px solid var(--warm);font-size:11px}.task-card small{display:block;margin-bottom:6px;color:var(--warm);font:9px var(--mono)}.task-card footer{display:flex;justify-content:space-between;gap:5px;margin-top:11px}.task-card button{padding:4px 6px;border:1px solid var(--line);background:transparent;font-size:9px}.hiring-path{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--ink)}.hiring-path article{padding-top:20px}.hiring-path small{color:var(--warm);font:10px var(--mono)}.hiring-path h3{margin:38px 0 12px;font:600 29px var(--display)}.hiring-path p{color:#576159;font-size:13px}.icon-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.icon-selector button{padding:18px;border:1px solid var(--line);background:var(--paper);transition:border .18s,background .18s,transform .18s}.icon-selector button:hover,.icon-selector button.active{border-color:var(--warm);background:#ebe1d2;transform:translateY(-2px)}.icon-selector img{width:100%;aspect-ratio:1;object-fit:contain}.icon-selector span{display:block;margin-top:14px;font:600 16px var(--display)}@media(max-width:900px){.portal-main{grid-template-columns:1fr}.portal-rail{padding:48px 8vw 24px}.portal-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:30px 0 0}.portal-nav button{min-height:58px;padding:9px;font-size:13px;line-height:1.3}.portal-nav button small{display:none}.portal-rail-note{display:none}.portal-content{padding:60px 8vw}.task-form{grid-template-columns:1fr 1fr}.task-form input:first-child{grid-column:1/-1}.task-columns{grid-template-columns:1fr}.task-columns>div{min-height:120px}.hiring-path{grid-template-columns:1fr;gap:5px}.hiring-path h3{margin:12px 0}.icon-selector{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.portal-view h2{font-size:38px}.map-grid,.role-grid,.manual-grid{grid-template-columns:1fr}.portal-note{grid-template-columns:1fr}.task-form{grid-template-columns:1fr}.icon-selector{gap:7px}}